:root{--text:#9ca3af;--text-h:#f3f4f6;--text-dim:#6b7280;--bg:#0f1117;--bg-card:#1a1d27;--bg-input:#12141c;--border:#2e303a;--border-focus:#6366f1;--accent:#818cf8;--accent-hover:#6366f1;--accent-bg:#6366f11a;--error:#f87171;--error-bg:#f871711a;--success:#34d399;--mono:ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/155% var(--sans);color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{justify-content:center;align-items:center;min-height:100vh;display:flex}#app{width:100%;max-width:780px;margin:0 auto;padding:40px 24px}main{flex-direction:column;gap:24px;display:flex}header{text-align:center}header h1{color:var(--text-h);letter-spacing:-.5px;margin-bottom:4px;font-size:32px;font-weight:700}.subtitle{color:var(--text-dim);font-size:14px}.error-banner{background:var(--error-bg);border:1px solid var(--error);color:var(--error);border-radius:8px;padding:12px 16px;font-size:14px}.mobile-banner{background:var(--accent-bg);border-color:var(--accent);color:var(--text-h)}.mobile-banner strong{color:var(--accent);margin-bottom:6px;display:block}.mobile-banner p{color:var(--text);font-size:13px;line-height:155%}.container{flex-direction:column;gap:16px;display:flex}.model-toggle{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;align-self:center;gap:0;padding:3px;display:flex}.toggle-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 20px;font-size:13px;font-weight:600;transition:all .2s}.toggle-btn:hover:not(:disabled){color:var(--text)}.toggle-btn.active{background:var(--accent);color:#fff}.toggle-btn:disabled{opacity:.4;cursor:not-allowed}.section-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.actions{gap:8px;display:flex}label{color:var(--text);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}textarea{background:var(--bg-input);border:1px solid var(--border);width:100%;min-height:160px;color:var(--text-h);font-family:var(--mono);resize:vertical;border-radius:8px;outline:none;padding:12px 14px;font-size:13px;line-height:155%;transition:border-color .2s}textarea:focus{border-color:var(--border-focus)}textarea::placeholder{color:var(--text-dim)}textarea:disabled{opacity:.6;cursor:not-allowed}.controls{justify-content:center;display:flex}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 32px;font-size:15px;font-weight:600;transition:background .2s,opacity .2s}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-small{background:var(--bg-card);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:12px;transition:border-color .2s}.btn-small:hover:not(:disabled){border-color:var(--text-dim)}.btn-small:disabled{opacity:.4;cursor:not-allowed}.output-section .label{color:var(--text);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.tps-badge{font-size:11px;font-family:var(--mono);color:var(--success);background:#34d3991a;border:1px solid #34d39940;border-radius:4px;padding:2px 8px}.output-box{background:var(--bg-input);border:1px solid var(--border);min-height:120px;font-family:var(--mono);color:var(--text-h);white-space:pre-wrap;word-break:break-word;border-radius:8px;padding:12px 14px;font-size:13px;line-height:155%}.output-box.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-bg)}.loading-overlay{justify-content:center;align-items:center;padding:60px 0;display:flex}.loading-content{text-align:center;width:100%;max-width:480px}.loading-label{color:var(--text);margin-bottom:16px;font-size:14px}.progress-bar{background:var(--bg-input);border:1px solid var(--border);border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .2s ease-out}.progress-fill.indeterminate{animation:1.5s ease-in-out infinite slide;width:30%!important}.progress-hint{color:var(--text-dim);margin-top:8px;font-size:12px}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(400%)}}.placeholder{color:var(--text-dim)}.cursor{background:var(--accent);vertical-align:text-bottom;width:2px;height:1em;margin-left:1px;display:inline-block}.cursor.blink{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.status{color:var(--text-dim);font-size:12px}.badge{font-size:11px;font-family:var(--mono);color:var(--text-dim);background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:3px 8px}.gpu-pill{color:var(--accent);background:var(--accent-bg);border-color:#6366f14d}@media (width<=640px){#app{padding:24px 16px}header h1{font-size:24px}textarea{min-height:120px}}