@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101113;--surface:#191b1d;--surface-raised:#1e2023;--panel:#191b1d;--border:#303236;--text:#f0f0ec;--muted:#a3a6a7;--accent:#c3ed8b;--accent-hover:#d4f5ac;--danger:#ffacaa;--warning:#edcd8b;--radius:14px;--font-body:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:"Manrope",var(--font-body)}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;padding:0}body{font:14px/1.6 var(--font-body);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.035em;line-height:1.3}h1{font-size:38px;font-weight:650}h2{font-size:22px;font-weight:650}h3{font-size:16px;font-weight:650}small{font-size:12px}svg{flex-shrink:0}::selection{color:#fff;background:#52623d}fieldset{border:0;margin:0;padding:0}legend{padding:0}input,select,textarea{width:100%;min-height:44px;color:var(--text);background:#131517;border:1px solid #3a3d40;border-radius:8px;padding:11px 13px;transition:border-color .15s}input::placeholder,textarea::placeholder{color:#777d80}input:hover,select:hover,textarea:hover{border-color:#60654e}input[type=checkbox],input[type=radio]{width:16px;min-height:16px;accent-color:var(--accent)}input[type=file]{padding:9px}input[type=file]::file-selector-button{color:var(--text);background:#303633;border:0;border-radius:4px;margin-right:12px;padding:6px 10px}textarea{resize:vertical;min-height:110px}select{padding-right:28px}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-bottom:1px solid var(--border);vertical-align:top;padding:13px 14px}th{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:12px;font-weight:500}td{overflow-wrap:anywhere}code{color:#cfd6c7;background:#23272a;border-radius:4px;padding:2px 5px;font-size:.9em}hr{border:0;border-top:1px solid var(--border);margin:24px 0}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{background:#141517;border-bottom:1px solid #292c2e;align-items:center;gap:35px;min-height:82px;padding:0 max(36px,50vw - 696px);display:flex}.brand,.unlock-wordmark{font-family:var(--font-heading);letter-spacing:-1.3px;align-items:center;font-size:24px;font-weight:750;line-height:1;display:inline-flex}.brand-icon{background:var(--accent);color:#202b17;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;margin-right:10px;display:inline-flex}.brand-dot{color:var(--accent)}.topbar nav{align-items:center;gap:7px;margin:auto;display:flex}.nav-link{color:#a3a6a9;border-radius:7px;align-items:center;gap:8px;padding:8px 15px;font-size:13px;display:flex}.nav-link:hover{color:var(--text);background:#202224}.nav-link.active{color:var(--accent);background:#292d29}.lock-button{color:var(--muted)!important;font-size:12px!important}.main-content{flex:1}.main-live{flex:1;min-width:0}.page-shell{width:min(1248px,100% - 72px);margin:0 auto;padding:50px 0 60px}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px;display:flex}.page-header h1{margin:6px 0 10px}.page-header p{color:var(--muted);max-width:720px}.eyebrow{letter-spacing:.13em;color:#bfc2bb;align-items:center;gap:8px;font-size:10px;font-weight:650;line-height:1.6;display:flex}.status-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.site-footer{color:#83888a;border-top:1px solid #26282b;justify-content:space-between;gap:20px;padding:22px max(36px,50vw - 624px);font-size:11px;display:flex}.site-footer>span{align-items:center;gap:8px;display:flex}.site-footer .status-dot{background:#858d7e;width:5px;height:5px}.muted,.text-muted{color:var(--muted)}.panel,.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:25px}.panel+.panel{margin-top:20px}.section-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:23px;display:flex}.section-header h2{font-size:19px}.section-header p{margin-top:4px;font-size:12px}.section-icon{color:#d5e7c2;background:#222820;border:1px solid #383d35;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:39px;height:39px;display:inline-flex}.stack{flex-direction:column;gap:20px;display:flex}.row{align-items:center;gap:12px;min-width:0;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.field label,.field>span:first-child{color:#dbddd7;font-size:12px;font-weight:500}.field-help{color:#93999a;font-size:11px;line-height:1.6}.form-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.button{min-height:40px;color:var(--text);white-space:nowrap;background:#303431;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:10px 16px;font-size:12px;font-weight:600;line-height:1.3;transition:background .15s,transform .15s;display:inline-flex}.button:hover:not(:disabled){background:#3b403b}.button.primary,.button-primary{background:var(--accent);color:#1c2a12;border-color:var(--accent)}.button.primary:hover:not(:disabled),.button-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.button.secondary,.button-secondary{color:#e0e4df;background:#232629;border-color:#3d4243}.button.secondary:hover:not(:disabled){background:#303537}.button.danger,.button-danger{color:var(--danger);background:#362424;border-color:#634443}.button.ghost{background:0 0}.button.small{min-height:32px;padding:7px 10px;font-size:11px}.full-width{width:100%}.badge{white-space:nowrap;letter-spacing:.08em;color:#c2d6b0;background:#232b20;border:1px solid #3b4534;border-radius:5px;align-items:center;gap:6px;padding:3px 7px;font-size:9px;line-height:1.5;display:inline-flex}.badge.error{color:var(--danger);background:#392727;border-color:#60423f}.badge.success{color:var(--accent)}.badge.warning{color:var(--warning);background:#342e20;border-color:#574b2f}.empty-state{text-align:center;color:var(--muted);border:1px dashed #3a403d;border-radius:10px;padding:35px 22px}.empty-state svg{color:#839378}.empty-state h2,.empty-state h3{color:var(--text);margin:10px 0}.empty-state p{max-width:480px;margin:8px auto 16px}.notice,.status,.error-banner,.success-banner{color:#cbd4c3;overflow-wrap:anywhere;background:#242a21;border:1px solid #404939;border-radius:8px;padding:13px 15px;font-size:13px}.error-banner,.notice.error,.status.error{color:#ffb5a9;background:#322321;border-color:#62433f}.success-banner,.notice.success,.status.success{color:#cce9b4;background:#242f20;border-color:#435b38}.notice.warning,.status.warning{color:#efd2a0;background:#332c20;border-color:#675336}.error-banner .button{margin-left:12px}.text-link{color:var(--accent);align-items:center;gap:6px;font-size:12px;display:inline-flex}.text-link:hover{text-decoration:underline}.loading-state{min-height:50vh;color:var(--muted);justify-content:center;align-items:center;gap:12px;display:flex}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:15px;height:15px;animation:.8s linear infinite spin;display:inline-block}.sr-only,.skip-link{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link:focus{clip:auto;background:var(--accent);color:#17220f;z-index:1000;border-radius:6px;width:auto;height:auto;margin:8px;padding:12px}.home-page{padding-top:47px}.home-heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:35px;display:flex}.home-heading h1{letter-spacing:-1.7px;margin:16px 0;font-size:43px;font-weight:600;line-height:1.17}.home-heading h1 .text-muted{color:#b0b6ac}.home-heading p{color:#9caaa3;font-size:13px;line-height:1.75}.mobile-break{display:none}.heading-aside{color:#95a08e;grid-template-columns:19px auto;gap:9px 12px;min-width:174px;padding:10px 0 8px;font-size:11px;line-height:1.6;display:grid}.heading-aside>svg{color:#c8d4be;margin-top:3px}.heading-aside strong{color:#bec6b8;font-weight:500}.language-pills{grid-column:2;gap:5px;display:flex}.language-pills span{font:9px/1.5 var(--font-body);color:#c8d0c0;background:#1c211a;border:1px solid #394035;border-radius:4px;padding:3px 6px}.home-grid{grid-template-columns:minmax(0,1.85fr) minmax(270px,1fr);align-items:start;gap:27px;display:grid}.session-setup{padding:26px 27px 0}.session-setup>.section-header{border-bottom:1px solid #303334;margin-bottom:0;padding-bottom:22px}.session-setup .section-header h2{letter-spacing:-.4px;font-size:17px}.setup-section{padding:25px 0}.setup-section+.setup-section{border-top:1px solid #2c2e30}.step-title{align-items:center;gap:9px;margin-bottom:18px;display:flex}.step-title h3{letter-spacing:0;font-size:13px}.step-number{color:#adb7a4;text-align:center;background:#252a22;border:1px solid #3c4238;border-radius:6px;width:23px;height:23px;font-size:9px;line-height:22px}.project-select{position:relative}.project-select>svg{color:#899380;pointer-events:none;position:absolute;top:14px;left:13px}.project-select select{padding-left:41px}.source-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.source-option{cursor:pointer;background:#151719;border:1px solid #34383a;border-radius:8px;align-items:center;gap:11px;min-height:74px;padding:15px 12px;transition:border-color .15s,background .15s;display:flex;position:relative}.source-option:hover{border-color:#707a61}.source-option input{opacity:0;width:1px;height:1px;min-height:1px;margin:0;position:absolute;bottom:4px;left:50%}.source-option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.source-option>svg:first-of-type{color:#a3aaa0}.source-option strong{font-size:11px;font-weight:500;display:block}.source-option small{color:#959d96;margin-top:2px;font-size:9px;display:block}.source-option.selected{background:#252d20;border-color:#a2c679}.source-option.selected>svg:first-of-type{color:var(--accent)}.source-option.selected strong{color:#e0ebd5}.source-option.unavailable{opacity:.5;cursor:not-allowed}.source-check{color:var(--accent);position:absolute;top:9px;right:8px}.source-detail{margin-top:18px}.source-detail input{font-size:12px}.setup-footer{border-top:1px solid #303334;justify-content:space-between;align-items:center;gap:15px;margin-top:0;padding:20px 0;display:flex}.setup-footer>div{color:#969f91;align-items:center;gap:7px;font-size:9px;display:flex}.setup-footer>div svg{color:#a7b59b}.setup-footer .button{min-height:42px;font-size:11px}.session-setup>.error-banner,.session-setup>.success-banner{margin-bottom:18px}.home-aside{flex-direction:column;gap:20px;display:flex}.preview-card{border-radius:var(--radius);background:radial-gradient(at 100% 0,#293821 0%,#0000 75%),#1a2119;border:1px solid #363e32;padding:26px}.preview-card>.eyebrow{letter-spacing:.1em;color:#c7d7b8;gap:8px;font-size:8px}.preview-card h2{letter-spacing:-.8px;margin:24px 0 30px;font-size:27px;font-weight:500;line-height:1.3}.preview-flow{flex-direction:column;gap:27px;display:flex}.preview-flow>div{align-items:flex-start;gap:12px;display:flex;position:relative}.preview-flow>div:not(:last-child):after{content:"";background:#3f4b36;width:1px;height:22px;position:absolute;top:35px;left:16px}.preview-icon{color:#c6dfb1;background:#293325;border:1px solid #455039;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.preview-flow strong{margin:0 0 4px;font-size:11px;font-weight:500;display:block}.preview-flow small{color:#a0ad98;font-size:10px;line-height:1.5;display:block}.preview-note{color:#a5b698;border-top:1px solid #35422e;align-items:center;gap:7px;margin-top:27px;padding-top:22px;font-size:9px;display:flex}.preview-note .status-dot{width:4px;height:4px}.sharing-note{color:#929d8e;align-items:flex-start;gap:12px;padding:4px 6px;display:flex}.sharing-note>svg{margin-top:3px}.sharing-note h3{font:500 11px/1.6 var(--font-body);letter-spacing:0;color:#cacfc4;margin-bottom:5px}.sharing-note p{color:#8f9890;font-size:11px;line-height:1.7}.aside-link{color:#a5b59a;border-top:1px solid #2d332a;justify-content:space-between;align-items:center;gap:12px;padding:14px 6px;font-size:10px;display:flex}.aside-link:hover{color:var(--accent)}.file-drop{color:#c4d7b4;text-align:center;overflow-wrap:anywhere;background:#141914;border:1px dashed #54644a;border-radius:8px;flex-direction:column;align-items:center;gap:7px;width:100%;padding:25px 15px;display:flex}.file-drop:hover{background:#1d271a}.file-drop strong{word-break:break-all;max-width:100%;font-size:12px;font-weight:500}.file-drop small{color:#a0aa99;font-size:10px}.file-drop+.field-help{margin-top:8px}.unlock-page{flex-direction:column;max-width:1340px;min-height:100dvh;margin:auto;padding:45px 65px 20px;display:flex}.unlock-wordmark{align-self:flex-start;font-size:26px}.unlock-layout{flex:1;grid-template-columns:1.2fr 1fr;align-items:center;gap:100px;padding:65px 0 90px;display:grid}.unlock-story h1{letter-spacing:-1.8px;margin:22px 0;font-size:48px;font-weight:600;line-height:1.2}.unlock-story h1 span{color:#b8ccaa}.unlock-story>p{color:#a0a99b;max-width:420px;font-size:15px;line-height:1.85}.unlock-card{background:#1b1e1b;border:1px solid #3b4337;border-radius:17px;padding:37px;box-shadow:0 24px 100px #050a0325}.unlock-card>.section-icon{width:47px;height:47px;margin-bottom:30px}.unlock-card h2{margin:10px 0 12px;font-size:25px;line-height:1.4}.unlock-card>.muted{margin-bottom:27px;font-size:13px}.unlock-card .stack{gap:20px}.unlock-card .button{min-height:46px}.unlock-help{color:#929b8b;border-top:1px solid #343b30;margin-top:25px;padding-top:25px;font-size:11px;line-height:1.8}.password-field{display:flex;position:relative}.password-field input{padding-right:45px}.password-field button{color:#9da794;background:0 0;border:0;justify-content:center;align-items:center;width:41px;display:flex;position:absolute;top:1px;bottom:1px;right:1px}.unlock-proof{color:#b5c6a6;align-items:center;gap:12px;margin-top:35px;font-size:12px;display:flex}.unlock-proof small{color:#7f8e75;font-size:10px}.language-orbit{flex-wrap:wrap;align-items:center;gap:8px;margin-top:33px;display:flex;position:relative}.language-orbit>span{color:#aabf98;background:#1c241a;border:1px solid #394530;border-radius:8px;padding:8px 12px;font-size:12px}.language-orbit>span:nth-child(2){color:#25301b;background:#c3ed8b;border-color:#c3ed8b}.language-orbit>svg{color:#647957;margin-left:7px}.unlock-footer{letter-spacing:.04em;color:#78876e;border-top:1px solid #292f24;padding:18px 0;font-size:10px}.table-wrapper{overflow-x:auto}.tabs{border-bottom:1px solid var(--border);gap:6px;margin-bottom:20px;padding-bottom:12px;display:flex;overflow-x:auto}.tabs button{white-space:nowrap}.document-list,.project-list{flex-direction:column;gap:12px;display:flex}.grid>.panel+.panel{margin-top:0}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1550px){.page-shell{padding-top:65px}.home-heading{margin-bottom:45px}.home-heading h1{font-size:49px}.home-heading p{font-size:14px}.home-grid{gap:32px}.session-setup{padding:30px 32px 0}.source-option{min-height:80px}.source-option strong{font-size:12px}.source-option small{font-size:10px}.preview-card{padding:30px}.preview-flow strong{font-size:12px}.preview-flow small{font-size:11px}.setup-footer{padding:24px 0}.setup-section{padding:28px 0}}@media (max-width:1000px){.page-shell{width:calc(100% - 48px);padding-top:35px}.topbar{gap:18px;padding:0 24px}.home-heading h1{font-size:37px}.home-grid{grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:18px}.session-setup{padding:21px 20px 0}.source-options{gap:8px}.source-option{gap:8px;padding:12px 9px}.source-option strong{font-size:10px}.source-option small{font-size:9px}.source-option>svg:first-of-type{width:17px}.setup-footer{flex-direction:column-reverse;align-items:flex-start}.setup-footer .button{width:100%}.preview-card{padding:23px 20px}.preview-card h2{font-size:25px}.site-footer{padding-inline:24px}.unlock-page{padding-inline:35px}.unlock-layout{gap:45px}.unlock-story h1{font-size:40px}.unlock-card{padding:27px}.unlock-card h2{font-size:22px}}@media (max-width:760px){.topbar{flex-wrap:wrap;gap:0;min-height:70px;padding:17px 20px 0}.brand{font-size:23px}.topbar nav{order:3;justify-content:flex-start;gap:5px;width:100%;margin:13px 0 9px}.nav-link{padding:7px 12px;font-size:12px}.lock-button{margin-left:auto}.page-shell{width:calc(100% - 36px);padding:30px 0 35px}.home-heading{margin-bottom:26px}.home-heading h1{letter-spacing:-1.3px;margin-top:14px;font-size:36px}.home-heading p{font-size:12px}.heading-aside{display:none}.home-grid{grid-template-columns:1fr;gap:24px}.session-setup{padding:22px 20px 0}.session-setup .section-header h2{font-size:17px}.source-option{gap:10px;padding:14px 12px}.source-option strong{font-size:11px}.source-option small{font-size:10px}.setup-footer{flex-direction:row;align-items:center}.setup-footer>div{max-width:40%;font-size:8px}.setup-footer .button{flex:1;width:auto}.preview-card{padding:24px}.preview-card h2{margin:18px 0 23px;font-size:25px}.preview-flow{gap:22px}.preview-flow strong{font-size:12px}.preview-flow small{font-size:11px}.preview-note{font-size:10px}.sharing-note p,.sharing-note h3,.aside-link{font-size:12px}.site-footer{padding:18px;font-size:9px}.page-header{flex-direction:column;gap:16px}.page-header h1{font-size:31px}.panel,.card{padding:20px}.session-setup.panel{padding-bottom:0}.form-grid{grid-template-columns:1fr}.section-header{flex-wrap:wrap}.unlock-page{padding:28px 25px 10px}.unlock-layout{grid-template-columns:1fr;gap:33px;padding:40px 0}.unlock-story h1{margin:16px 0;font-size:37px}.unlock-story>p{max-width:100%;font-size:13px}.unlock-proof,.language-orbit{display:none}.unlock-card{padding:27px}.unlock-card>.section-icon{display:none}.unlock-card h2{font-size:23px}.unlock-story>.eyebrow,.unlock-footer{font-size:9px}.row{flex-wrap:wrap}.row>select{flex:1;min-width:160px}.section-header>.row{flex-wrap:nowrap}.app-shell-live .topbar{min-height:53px;padding-bottom:10px}.app-shell-live .topbar nav{display:none}.app-shell-live .brand{font-size:19px}.app-shell-live .brand-icon{width:29px;height:29px}.app-shell-live .lock-button{min-height:30px;padding:5px}}@media (max-width:390px){.home-heading h1{font-size:31px}.mobile-break{display:block}.source-options{grid-template-columns:1fr}.source-option small{font-size:11px}.source-option strong{font-size:12px}.setup-footer{flex-direction:column-reverse;align-items:stretch}.setup-footer>div{justify-content:center;max-width:none;font-size:10px}.site-footer{flex-direction:column;gap:6px}.unlock-story h1{font-size:33px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.spinner{animation-duration:1.8s}}