.simulated-form{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin-top:24px;overflow:hidden}.simulated-form>header{background:var(--surface-alt);border-bottom:1px solid var(--border);padding:20px 24px}.simulated-form h2{margin:8px 0 0;font-size:20px}.simulated-form>form,.simulated-success{padding:24px}.simulated-field{max-width:560px;margin-bottom:20px}.simulated-field [aria-invalid=true]{border-color:#d24b58}.form-author-field{border:1px solid var(--border);border-radius:8px;min-width:0;margin:16px 0;padding:14px}.form-author-field legend{padding:0 6px;font-weight:600}.capture-modal{width:1100px;max-height:calc(100dvh - 40px);overflow:auto}.capture-instructions{background:var(--surface-alt);border:1px solid var(--border);border-radius:9px;gap:13px;margin-bottom:18px;padding:17px;display:flex}.capture-instructions>svg{color:#65a891}.capture-instructions strong{font-size:13px}.capture-instructions p{color:var(--muted);margin-top:8px;font-size:11px;line-height:1.9}.consent-label{align-items:flex-start;gap:10px;margin:18px 0;font-size:12px;line-height:1.9;display:flex}.consent-label input{accent-color:var(--purple);flex-shrink:0;margin-top:5px}.capture-fields{grid-template-columns:1fr 1.5fr;gap:20px;margin:24px 0;display:grid}.region-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.region-tools .selected{background:var(--purple-soft);border-color:var(--purple);color:var(--purple)}.region-surface,.screen-image{width:100%;line-height:0;position:relative}.region-surface{touch-action:none;cursor:crosshair;border:1px solid var(--border);border-radius:6px;overflow:hidden}.region-surface>img,.screen-image>img{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.target-region,.privacy-mask{pointer-events:none;position:absolute}.target-region{box-sizing:border-box;background:#8e65f122;border:2px solid #8e65f1}.target-region>span{color:#fff;white-space:nowrap;background:#7350dd;padding:3px 5px;font-size:9px;line-height:1.6;position:absolute;bottom:100%;left:0}.privacy-mask{z-index:2;background:#181a22}.region-fields{flex-wrap:wrap;align-items:center;gap:13px;margin:18px 0;display:flex}.region-fields label{color:var(--muted);flex-direction:column;gap:7px;font-size:10px;display:flex}.region-fields input{border:1px solid var(--border);background:var(--surface-alt);width:88px;color:var(--text);border-radius:5px;padding:8px}.simulation-screen{margin-top:24px}.screen-image{border:1px solid var(--border);border-radius:6px;overflow:hidden}.simulation-target{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:3px;padding:0;position:absolute}.simulation-target.show-hint{background:#8e65f133;border-color:#8e65f1}.simulation-target:focus-visible{outline-offset:0;outline:3px solid #8e65f1}.screen-image .simulation-field,.screen-image .simulation-field:hover,.screen-image .simulation-field:focus,.screen-image .simulation-field:disabled{appearance:none;box-shadow:none;color:#181a22;caret-color:currentColor;font:inherit;opacity:1;background:0 0;border:0;border-radius:0;outline:none;line-height:normal}.simulation-feedback{justify-content:space-between;align-items:center;gap:15px;margin-top:16px;display:flex}.screen-image .simulation-field[data-live-entry]{color:#20242c;text-align:left;text-overflow:clip;cursor:text;background:0 0;border:0;border-radius:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.screen-image .simulation-field[data-live-entry]:focus{box-shadow:none;caret-color:#20242c;outline:none}.simulation-feedback p{color:var(--muted);font-size:12px;line-height:1.8}.simulation-feedback button{white-space:nowrap}.image-loading{min-height:160px;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.canvas-toolbar .editor-toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.canvas-toolbar{height:auto;min-height:56px}.canvas-toolbar .capture-action{color:#fff;background:#7350dd;border-color:#7350dd}@media (max-width:700px){.capture-fields{grid-template-columns:1fr}.capture-modal{padding:18px}.region-tools button{padding:9px;font-size:10px}.simulation-feedback{flex-direction:column;align-items:flex-start}.region-fields{gap:10px}}.recording-video{width:100%;margin:16px 0;line-height:0;position:relative}.recording-video video,.transition-video{background:#181a22;border-radius:6px;width:100%;height:auto;display:block}.recording-actions{margin-top:28px}.recording-actions label{flex-direction:column;gap:8px;font-size:13px;display:flex}.recording-actions select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:12px}.recorded-step{position:relative}.transition-preparing{visibility:hidden;pointer-events:none;position:absolute;inset:0}.demonstration-browser{border:1px solid var(--border);border-radius:9px;gap:10px;min-width:0;padding:16px;display:grid}.demonstration-browser legend{padding:0 6px;font-weight:600}.demonstration-browser input{box-sizing:border-box;width:100%}.demonstration-browser button{justify-self:start}.image-sequence{width:100%;height:100%;position:relative}.image-sequence-next{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}:root{color:#222634;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#f7f8fa;--surface:#fff;--surface-alt:#f8f9fc;--text:#222634;--muted:#818696;--border:#e9ebf1;--purple:#7050df;--purple-soft:#f0ebfc;--shadow:0 12px 40px #2020440a;background:#f7f8fa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#171922;--surface:#20232f;--surface-alt:#252938;--text:#eef0f7;--muted:#a3a8ba;--border:#343847;--purple:#a48aff;--purple-soft:#322a4b;--shadow:0 12px 40px #0002;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{min-width:360px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;transition:background .16s,box-shadow .16s;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #a48aff}button:not(:disabled):hover{filter:brightness(.96)}input,textarea{color:var(--text)}h1,h2,h3,p{margin:0}svg{flex-shrink:0}button svg{pointer-events:none}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);z-index:10;flex-direction:column;flex-shrink:0;width:238px;padding:34px 18px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;margin-bottom:57px;padding:0 12px;display:flex}.brand-symbol{color:#fff;background:#7151df;border-radius:12px;place-items:center;width:39px;height:42px;display:grid;box-shadow:0 5px 12px #7654db22}.brand strong{letter-spacing:1.4px;font-size:22px;font-weight:800;line-height:1.05}.brand-dot{color:var(--purple)}.brand small{letter-spacing:2.3px;color:var(--muted);margin-top:5px;font-size:8px;font-weight:650;display:block}.workspace-label{color:var(--muted);letter-spacing:1.4px;margin-bottom:15px;padding:0 14px;font-size:9px;font-weight:700}.nav-item{white-space:nowrap;border-radius:8px;justify-content:flex-start;gap:12px;width:100%;min-height:46px;margin-bottom:7px;padding:12px 13px;font-size:12px;font-weight:550;display:flex}.nav-item svg{color:var(--muted)}.nav-item.active{background:var(--purple-soft);color:var(--purple)}.nav-item.active svg{color:var(--purple)}.nav-count{background:var(--surface);border-radius:5px;margin-left:auto;padding:2px 6px;font-size:10px}.nav-item.future{color:var(--muted);font-weight:400}.nav-item small{background:var(--surface-alt);border:1px solid var(--border);border-radius:4px;margin-left:auto;padding:3px 5px;font-size:8px}.sidebar-bottom{margin-top:auto;padding-top:40px}.local-note{background:var(--surface-alt);border:1px solid var(--border);border-radius:9px;margin-bottom:20px;padding:18px 13px}.status-dot{background:#4ba988;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.local-note strong{margin-left:7px;font-size:10px;font-weight:600}.local-note p{color:var(--muted);margin:9px 0 0 13px;font-size:10px;line-height:1.8}.sidebar-footer{color:var(--muted);border-top:1px solid var(--border);justify-content:space-between;margin-top:15px;padding:19px 13px;font-size:9px;display:flex}.main-shell{flex:1;min-width:0;margin-left:238px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;height:78px;padding:0 40px;display:flex}.breadcrumb{color:var(--muted);align-items:center;gap:13px;min-width:0;font-size:11px;display:flex}.breadcrumb strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.topbar-right{flex-shrink:0;align-items:center;gap:22px;display:flex}.local-badge{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.icon-button{width:30px;height:30px;color:var(--muted);border-radius:6px;flex-shrink:0;padding:5px}.icon-button:hover{background:var(--surface-alt)}.theme-toggle{border-left:1px solid var(--border);border-radius:0;width:40px;padding-left:20px}.avatar{color:#7756cb;border:3px solid var(--surface);outline:1px solid var(--border);background:#eae5fb;border-radius:50%;place-items:center;width:31px;height:31px;font-size:10px;font-weight:650;display:grid}.content{max-width:1520px;margin:0 auto;padding:42px 40px 0}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:31px;display:flex}.eyebrow{letter-spacing:1.8px;color:var(--muted);font-size:8px;font-weight:650}h1{letter-spacing:-1.1px;margin:9px 0;font-size:29px;font-weight:700;line-height:1.3}.heading-dot{color:var(--purple)}.subheading{color:var(--muted);font-size:12px;line-height:1.8}.primary-button,.secondary-button,.danger-button{white-space:nowrap;border-radius:7px;min-height:39px;padding:10px 16px;font-size:11px;font-weight:600}.primary-button{color:#fff;background:#7350dd;box-shadow:0 4px 9px #7350dd20}.secondary-button{background:var(--surface);border:1px solid var(--border);color:var(--text)}.danger-button{color:#fff;background:#c33b4b}.intro-panel{background:#eee9fa;border:1px solid #e8e0f8;border-radius:12px;justify-content:space-between;height:225px;display:flex;position:relative;overflow:hidden}.intro-copy{z-index:1;padding:31px 33px}.pill{letter-spacing:1.1px;color:#8061c3;background:#e2d8f7;border-radius:4px;padding:5px 8px;font-size:7px;font-weight:700;display:inline-block}.intro-copy h2{letter-spacing:-.8px;color:#362b58;margin:13px 0 9px;font-size:25px;font-weight:650}.intro-copy p{color:#898098;font-size:11px;line-height:1.8}.text-button{color:var(--purple);gap:10px;padding:0;font-size:11px;font-weight:650}.intro-copy .text-button{color:#7050be;margin-top:17px}.intro-art{flex-shrink:0;width:300px;margin-right:40px;position:relative}.art-orbit{border:1px solid #ded4f1;border-radius:50%;width:260px;height:260px;position:absolute;top:-13px;left:20px}.orbit-two{width:330px;height:330px;top:-49px;left:-15px}.art-sheet{background:#fff;border-radius:9px;width:175px;height:156px;padding:12px;position:absolute;top:34px;left:53px;transform:rotate(-6deg);box-shadow:0 12px 30px #5b42991a}.sheet-back{background:#d6c8f2;top:29px;left:73px;transform:rotate(8deg)}.art-sheet-header{border-bottom:1px solid #efedf5;align-items:center;gap:3px;padding-bottom:8px;display:flex}.art-sheet-header div{background:#e3ddf3;border-radius:3px;width:38px;height:4px;margin-right:auto}.art-sheet-header span{background:#dbd3ec;border-radius:50%;width:3px;height:3px}.art-player{color:#9d84d3;background:#f1edfa;border-radius:5px;place-items:center;height:63px;margin-top:9px;display:grid}.art-line{background:#e8e3f1;border-radius:3px;width:95px;height:4px;margin-top:10px}.art-line.short{background:#eeebf4;width:60px;margin-top:5px}.art-timeline{gap:3px;margin-top:9px;display:flex}.art-timeline span{background:#d9cdf2;border-radius:2px;width:45px;height:8px}.art-timeline span:nth-child(2){background:#ebe4f7;width:30px}.art-timeline span:nth-child(3){background:#e4dbf5;width:58px}.art-float{border-radius:12px;place-items:center;width:43px;height:43px;display:grid;position:absolute;box-shadow:0 8px 16px #69538e16}.float-book{color:#8e74c8;background:#fff;top:39px;left:14px;transform:rotate(-12deg)}.float-check{color:#fff;background:#9678db;bottom:28px;right:13px;transform:rotate(9deg)}.art-spark{color:#b29ad9;font-size:22px;position:absolute}.spark-one{top:15px;right:23px}.spark-two{font-size:15px;bottom:23px;left:27px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:23px 0 36px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:9px;align-items:center;gap:13px;min-height:94px;padding:19px 18px;display:flex;position:relative}.stat-icon{border-radius:10px;flex-shrink:0;place-items:center;width:39px;height:39px;display:grid}.purple{color:#9275d3;background:#f1ecfb}.blue{color:#7d9dd3;background:#edf2fc}.green{color:#65a891;background:#eaf5ef}.stat-card>div>span{color:var(--muted);margin-bottom:6px;font-size:9px;display:block}.stat-card strong{letter-spacing:-.7px;font-size:23px;font-weight:650}.stat-card small{color:var(--muted);align-self:flex-end;margin-bottom:3px;margin-left:auto;font-size:8px}.privacy-stat strong{letter-spacing:-.3px;font-size:16px}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:21px;display:flex}.section-heading h2{align-items:center;gap:9px;font-size:15px;font-weight:650;display:flex}.section-heading h2 span{color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:2px 5px;font-size:9px}.section-heading p{color:var(--muted);margin-top:7px;font-size:10px}.search-input{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:7px;align-items:center;gap:8px;width:218px;padding:9px 12px;display:flex}.search-input input{outline-offset:7px;background:0 0;border:0;width:100%;min-width:0;font-size:10px}.search-input input::placeholder{color:var(--muted)}.empty-state{background:var(--surface);border:1px dashed var(--border);text-align:center;min-height:280px;color:var(--muted);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:13px;padding:30px;display:flex}.empty-icon{background:var(--surface-alt);border:1px solid var(--border);color:#ab98d8;border-radius:18px;place-items:center;width:62px;height:62px;margin-bottom:3px;display:grid}.empty-state h3{color:var(--text);font-size:14px;font-weight:600}.empty-state p{font-size:11px;line-height:1.9}.empty-state .secondary-button{margin-top:2px}.empty-footnote{align-items:center;gap:5px;margin-top:1px;font-size:8px;display:flex}.content-footer{color:var(--muted);border-top:1px solid var(--border);align-items:center;gap:7px;margin-top:18px;padding:23px 0;font-size:9px;display:flex}.content-footer svg{color:#a9a4bb}.mvp-tag{letter-spacing:1px;margin-left:auto;font-size:8px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:20px;display:grid}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;min-width:0;box-shadow:0 3px 9px #00000002}.project-cover{color:#9173c8;background:#eee8f8;border-radius:9px 9px 0 0;flex-direction:column;gap:12px;width:100%;height:135px;position:relative;overflow:hidden}.project-cover>span{letter-spacing:1.5px;z-index:1;font-size:7px}.project-cover>svg{z-index:1}.cover-1{color:#7b9ac7;background:#e7eef8}.cover-2{color:#76a593;background:#e8f1ee}.cover-decoration{border:1px solid #fff8;border-radius:50%;width:200px;height:200px;position:absolute;top:-80px;right:-20px;box-shadow:0 0 0 25px #fff2,0 0 0 50px #fff2}.project-card-body{padding:16px}.project-title-row{justify-content:space-between;align-items:center;gap:5px;display:flex}.project-title-row h3{min-width:0;font-size:13px}.project-title-row h3 button{text-align:left;word-break:break-word;justify-content:flex-start;padding:0;line-height:1.5}.project-description{color:var(--muted);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-height:34px;margin-top:6px;font-size:10px;line-height:1.7;display:-webkit-box;overflow:hidden}.project-meta{color:var(--muted);justify-content:space-between;gap:10px;margin:17px 0;font-size:9px;display:flex}.project-meta>span{align-items:center;gap:5px;display:flex}.open-project{color:var(--purple);border-top:1px solid var(--border);justify-content:space-between;width:100%;padding:12px 0 0;font-size:10px;font-weight:600}.project-menu{position:relative}.dropdown{z-index:11;background:var(--surface);border:1px solid var(--border);min-width:170px;box-shadow:var(--shadow);border-radius:8px;padding:5px;position:absolute;top:32px;right:0}.dropdown button{border-radius:5px;justify-content:flex-start;width:100%;padding:10px;font-size:11px}.dropdown button:hover{background:var(--surface-alt)}.danger-text{color:#d15766}.error-banner{background:var(--surface);color:#b84d58;border:1px solid #df9c9c;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;margin:20px 40px 0;padding:14px 18px;font-size:12px;line-height:1.6;display:flex}.error-banner button{white-space:nowrap;font-size:11px;font-weight:600}.toast,.working-indicator{z-index:30;border:1px solid var(--border);box-shadow:var(--shadow);background:var(--surface);border-radius:9px;align-items:center;gap:9px;max-width:90vw;padding:13px 20px;font-size:12px;display:flex;position:fixed;bottom:24px;left:calc(50% + 100px);transform:translate(-50%)}.toast svg{color:#5aa58b}.working-indicator{bottom:80px}.modal{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:14px;width:460px;max-width:calc(100vw - 40px);padding:26px;box-shadow:0 25px 90px #0003}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#18152860}.modal-heading{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal h2{letter-spacing:-.5px;font-size:20px}.form-label{margin-bottom:9px;font-size:12px;font-weight:600;display:block}.form-label span{color:var(--muted);font-weight:400}.form-input{border:1px solid var(--border);background:var(--surface-alt);resize:vertical;border-radius:7px;width:100%;padding:12px;font-size:12px;display:block}.field-hint{color:var(--muted);margin:7px 0 20px;font-size:10px;line-height:1.6}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:24px;padding-top:18px;display:flex}.delete-description{color:var(--muted);overflow-wrap:anywhere;font-size:13px;line-height:1.8}.delete-description strong{color:var(--text)}.form-error{color:#c45261;font-size:12px;line-height:1.7}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.settings-content{max-width:1000px;margin:0}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin:25px 0;padding:25px}.settings-card h2{margin-bottom:10px;font-size:15px}.settings-card p{color:var(--muted);margin-bottom:10px;font-size:12px;line-height:1.9}.theme-options{gap:12px;margin-top:20px;display:flex}.theme-option{border:1px solid var(--border);border-radius:8px;flex:1;min-height:90px;padding:18px;font-size:12px}.theme-option.selected{border-color:var(--purple);color:var(--purple);background:var(--purple-soft)}.editor-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex}.back-button{color:var(--muted);margin-bottom:6px;padding:0;font-size:10px}.editor-project-title{align-items:center;gap:10px;display:flex}.editor-project-title h1{letter-spacing:-.6px;overflow-wrap:anywhere;font-size:20px}.saved-label{color:#6ca18e;white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.editor-panels{grid-template-columns:210px minmax(200px,1fr) 235px;min-height:470px;display:grid}.lessons-panel,.properties-panel{background:var(--surface);border-right:1px solid var(--border)}.properties-panel{border-left:1px solid var(--border);border-right:0}.panel-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:56px;padding:15px;display:flex}.panel-heading h2{align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.panel-heading h2 svg{color:var(--muted)}.panel-heading h2 span{color:var(--muted);font-size:9px}.panel-empty{text-align:center;color:var(--muted);padding:44px 20px}.panel-empty>svg{color:#ad9bd4;margin-bottom:14px}.panel-empty h3{color:var(--text);margin-bottom:9px;font-size:12px}.panel-empty p{margin-bottom:18px;font-size:10px;line-height:1.8}.lesson-list{margin:0;padding:10px;list-style:none}.lesson-list button{text-align:left;overflow-wrap:anywhere;border-radius:6px;justify-content:flex-start;width:100%;padding:11px 8px;font-size:11px;line-height:1.6}.lesson-list button>span:nth-child(2){flex:1;min-width:0}.lesson-list button.selected{background:var(--purple-soft);color:var(--purple)}.lesson-number{color:var(--muted);font-size:9px}.canvas-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;height:56px;padding:14px 18px;display:flex}.canvas-toolbar>span:first-child{color:var(--muted);overflow-wrap:anywhere;align-items:center;gap:7px;font-size:10px;display:flex}.muted-pill{color:var(--muted);background:var(--surface);white-space:nowrap;font-size:6px}.canvas-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:17px;min-height:414px;padding:35px;display:flex}.canvas-illustration{border:1px solid var(--border);background:var(--surface);color:#ad9bd4;width:90px;height:80px;box-shadow:var(--shadow);border-radius:16px;place-items:center;margin-bottom:6px;display:grid;transform:rotate(-5deg)}.canvas-empty h2{letter-spacing:-.5px;max-width:320px;font-size:18px;line-height:1.5}.canvas-empty p{color:var(--muted);max-width:320px;font-size:11px;line-height:1.9}.future-tools{flex-wrap:wrap;justify-content:center;gap:8px;max-width:340px;margin-top:12px;display:flex}.future-tools>span{border:1px dashed var(--border);color:var(--muted);border-radius:5px;padding:6px 8px;font-size:8px}.future-tools small{width:100%;color:var(--muted);margin-top:4px;font-size:8px}.property-content{overflow-wrap:anywhere;padding:22px 18px}.property-content h3{margin-top:10px;font-size:13px;line-height:1.6}.property-content dl{margin:23px 0}.property-content dt{color:var(--muted);margin-top:16px;font-size:9px}.property-content dd{margin:6px 0 0;font-size:10px}.property-content p{color:var(--muted);margin-top:10px;font-size:10px;line-height:1.9}.privacy-callout{border:1px solid var(--border);color:#68a18c;border-radius:7px;margin-top:25px;padding:12px}.privacy-callout p{margin-top:5px;font-size:9px}.timeline{background:var(--surface);border-top:1px solid var(--border);min-height:190px}.timeline-heading{border-bottom:1px solid var(--border);height:50px;color:var(--muted);align-items:center;gap:20px;padding:15px 23px;font-size:10px;display:flex}.timeline-heading h2{color:var(--text);align-items:center;gap:8px;font-size:11px;display:flex}.timeline-count{white-space:nowrap;margin-left:auto}.timeline-track{margin:0 22px}.timeline-ruler{height:30px;color:var(--muted);border-bottom:1px solid var(--border);background:repeating-linear-gradient(90deg, transparent, transparent calc(5% - 1px), var(--border) calc(5% - 1px), var(--border) 5%) bottom/100% 5px no-repeat;justify-content:space-between;align-items:center;font-size:8px;display:flex}.timeline-placeholder{min-height:80px;color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:10px;display:flex}.fatal{max-width:560px;margin:15vh auto;padding:30px}.fatal p{margin:20px 0}.fatal button{background:var(--purple);color:#fff;border-radius:8px;padding:12px 20px}:root[data-theme=dark] .intro-panel{background:#2e2742;border-color:#3e3356}:root[data-theme=dark] .intro-copy h2{color:#e7dcfa}:root[data-theme=dark] .intro-copy p{color:#b3a7c9}:root[data-theme=dark] .intro-copy .text-button{color:#b39add}:root[data-theme=dark] .art-orbit{border-color:#4b3d63}:root[data-theme=dark] .intro-art{opacity:.8}:root[data-theme=dark] .project-cover{filter:brightness(.65)}@media (min-width:1550px){.content{padding-top:55px}.intro-panel{height:245px}.intro-copy{padding-top:39px}.intro-art{transform-origin:50%;margin-right:90px;transform:scale(1.1)}.stats-grid{margin-bottom:42px}}@media (max-width:1200px){.sidebar{width:210px;padding-left:12px;padding-right:12px}.main-shell{margin-left:210px}.content{padding:32px 25px 0}.topbar{padding:0 25px}.intro-art{transform-origin:50%;width:235px;margin-right:0;transform:scale(.9)}.intro-copy{padding-left:25px;padding-right:0}.intro-copy h2{font-size:23px}.stat-card{gap:10px;padding:16px 12px}.stat-card small{display:none}.editor-panels{grid-template-columns:175px minmax(180px,1fr) 195px}.canvas-empty{padding:28px 18px}.muted-pill{display:none}.nav-item{gap:9px;font-size:11px}.nav-item small{font-size:7px}.local-note{padding-left:8px;padding-right:8px}.local-note strong{font-size:9px}}@media (max-width:950px){.sidebar{width:180px}.main-shell{margin-left:180px}.brand{gap:8px;padding:0 7px}.brand strong{font-size:18px}.brand small{letter-spacing:2px;font-size:6px}.brand-symbol{width:31px;height:35px}.nav-item small{display:none}.local-note strong,.local-note p{font-size:8px}.intro-art{transform-origin:0;width:195px;margin-right:-20px;transform:scale(.78)}.intro-copy h2{font-size:20px}.intro-copy p{font-size:10px}.intro-copy{padding-top:30px}.intro-panel{height:215px}.stats-grid{gap:9px}.stat-icon{width:31px;height:31px}.stat-card>div>span{font-size:8px}.stat-card strong{font-size:20px}.privacy-stat strong{font-size:13px}.stat-card{gap:7px;padding:15px 10px}.properties-panel{border-top:1px solid var(--border);border-left:0;grid-column:1/-1}.editor-panels{grid-template-columns:180px minmax(200px,1fr)}.property-content{flex-wrap:wrap;align-items:flex-start;gap:18px;padding:15px 18px;display:flex}.property-content dl{flex-wrap:wrap;align-items:center;gap:10px;margin:0;display:flex}.property-content dt,.property-content dd,.property-content>.eyebrow,.property-content>h3{margin:0}.privacy-callout{align-items:center;gap:5px;margin:0;padding:6px;display:flex}.privacy-callout p{margin:0}.properties-panel .panel-heading{height:40px}.section-heading p{max-width:220px;line-height:1.7}.search-input{width:180px}.page-heading h1{font-size:26px}.eyebrow{font-size:7px}.topbar-right{gap:14px}}@media (max-width:700px){.sidebar{width:68px;padding:24px 8px 0}.brand{justify-content:center;margin-bottom:40px;padding:0}.brand>div:last-child,.workspace-label,.nav-item>span,.nav-item small,.local-note,.sidebar-footer{display:none}.nav-item{justify-content:center;padding:12px}.main-shell{margin-left:68px}.topbar{height:65px;padding:0 17px}.local-badge{display:none}.content{padding:28px 18px 0}.page-heading{flex-direction:column;align-items:flex-start;gap:16px}.intro-copy{padding:24px}.intro-copy h2{font-size:22px}.intro-art{display:none}.intro-panel{height:auto;min-height:213px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:28px}.privacy-stat{grid-column:1/-1;min-height:70px}.stat-card small{display:none}.privacy-stat small{display:block}.privacy-stat strong{font-size:15px}.stat-card{padding:15px}.section-heading{flex-wrap:wrap;gap:14px}.search-input{width:100%}.section-heading p{max-width:none}.content-footer{font-size:8px;line-height:1.7}.mvp-tag{display:none}.empty-state{padding:25px 15px}.error-banner{flex-direction:column;align-items:flex-start;gap:8px;margin:15px 18px 0}.theme-options{flex-direction:column}.theme-option{min-height:65px}.toast,.working-indicator{width:max-content;left:50%}.editor-header{flex-direction:column;align-items:flex-start;gap:6px;padding:20px 17px}.editor-panels{flex-direction:column;display:flex}.lessons-panel{border-right:0;border-bottom:1px solid var(--border)}.panel-empty{padding:20px}.lesson-list{display:flex;overflow-x:auto}.lesson-list li{min-width:145px;max-width:200px}.canvas-empty{min-height:380px}.timeline-heading{gap:10px;padding:15px}.timeline-heading>span:not(.timeline-count){display:none}.theme-toggle{border:0;width:30px;padding-left:5px}.wide-only{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.lesson-actions{border-top:1px solid var(--border);flex-direction:column;gap:17px;padding:18px;display:flex}.lesson-actions button{justify-content:flex-start}.text-stage{background:var(--surface);border:1px solid var(--border);border-radius:12px;min-height:345px;margin:30px;padding:30px}.stage-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.text-stage h2{letter-spacing:-.6px;overflow-wrap:anywhere;margin:25px 0 20px;font-size:24px;line-height:1.5}.step-body{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);font-size:14px;line-height:1.9}.stage-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-top:30px;padding-top:20px;display:flex}.stage-actions .danger-text{margin-left:auto}.step-timeline{gap:12px;margin:0;padding:22px;list-style:none;display:flex;overflow-x:auto}.step-timeline li{flex:0 0 180px}.step-timeline button{border:1px solid var(--border);background:var(--surface-alt);text-align:left;overflow-wrap:anywhere;border-radius:8px;justify-content:flex-start;width:100%;min-height:74px;padding:12px;font-size:11px;line-height:1.6}.step-timeline button.selected{border-color:var(--purple);background:var(--purple-soft);color:var(--purple)}.step-index{color:var(--muted);font-size:9px}.editor-error{background:var(--surface);color:#b84d58;border:1px solid #df9c9c;border-radius:8px;margin:20px;padding:18px;font-size:12px}.editor-error p{margin-bottom:12px;line-height:1.8}.canvas-toolbar .secondary-button{min-height:30px;padding:6px 10px;font-size:10px}@media (max-width:950px){.text-stage{margin:18px;padding:22px}.text-stage h2{font-size:21px}}@media (max-width:700px){.lesson-actions{flex-flow:wrap}.text-stage{margin:15px;padding:20px}.text-stage h2{font-size:20px}.step-body{font-size:13px}}