*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--bg:#0f172a;--bg-card:#1e293b;--bg-input:#334155;--text:#f8fafc;--text-muted:#94a3b8;--border:#475569;--success:#22c55e;--error:#ef4444;--radius:12px;--shadow:0 4px 6px -1px #0000004d}body{background:#0f172a;background:var(--bg);color:#f8fafc;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.app,body{min-height:100vh}.app{display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#4f46e5,#7c3aed);background:linear-gradient(135deg,var(--primary-dark) 0,#7c3aed 100%);padding:2rem;text-align:center}.header-content{margin:0 auto;max-width:800px}.logo{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:.5rem}.logo-icon{font-size:2rem}.logo h1{font-size:1.75rem;font-weight:700}.tagline{color:#ffffffd9;font-size:1rem}.tour-btn{background:#ffffff26;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:.875rem;margin-top:1rem;padding:.5rem 1rem;transition:all .2s}.tour-btn:hover{background:#ffffff40}.main{flex:1 1;padding:2rem}.container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1.5fr;margin:0 auto;max-width:1400px}@media (max-width:1024px){.container{grid-template-columns:1fr}}@media (max-width:768px){.header{padding:1.5rem 1rem}.logo h1{font-size:1.35rem}.tagline{font-size:.875rem}.main{padding:1rem}.input-section,.platform-selector,.language-selector{padding:1rem}.platform-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.platform-btn{padding:.75rem .5rem;min-height:44px}.tour-btn,.sample-btn,.copy-btn{min-height:44px;padding:.625rem 1rem}.generate-btn{min-height:48px;padding:.875rem}.language-select{min-height:44px}.results-section{min-height:auto;padding:1rem}.result-content{max-height:260px}.empty-state{padding:2rem 1rem}.footer{padding:1rem;font-size:.8125rem}}@media (max-width:480px){.header{padding:1rem .75rem}.logo h1{font-size:1.15rem}.logo-icon{font-size:1.5rem}.tagline{font-size:.8125rem}.main{padding:.75rem}.container{gap:1rem}.input-section,.platform-selector,.language-selector{padding:.875rem}.platform-grid{grid-template-columns:1fr 1fr;gap:.5rem}.platform-btn{padding:.625rem .5rem;font-size:.75rem;min-height:44px}.platform-icon{font-size:1.25rem}.platform-name{font-size:.75rem}.section-header h2{font-size:1rem}.content-input{height:150px;font-size:.875rem}.generate-btn{font-size:1rem}.result-header{padding:.75rem;flex-wrap:wrap}.result-content{padding:.75rem}.result-content pre{font-size:.875rem}}.input-panel{display:flex;flex-direction:column;gap:1.5rem}.input-section{background:#1e293b;background:var(--bg-card);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000004d;box-shadow:var(--shadow);padding:1.5rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.section-header h2{font-size:1.125rem;font-weight:600}.sample-btn{background:#334155;background:var(--bg-input);border:1px solid #475569;border:1px solid var(--border);border-radius:8px;color:#f8fafc;color:var(--text);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.sample-btn:hover{background:#475569;background:var(--border)}.content-input{background:#334155;background:var(--bg-input);border:1px solid #475569;border:1px solid var(--border);border-radius:8px;color:#f8fafc;color:var(--text);font-family:inherit;font-size:.9375rem;height:200px;padding:1rem;resize:vertical;width:100%}.content-input:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f133;outline:none}.char-count,.content-input::placeholder{color:#94a3b8;color:var(--text-muted)}.char-count{font-size:.75rem;margin-top:.5rem;text-align:right}.language-selector,.platform-selector{background:#1e293b;background:var(--bg-card);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000004d;box-shadow:var(--shadow);padding:1.5rem}.language-selector h3,.platform-selector h3{font-size:1rem;font-weight:600;margin-bottom:1rem}.platform-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.platform-btn{align-items:center;background:#334155;background:var(--bg-input);border:2px solid #475569;border:2px solid var(--border);border-radius:10px;color:#f8fafc;color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .2s}.platform-btn:hover{border-color:#818cf8;border-color:var(--primary-light)}.platform-btn.selected{background:#6366f11a;border-color:var(--platform-color)}.platform-icon{font-size:1.5rem;font-weight:700}.platform-name{font-size:.8125rem}.language-select{background:#334155;background:var(--bg-input);border:1px solid #475569;border:1px solid var(--border);border-radius:8px;color:#f8fafc;color:var(--text);cursor:pointer;font-size:1rem;padding:.75rem 1rem;width:100%}.language-select:focus{border-color:#6366f1;border-color:var(--primary);outline:none}.generate-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#7c3aed);background:linear-gradient(135deg,var(--primary) 0,#7c3aed 100%);border:none;border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000004d;box-shadow:var(--shadow);color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s;width:100%}.generate-btn:hover:not(:disabled){box-shadow:0 8px 20px #6366f166;transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.error-message{background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--error);border-radius:8px;color:#ef4444;color:var(--error);font-size:.875rem;padding:1rem}.results-section{background:#1e293b;background:var(--bg-card);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000004d;box-shadow:var(--shadow);min-height:400px;padding:1.5rem}.results-section h2{font-size:1.125rem;font-weight:600;margin-bottom:1.5rem}.empty-state{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state p{font-size:1rem;margin-bottom:.5rem}.empty-state span{font-size:.875rem}.results-grid{display:flex;flex-direction:column;gap:1.5rem}.result-card{background:#334155;background:var(--bg-input);border-radius:10px;overflow:hidden}.result-header{align-items:center;background:#0003;border-left:3px solid var(--platform-color);display:flex;gap:.75rem;padding:1rem}.result-icon{font-size:1.25rem;font-weight:700}.result-platform{flex:1 1;font-weight:600}.copy-btn{background:#1e293b;background:var(--bg-card);border:1px solid #475569;border:1px solid var(--border);border-radius:6px;color:#f8fafc;color:var(--text);cursor:pointer;font-size:.8125rem;padding:.5rem 1rem;transition:all .2s}.copy-btn:hover{background:#475569;background:var(--border)}.copy-btn.copied{background:#22c55e;background:var(--success);border-color:#22c55e;border-color:var(--success)}.result-content{max-height:350px;overflow-y:auto;padding:1rem}.result-content pre{word-wrap:break-word;color:#f8fafc;color:var(--text);font-family:inherit;font-size:.9375rem;line-height:1.7;white-space:pre-wrap}.footer{background:#1e293b;background:var(--bg-card);color:#94a3b8;color:var(--text-muted);font-size:.875rem;padding:1.5rem;text-align:center}.introjs-tooltip{background:#1e293b!important;background:var(--bg-card)!important;border-radius:12px!important;border-radius:var(--radius)!important;box-shadow:0 20px 40px #00000080!important}.introjs-tooltip,.introjs-tooltiptext{color:#f8fafc!important;color:var(--text)!important}.introjs-button{background:#6366f1!important;background:var(--primary)!important;border:none!important;border-radius:6px!important;color:#fff!important;text-shadow:none!important}.introjs-button:hover{background:#4f46e5!important;background:var(--primary-dark)!important}.introjs-skipbutton{color:#94a3b8!important;color:var(--text-muted)!important}.introjs-helperLayer{background:#6366f11a!important;border:2px solid #6366f1!important;border:2px solid var(--primary)!important;border-radius:12px!important;border-radius:var(--radius)!important}.introjs-overlay{background:#000000b3!important}.introjs-progress{background:#334155!important;background:var(--bg-input)!important}.introjs-progressbar{background:#6366f1!important;background:var(--primary)!important}.introjs-overlay{box-sizing:initial;opacity:0;position:absolute;transition:all .3s ease-out;z-index:999999}.introjs-showElement{z-index:9999999!important}tr.introjs-showElement>td,tr.introjs-showElement>th{position:relative;z-index:9999999!important}.introjs-disableInteraction{background-color:#fff;opacity:0;position:absolute;z-index:99999999!important}.introjs-relativePosition{position:relative}.introjs-helperLayer{border-radius:4px;box-sizing:initial;position:absolute;transition:all .3s ease-out;z-index:9999998}.introjs-helperLayer *,.introjs-helperLayer :after,.introjs-helperLayer :before{box-sizing:initial}.introjs-tooltipReferenceLayer{background-color:initial;box-sizing:initial;position:absolute;transition:all .3s ease-out;visibility:hidden;z-index:100000000}.introjs-helperNumberLayer,.introjs-tooltipReferenceLayer,.introjs-tooltipReferenceLayer *{font-family:Helvetica Neue,Inter,ui-sans-serif,Apple Color Emoji,Helvetica,Arial,sans-serif}.introjs-helperNumberLayer{color:#9e9e9e;padding-bottom:10px;padding-top:10px;text-align:center}.introjs-arrow{border:5px solid #0000;content:"";position:absolute}.introjs-arrow.top{border-bottom-color:#fff;left:10px;top:-10px}.introjs-arrow.top-right{border-bottom-color:#fff;right:10px;top:-10px}.introjs-arrow.top-middle{border-bottom-color:#fff;left:50%;margin-left:-5px;top:-10px}.introjs-arrow.right{border-left-color:#fff;right:-10px;top:10px}.introjs-arrow.right-bottom{border-left-color:#fff;bottom:10px;right:-10px}.introjs-arrow.bottom{border-top-color:#fff;bottom:-10px;left:10px}.introjs-arrow.bottom-right{border-top-color:#fff;bottom:-10px;right:10px}.introjs-arrow.bottom-middle{border-top-color:#fff;bottom:-10px;left:50%;margin-left:-5px}.introjs-arrow.left{border-right-color:#fff;left:-10px;top:10px}.introjs-arrow.left-bottom{border-right-color:#fff;bottom:10px;left:-10px}.introjs-tooltip{background-color:#fff;border-radius:5px;box-shadow:0 3px 30px #2121214d;box-sizing:initial;max-width:300px;min-width:250px;position:absolute;transition:opacity .1s ease-out;visibility:visible}.introjs-tooltiptext{padding:20px}.introjs-dontShowAgain{padding-left:20px;padding-right:20px}.introjs-dontShowAgain input{display:inline;height:10px;margin:0 0 2px;padding:0;width:10px}.introjs-dontShowAgain label{background-color:#fff;color:#616161;display:inline-block;font-size:14px;font-weight:400;margin:0 0 0 5px;padding:0;-webkit-user-select:none;user-select:none}.introjs-tooltip-title{font-size:18px;font-weight:700;line-height:1.5;margin:0;min-height:1.5em;padding:0;width:90%}.introjs-tooltip-header{min-height:1.5em;padding-left:20px;padding-right:20px;padding-top:10px;position:relative}.introjs-tooltipbuttons{border-top:1px solid #e0e0e0;padding:10px;text-align:right;white-space:nowrap}.introjs-tooltipbuttons:after{clear:both;content:"";display:block;height:0;visibility:hidden}.introjs-button{zoom:1;background-color:#f4f4f4;border:1px solid #bdbdbd;border-radius:.2em;box-sizing:initial;color:#424242;cursor:pointer;display:inline;font-size:14px;outline:0;overflow:visible;padding:.5rem 1rem;position:relative;text-decoration:none;text-shadow:1px 1px 0 #fff;white-space:nowrap}.introjs-button:hover{background-color:#e0e0e0;border-color:#9e9e9e}.introjs-button:focus,.introjs-button:hover{color:#212121;outline:0;text-decoration:none}.introjs-button:focus{background-color:#eee;border:1px solid #616161;box-shadow:0 0 0 .2rem #9e9e9e80}.introjs-button:active{background-color:#e0e0e0;border-color:#9e9e9e;color:#212121;outline:0;text-decoration:none}.introjs-button::-moz-focus-inner{border:0;padding:0}.introjs-skipbutton{color:#616161;cursor:pointer;display:inline-block;font-size:22px;font-weight:700;height:45px;line-height:45px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:45px}.introjs-skipbutton:focus,.introjs-skipbutton:hover{color:#212121;outline:0;text-decoration:none}.introjs-prevbutton{float:left}.introjs-nextbutton{float:right}.introjs-disabled,.introjs-disabled:focus,.introjs-disabled:hover{background-color:#f4f4f4;background-image:none;border-color:#bdbdbd;box-shadow:none;color:#9e9e9e;cursor:default;text-decoration:none}.introjs-hidden{display:none}.introjs-bullets{padding-bottom:10px;padding-top:10px;text-align:center}.introjs-bullets ul{box-sizing:initial;clear:both;display:inline-block;margin:0 auto;padding:0}.introjs-bullets ul li{box-sizing:initial;float:left;list-style:none;margin:0 2px}.introjs-bullets ul li a{background:#ccc;border-radius:10px;box-sizing:initial;cursor:pointer;display:block;height:6px;text-decoration:none;transition:width .1s ease-in;width:6px}.introjs-bullets ul li a:focus,.introjs-bullets ul li a:hover{background:#999;outline:0;text-decoration:none;width:15px}.introjs-bullets ul li a.active{background:#999;width:15px}.introjs-progress{background-color:#e0e0e0;border-radius:4px;box-sizing:initial;height:10px;margin:10px;overflow:hidden}.introjs-progressbar{background-color:#08c;box-sizing:initial;float:left;font-size:10px;height:100%;line-height:10px;text-align:center;width:0}.introjsFloatingElement{height:0;left:50%;position:absolute;top:50%;width:0}.introjs-fixedTooltip{position:fixed}.introjs-hint{background:0 0;box-sizing:initial;cursor:pointer;height:15px;position:absolute;width:20px}.introjs-hint:focus{border:0;outline:0}.introjs-hint:hover>.introjs-hint-pulse{background-color:#3c3c3c91}.introjs-hidehint{display:none}.introjs-fixedhint{position:fixed}@keyframes introjspulse{0%{box-shadow:0 0 0 0 #000000b3;transform:scale(.95)}70%{box-shadow:0 0 0 10px #0000;transform:scale(1)}to{box-shadow:0 0 0 0 #0000;transform:scale(.95)}}.introjs-hint-pulse{animation:introjspulse 2s infinite;background-color:#8888883d;border-radius:30px;box-sizing:initial;height:15px;position:absolute;transition:all .2s ease-out;width:15px;z-index:10}.introjs-hint-no-anim .introjs-hint-pulse{animation:none}.introjs-hint-dot{background:0 0;border-radius:60px;box-sizing:initial;height:50px;left:-18px;opacity:0;position:absolute;top:-18px;width:50px;z-index:1}
/*# sourceMappingURL=main.661a41a1.css.map*/