:root{--navy-900:#0e1c2d;--navy-800:#162a41;--navy-700:#1e3553;--navy-600:#284664;--navy-500:#3a5c7e;--blue-700:#0a6fb0;--blue-600:#008ad0;--blue-500:#3890cc;--blue-400:#6caedf;--blue-300:#adcdec;--blue-100:#e1effa;--blue-50:#f0f7fc;--green-600:#4ea72e;--green-700:#3e861f;--green-100:#e7f4df;--amber-600:oklch(69% .13 72);--amber-100:oklch(95% .045 80);--red-600:oklch(60% .17 27);--red-100:oklch(95% .04 25);--text-1:#16222e;--text-2:#46586a;--text-3:#788697;--line:#e2e8ef;--line-2:#edf1f6;--bg:#f4f7fa;--surface:#fff;--surface-2:#fafbfd;--r-sm:6px;--r:10px;--r-lg:14px;--r-xl:20px;--r-2xl:26px;--shadow-xs:0 1px 2px #162a410f;--shadow-sm:0 1px 3px #162a4114, 0 1px 2px #162a410a;--shadow-md:0 4px 14px #162a411a, 0 2px 6px #162a410d;--shadow-lg:0 18px 50px #162a4129, 0 6px 18px #162a4114;--shadow-xl:0 30px 80px #0e1c2d47;--sans:"Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html{font-size:16px}body{font-family:var(--sans);color:var(--text-1);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"ss01","cv01";margin:0}button{font-family:inherit}::selection{background:var(--blue-300);color:var(--navy-900)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#c9d4df padding-box content-box;border:3px solid #0000;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#aab9c7 padding-box content-box}::-webkit-scrollbar-track{background:0 0}.app{width:100%;height:100vh;display:flex;overflow:hidden}.rail{background:linear-gradient(178deg,var(--navy-800),var(--navy-900));z-index:20;flex-direction:column;flex:0 0 76px;align-items:center;gap:6px;width:76px;padding:18px 0 16px;display:flex;position:relative}.rail__logo{justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:18px;display:flex}.rail__logo img{width:30px}.rail__nav{flex-direction:column;flex:1;align-items:center;gap:4px;width:100%;display:flex}.rail-btn{color:#8fa6be;cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:48px;height:48px;transition:background .16s,color .16s;display:flex;position:relative}.rail-btn svg{width:21px;height:21px}.rail-btn span{letter-spacing:.01em;font-size:9px;font-weight:600}.rail-btn:hover{color:#cfe0f0;background:#ffffff0f}.rail-btn.is-active{color:#fff;background:#008ad029}.rail-btn.is-active:before{content:"";background:var(--blue-600);border-radius:0 3px 3px 0;width:3px;position:absolute;top:12px;bottom:12px;left:-18px}.rail__avatar{background:linear-gradient(135deg,var(--blue-500),var(--blue-700));color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex;box-shadow:0 0 0 2px #ffffff1f}.main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.btn{border-radius:var(--r);cursor:pointer;white-space:nowrap;letter-spacing:-.005em;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:.875rem;font-weight:600;line-height:1;transition:all .15s;display:inline-flex}.btn svg{width:17px;height:17px}.btn--primary{background:var(--blue-600);color:#fff;box-shadow:var(--shadow-sm),inset 0 1px 0 #ffffff2e}.btn--primary:hover{background:var(--blue-700);box-shadow:var(--shadow-md)}.btn--primary:active{transform:translateY(1px)}.btn--dark{background:var(--navy-800);color:#fff}.btn--dark:hover{background:var(--navy-700)}.btn--ghost{color:var(--text-2);border-color:var(--line);background:0 0}.btn--ghost:hover{background:var(--surface);color:var(--text-1);box-shadow:var(--shadow-xs);border-color:#cdd8e2}.btn--subtle{background:var(--blue-50);color:var(--blue-700)}.btn--subtle:hover{background:var(--blue-100)}.btn--lg{height:46px;padding:0 22px;font-size:.95rem}.btn--sm{border-radius:var(--r-sm);height:32px;padding:0 12px;font-size:.8rem}.btn:disabled{opacity:.5;cursor:not-allowed}.pill{letter-spacing:.01em;white-space:nowrap;border-radius:100px;align-items:center;gap:6px;padding:3px 9px;font-size:.72rem;font-weight:600;display:inline-flex}.pill svg{width:12px;height:12px}.pill--green{background:var(--green-100);color:var(--green-700)}.pill--blue{background:var(--blue-100);color:var(--blue-700)}.pill--amber{background:var(--amber-100);color:var(--amber-600)}.pill--red{background:var(--red-100);color:var(--red-600)}.pill--gray{color:var(--text-2);background:#eef2f6}.pill--navy{background:var(--navy-800);color:#fff}.dot{border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-xs)}.mono{font-family:var(--mono);font-feature-settings:"tnum"}.kbd{font-family:var(--mono);border:1px solid var(--line);color:var(--text-2);background:#eef2f6;border-bottom-width:2px;border-radius:5px;padding:2px 6px;font-size:.72rem}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-size:.72rem;font-weight:700}@keyframes fadeUp{0%{transform:translateY(9px)}to{transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade{animation:.42s cubic-bezier(.2,.7,.3,1) both fadeUp}:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}.iconbtn{width:34px;height:34px;color:var(--text-3);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex:none;place-items:center;transition:all .14s;display:grid}.iconbtn:hover{background:var(--surface-2);border-color:var(--line);color:var(--text-1)}.iconbtn--xs{border-radius:5px;width:20px;height:18px}.iconbtn:disabled{opacity:.3;cursor:default}.chip{color:var(--text-2);white-space:nowrap;background:#eef2f6;border-radius:7px;align-items:center;gap:5px;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.chip svg{width:11px;height:11px;color:var(--text-3)}.chip--blue{background:var(--blue-50);color:var(--blue-700)}.chip--blue svg{color:var(--blue-500)}.topbar-search{border:1px solid var(--line);background:var(--surface);height:38px;color:var(--text-3);cursor:pointer;border-radius:9px;align-items:center;gap:8px;min-width:230px;padding:0 10px 0 12px;font-size:.85rem;font-weight:500;transition:border-color .14s;display:flex}.topbar-search:hover{border-color:#cdd8e2}.topbar-search span:nth-child(2){text-align:left;flex:1}.filerow{border:1px solid var(--line-2);background:var(--surface);border-radius:10px;align-items:center;gap:12px;padding:9px 12px;display:flex}.spin{animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.project-card:hover{box-shadow:var(--shadow-md);border-color:var(--blue-300);transform:translateY(-2px)}.ai-orb{background:linear-gradient(135deg,var(--blue-500),var(--blue-700));width:72px;height:72px;box-shadow:0 0 0 8px var(--blue-50),0 12px 30px #008ad059;border-radius:50%;place-items:center;animation:2.4s ease-in-out infinite orb;display:grid}@keyframes orb{0%,to{box-shadow:0 0 0 8px var(--blue-50),0 12px 30px #008ad059}50%{box-shadow:0 0 0 14px #008ad00f,0 12px 38px #008ad073}}.workhead{background:var(--surface);border-bottom:1px solid var(--line);flex:none}.workhead__top{border-bottom:1px solid var(--line-2);align-items:center;gap:14px;height:60px;padding:0 22px;display:flex}.workhead__steps{padding:9px 18px;overflow-x:auto}.workbody{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.step-scroll{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow-y:auto}.step-wrap{width:100%;max-width:980px;margin:0 auto;padding:26px 28px}.step-intro{margin-bottom:22px}.step-title{letter-spacing:-.025em;margin:0 0 6px;font-size:1.5rem;font-weight:700}.step-lead{color:var(--text-2);max-width:68ch;margin:0;font-size:.95rem;line-height:1.55}.stepbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);z-index:5;background:#ffffffeb;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding:13px 28px;display:flex;position:sticky;bottom:0}.slide-mini{aspect-ratio:16/9;border:1px solid var(--line);width:62px;box-shadow:var(--shadow-xs);border-radius:5px;flex:none;overflow:hidden}.outline-row{transition:box-shadow .15s,transform .15s}.outline-row:hover{box-shadow:var(--shadow-sm)}.deck{flex:1;min-height:0;display:flex;overflow:hidden}.deck__rail{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;flex:none;width:172px;display:flex;overflow:hidden}.deck__rail-list{flex-direction:column;flex:1;gap:9px;padding:4px 12px 18px;display:flex;overflow-y:auto}.thumb{cursor:pointer;background:0 0;border:none;align-items:flex-start;gap:7px;width:100%;padding:0;display:flex}.thumb__n{color:var(--text-3);flex:none;width:15px;padding-top:13px;font-size:.68rem;font-weight:600}.thumb__frame{aspect-ratio:16/9;border:1.5px solid var(--line);background:#fff;border-radius:6px;flex:1;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden;container-type:size}.thumb:hover .thumb__frame{border-color:var(--blue-300)}.thumb.is-active .thumb__frame{border-color:var(--blue-600);box-shadow:0 0 0 2px var(--blue-100)}.thumb__slide{pointer-events:none;position:absolute;inset:0}.thumb.is-off .thumb__slide{opacity:.45;filter:grayscale(.4)}.thumb__off{color:var(--text-2);background:#ffffff8c;place-items:center;font-size:.66rem;font-weight:700;display:grid;position:absolute;inset:0}.deck__stage{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex}.deck__stage-top{border-bottom:1px solid var(--line);background:var(--surface);flex:none;justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 18px;display:flex}.deck__canvas-area{flex:1;justify-content:center;align-items:center;gap:16px;min-height:0;padding:26px;display:flex}.slide-canvas{aspect-ratio:16/9;max-width:100%;height:100%;box-shadow:var(--shadow-lg);background:#fff;border-radius:12px;position:relative;overflow:hidden;container-type:size}.navarrow{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--text-2);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:50%;flex:none;place-items:center;transition:all .14s;display:grid}.navarrow:hover:not(:disabled){color:var(--blue-600);border-color:var(--blue-300)}.navarrow:disabled{opacity:.3;cursor:default}.deck__inspect{border-left:1px solid var(--line);background:var(--surface);flex:none;width:286px;overflow-y:auto}.fmt-card{background:var(--surface);border:1.5px solid var(--line);text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;padding:18px;transition:all .15s;display:flex;position:relative}.fmt-card:hover{border-color:var(--blue-300)}.fmt-card[data-on=true]{border-color:var(--blue-600);box-shadow:0 0 0 3px var(--blue-50)}.fmt-card__tag{text-transform:uppercase;letter-spacing:.05em;color:var(--green-700);background:var(--green-100);border-radius:100px;padding:3px 7px;font-size:.62rem;font-weight:700;position:absolute;top:12px;right:12px}.ph-slot{background:repeating-linear-gradient(45deg,#eaeff4,#eaeff4 8px,#f4f8fb 8px 16px);border:1px dashed #c8d4de;place-items:center;display:grid}.ph-slot span{font-family:var(--mono);color:var(--text-3);font-size:1.3cqw;font-weight:500}.ed{cursor:text;border-radius:3px;outline:none;transition:box-shadow .12s,background .12s}.ed:hover{box-shadow:0 0 0 2px #008ad02e}.ed:focus{box-shadow:0 0 0 2px var(--blue-400);background:#008ad00d}.outline-sec{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);justify-content:space-between;align-items:baseline;margin:18px 4px 3px;font-size:.72rem;font-weight:700;display:flex}.outline-sec:first-child{margin-top:2px}.outline-sec .mono{letter-spacing:0;font-size:.68rem}.libcard{cursor:pointer;transition:box-shadow .15s,transform .15s,border-color .15s}.libcard:hover{box-shadow:var(--shadow-md);border-color:var(--blue-300);transform:translateY(-2px)}.libcard .slide-mini{box-shadow:none}