:root{--bg:#0a0e1a;--card:#131826;--card-hover:#1a2030;--border:#243044;--text:#e5e9f0;--muted:#7a8499;--accent:#5b8def;--accent-2:#7c5cff;--green:#34d399;--amber:#fbbf24;--red:#ef4444;--mono:ui-monospace,"JetBrains Mono","Fira Code",Menlo,Consolas,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.55}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:16px}h1{font-size:28px;line-height:1.25;margin:0 0 12px;letter-spacing:-.01em}h2{font-size:22px;line-height:1.3;margin:0 0 10px;letter-spacing:-.005em}h3{font-size:18px;line-height:1.35;margin:0 0 8px}p{margin:0 0 10px}.container{max-width:1280px;margin:0 auto;padding:28px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:22px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.02)}.btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:0;padding:11px 20px;border-radius:10px;font-weight:600;font-size:15px;transition:opacity .15s,transform .05s;box-shadow:0 6px 18px -8px rgba(91,141,239,.55)}.btn:hover{opacity:.92}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text);box-shadow:none}.btn-secondary:hover{background:var(--card-hover)}.btn-danger{background:var(--red);box-shadow:0 6px 18px -8px rgba(239,68,68,.5)}.input{width:100%;padding:11px 14px;background:#0d1220;border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:16px}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(91,141,239,.18)}textarea.input{font-family:var(--mono);font-size:14.5px;line-height:1.55;resize:vertical;min-height:120px}.nav{justify-content:space-between;padding:8px 24px;border-bottom:1px solid var(--border);background:rgba(10,14,26,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:-webkit-sticky;position:sticky;top:0;z-index:10}.nav,.nav-brand{display:flex;align-items:center}.nav-brand{font-weight:800;font-size:16px;gap:10px}.nav-brand-tag{font-size:11px;padding:3px 7px;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:4px}.nav-links{display:flex;gap:22px;align-items:center;font-size:15px;color:var(--muted)}.nav-links a{color:var(--muted);font-weight:500}.nav-links a.active,.nav-links a:hover{color:var(--text);text-decoration:none}.muted{color:var(--muted)}.mono{font-family:var(--mono);font-size:14px}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid;letter-spacing:.02em}.badge-draft{color:var(--muted);border-color:var(--border)}.badge-generating{color:var(--amber);border-color:rgba(251,191,36,.4);background:rgba(251,191,36,.08)}.badge-ready{color:var(--green);border-color:rgba(52,211,153,.4);background:rgba(52,211,153,.08)}.badge-error{color:var(--red);border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.08)}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:800px){.grid-2{grid-template-columns:1fr}}@keyframes lll-progress-slide{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}.lll-progress-bar{animation:lll-progress-slide 1.4s linear infinite}code,pre{font-family:var(--mono)}pre{line-height:1.55}code,pre{font-size:14px}.card .scroll,.card pre{background:#0a0f1c;border:1px solid var(--border);border-radius:10px;padding:14px 16px}.card h2,.card h3{color:var(--text)}.card .muted{font-size:14.5px}.tabs{display:inline-flex;gap:4px;padding:4px;background:#0d1220;border:1px solid var(--border);border-radius:10px}.tabs a,.tabs button{padding:8px 14px;font-size:14px;font-weight:600;border-radius:7px;border:0;background:transparent;color:var(--muted)}.tabs .active,.tabs button[aria-selected=true]{background:var(--card-hover);color:var(--text)}table{font-size:15px}th{font-weight:600;color:var(--muted)}.input:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}