*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui;background:#0a1020}.app{min-height:100vh;background:var(--bg);color:var(--text)}.landing{min-height:100vh;background:radial-gradient(900px 350px at 20% 0%,#5b46ff,#0a1020 60%);color:#eef0ff;padding:48px 22px}.landing-hero{max-width:920px;margin:0 auto 24px;text-align:center}.landing-hero h1{font-size:clamp(36px,6vw,72px);margin:0 0 10px}.landing-hero p{opacity:.9;max-width:760px;margin:0 auto}.landing-actions{margin-top:18px}.landing-grid{max-width:1100px;margin:24px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.landing-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:16px}.topbar{min-height:68px;border-bottom:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:200px 1fr minmax(320px,42%);align-items:start;gap:10px;padding:10px 16px}.logo{font-weight:800;letter-spacing:.2px;color:var(--text);padding-top:8px}.prompt-wrap{display:flex;flex-direction:column;gap:8px}.prompt-wrap input,.top-actions select,.top-actions button,.left button,.right input,.right textarea,.right select{background:#ffffff0f;color:var(--text);border:1px solid rgba(255,255,255,.14);border-radius:10px}.prompt-wrap input{flex:1;padding:11px 12px}.prompt-actions{display:flex;gap:8px;flex-wrap:wrap}button{cursor:pointer;padding:10px 12px}button.primary{background:var(--accent);color:#fff;border:none;font-weight:600}.top-actions{display:grid;gap:8px;align-items:start}.top-meta,.top-auth{display:flex;gap:8px;justify-content:end;flex-wrap:wrap}.top-actions input,.top-actions select{min-width:120px}.top-auth input{width:150px}.top-actions select,.top-actions button{padding:10px}.workspace{display:grid;grid-template-columns:280px 1fr 300px;gap:14px;padding:14px;height:calc(100vh - 96px)}.left,.right{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px}.panel-title{font-weight:600;margin-bottom:10px}.stack{display:flex;flex-direction:column;gap:8px;max-height:65vh;overflow:auto}.thumb{text-align:left;padding:10px}.thumb small{display:block;opacity:.8;margin-top:4px}.thumb.active{outline:2px solid var(--accent);background:#ffffff1a}.tpl-row{display:grid;grid-template-columns:1fr auto;gap:6px}.tpl-card{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:10px}.tpl-preview{height:46px;border-radius:10px;display:grid;place-items:center;font-size:22px}.fav-board{display:flex;flex-wrap:wrap;gap:8px}.fav-chip{padding:8px 10px;border-radius:999px;color:#fff;font-size:12px;border:1px solid rgba(255,255,255,.28);cursor:grab}.row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.canvas-wrap{display:grid;place-items:center}.slide{width:min(960px,100%);aspect-ratio:16 / 9;border-radius:18px;padding:42px;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 50px #00000059}.slide h1{font-size:clamp(28px,3.5vw,54px);margin:0 0 18px}.slide h2{font-size:clamp(24px,3vw,44px);margin:0 0 18px}.slide ul,.slide ol{margin:0;padding-left:22px;display:grid;gap:10px;font-size:20px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:18px;display:grid;gap:8px}.metric strong{font-size:36px}.right{display:grid;align-content:start;gap:10px}.right label{display:grid;gap:6px;font-size:14px}.right input,.right textarea,.right select{padding:10px}.health{margin-top:8px;display:grid;gap:8px}.bar{background:#ffffff14;height:10px;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:var(--accent)}@media (max-width: 1400px){.topbar{grid-template-columns:1fr}.logo{padding-top:0}.top-meta,.top-auth{justify-content:start}.workspace{height:auto}}@media (max-width: 900px){.top-meta,.top-auth{flex-direction:column;align-items:stretch}.top-actions input,.top-actions select,.top-actions button{width:100%}}@media (max-width: 1200px){.workspace{grid-template-columns:1fr;height:auto}.slide{width:100%}.landing-grid{grid-template-columns:1fr}}