*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,select{font:inherit}button:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #9b64dc}.app{--frame:#1a2925;--frame-top:#101b18;--workspace:#101714;--panel:#18221f;--panel-raised:#23312c;--ink:#eff7f3;--muted:#a4b7ae;--line:#344840;--accent:#73d5b2;--accent-soft:#203c33;width:100%;min-height:100vh;color:var(--ink);background:#101714;padding:0;transition:background .2s,color .2s}.app.light{--frame:#e8efe9;--frame-top:#f7faf7;--workspace:#f5f8f5;--panel:#fff;--panel-raised:#f8fbf8;--ink:#1c3029;--muted:#647a70;--line:#d8e5dc;--accent:#147c61;--accent-soft:#e0f2e9;background:#f5f8f5}.app[data-theme=purple]{--frame:#211a2a;--frame-top:#100d15;--workspace:#08060d;--panel:#1c1625;--panel-raised:#282033;--ink:#f0ebf7;--muted:#aaa0b8;--line:#40354e;--accent:#bd8bff;--accent-soft:#332044;background:#08060d}.app[data-theme=white-purple]{--frame:#eee6f7;--frame-top:#fcfaff;--workspace:#faf8fc;--panel:#fff;--panel-raised:#f8f4fc;--ink:#2a1c37;--muted:#796b89;--line:#e2d8ed;--accent:#8246c1;--accent-soft:#efe4fa;background:#faf8fc}.app[data-theme=red-white]{--frame:#f4e5e5;--frame-top:snow;--workspace:#fff8f7;--panel:#fff;--panel-raised:#fff4f2;--ink:#382326;--muted:#876e70;--line:#ecd6d5;--accent:#c13e47;--accent-soft:#fae8e7;background:#fff8f7}.app[data-theme=red-black]{--frame:#302020;--frame-top:#180e0e;--workspace:#130909;--panel:#211515;--panel-raised:#332020;--ink:#f8eeee;--muted:#c0a2a2;--line:#513333;--accent:#f77;--accent-soft:#482626;background:#130909}.app[data-theme=doom]{--frame:#19251b;--frame-top:#0c120d;--workspace:#090d0a;--panel:#141b15;--panel-raised:#202b21;--ink:#edf6ed;--muted:#aab9aa;--line:#394d3b;--accent:#63e978;--accent-soft:#1d3822;background:#090d0a}.window{background:var(--workspace);width:100%;min-height:100vh;box-shadow:none;border:0;border-radius:0;margin:0;overflow:hidden}.window-top{background:var(--frame-top);border-bottom:1px solid var(--line);align-items:center;gap:14px;min-height:54px;padding:0 18px;display:flex}.brand{letter-spacing:.04em;align-items:center;gap:9px;font-size:14px;font-weight:700;display:flex}.brand-mark{object-fit:contain;border:0;border-radius:0;flex:none;width:150px;height:55px;display:block}.window-actions{gap:8px;display:flex}.window-actions button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;width:20px;height:20px;font-size:13px}.window-actions button:first-child{color:#152332;background:#72b7ff}.window-actions button:nth-child(2){color:#17301e;background:#84cf9b}.window-actions button.close{color:#421b1d;background:#ec8589}.file-tabs{background:0 0;flex:1;align-items:center;gap:5px;min-width:0;height:auto;min-height:48px;padding:0;display:flex;overflow-x:auto}.file-tab{background:0 0;border-radius:9px;align-items:center;gap:4px;min-width:94px;padding:0 6px 0 10px;display:flex;position:relative}.file-tab.selected{background:var(--panel);box-shadow:0 -2px 0 var(--accent) inset}.tab-open{min-width:0;color:var(--muted);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:1;align-self:stretch;padding:0 3px;font-size:13px}.file-tab.selected .tab-open{color:var(--accent)}.tab-close{width:20px;height:22px;color:var(--muted);opacity:.65;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:0;font-size:16px;line-height:1;display:grid}.file-tab:hover .tab-close{opacity:1}.tab-close:hover{background:var(--panel-raised);color:var(--ink)}.add-file{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;align-self:center;font-size:23px}.add-file:hover,.theme-toggle:hover{background:var(--panel-raised);color:var(--ink)}.export-pdf{border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--accent-soft);height:32px;color:var(--accent);cursor:pointer;border-radius:8px;align-self:center;align-items:center;gap:7px;margin-left:auto;padding:0 11px;font-size:12px;font-weight:650;display:flex}.export-pdf:hover{filter:brightness(1.12)}.export-pdf span{font-size:16px}.theme-toggle{border:1px solid var(--line);background:var(--panel);height:32px;color:var(--muted);cursor:pointer;border-radius:9px;align-self:center;align-items:center;gap:8px;margin-left:0;padding:0 11px;font-size:12px;display:flex}.theme-picker{cursor:pointer;position:relative}.theme-picker select{max-width:155px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;outline:0;font-size:11px;font-weight:650}.theme-picker option{background:var(--panel);color:var(--ink)}.app[data-theme=doom] .landing-topbar{box-shadow:inset 0 -1px #81918244}.app[data-theme=doom] .landing-feature,.app[data-theme=doom] .starter-card,.app[data-theme=doom] .landing-quick-setup{border-color:#506450;border-radius:7px;box-shadow:inset 0 0 0 1px #17251a,0 5px 20px #0003}.app[data-theme=doom] .starter-icon{border:1px solid #758875;border-radius:7px}.app[data-theme=doom] .landing-copy h1 span{text-shadow:0 0 22px #5be67836}.themed-png-icon{background-color:var(--accent);flex:none;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.landing-open-file .themed-png-icon,.landing-feature .themed-png-icon{flex:none}.board-area{background:var(--workspace);flex-direction:column;height:calc(100vh - 54px);min-height:0;padding:22px 24px 0;display:flex;position:relative;overflow:hidden}.toolbar{z-index:4;border:1px solid var(--line);background:var(--panel);border-radius:17px;flex-direction:column;gap:5px;padding:8px 6px;display:flex;position:absolute;top:65px;left:22px;box-shadow:0 8px 22px #0003}.tool-button{width:42px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;transition:all .15s}.tool-button span{font-size:18px;font-weight:600}.tool-button:hover{background:var(--panel-raised);color:var(--ink)}.tool-button.active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 65%,var(--line));background:var(--accent-soft)}.drawing-tool-group,.drawing-tool-toggle{position:relative}.drawing-tool-toggle small{font-size:9px;line-height:1;position:absolute;bottom:2px;right:3px}.drawing-tool-menu{z-index:8;border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:3px;min-width:148px;padding:6px;display:grid;position:absolute;top:0;left:calc(100% + 9px);box-shadow:0 10px 28px #0004}.drawing-tool-option{height:36px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;padding:0 10px;font-size:12px;display:flex}.drawing-tool-option span:first-child{text-align:center;width:20px;color:var(--ink);font-size:16px}.drawing-tool-option:hover,.drawing-tool-option.active{color:var(--accent);background:var(--accent-soft)}.image-import span{font-size:19px}.image-file-input{display:none}.quick-actions{z-index:4;border:1px solid var(--line);background:var(--panel);border-radius:12px;align-items:center;gap:3px;height:39px;padding:4px 8px;display:flex;position:absolute;top:20px;left:70px;box-shadow:0 6px 18px #0002}.quick-actions button{width:30px;height:29px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:18px}.quick-actions button:hover:not(:disabled){background:var(--panel-raised);color:var(--ink)}.quick-actions button:disabled{opacity:.35;cursor:default}.quick-actions button.history-label{width:auto;padding:0 7px;font-size:10px;font-weight:650}.color-palette{z-index:1;border:1px solid var(--line);background:var(--panel);border-radius:9px;align-items:center;gap:8px;padding:7px 9px;display:flex;position:absolute;top:70px;left:50%;transform:translate(-50%);box-shadow:0 5px 16px #0002}.palette-label{color:var(--muted);letter-spacing:.1em;margin-right:1px;font-size:9px;font-weight:700}.color-swatch{cursor:pointer;border:1px solid #fff5;border-radius:50%;width:17px;height:17px;padding:0;transition:transform .12s,box-shadow .12s}.color-swatch:hover{transform:scale(1.12)}.color-swatch.chosen{box-shadow:0 0 0 2px var(--panel),0 0 0 3px var(--accent)}.page-indicator{border:1px solid var(--line);background:var(--panel);min-width:132px;color:var(--muted);text-align:center;border-radius:10px;padding:9px 13px;font-size:13px;position:absolute;top:20px;right:24px}.page-indicator strong{color:var(--ink);margin-left:5px}.page-indicator span{margin-left:5px}.page-navigation{z-index:2;border:1px solid var(--line);background:var(--panel);height:38px;color:var(--muted);border-radius:9px;align-items:center;gap:7px;padding:3px 5px;font-size:12px;display:flex;position:absolute;top:20px;right:22px}.page-navigation button{background:var(--panel-raised);width:28px;height:28px;color:var(--ink);cursor:pointer;border:0;border-radius:6px;font-size:23px;line-height:1}.page-navigation button:disabled{opacity:.35;cursor:default}.page-navigation input{border:1px solid var(--line);background:var(--workspace);width:34px;height:25px;color:var(--ink);text-align:center;border-radius:5px;padding:0 2px;font-size:12px}.page-navigation input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.page-navigation input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.page-navigation .page-title-action,.page-navigation .page-index-action{background:var(--accent-soft);width:auto;min-width:0;height:26px;color:var(--accent);white-space:nowrap;padding:0 8px;font-size:10px;font-weight:700}.title-index-page{z-index:3;background:var(--panel);color:var(--ink);flex-direction:column;padding:9% 9% 7%;font-family:inherit;display:flex;position:absolute;inset:0;overflow:hidden}.title-index-kicker{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(8px,1.2vw,11px);font-weight:800;overflow:hidden}.title-index-page h1{letter-spacing:-.05em;margin:4% 0 1%;font-size:clamp(22px,4vw,38px)}.title-index-page>p{color:var(--muted);margin:0 0 5%;font-size:clamp(9px,1.2vw,12px)}.title-index-page ol{flex:1;align-content:start;gap:1.2%;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.title-index-page li button{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);text-align:left;font:inherit;cursor:pointer;background:0 0;align-items:center;gap:8px;padding:5px 0;display:flex}.title-index-page li button:hover{color:var(--accent)}.title-index-page li button span{text-overflow:ellipsis;white-space:nowrap;max-width:65%;font-size:clamp(9px,1.4vw,14px);font-weight:600;overflow:hidden}.title-index-page li button i{border-bottom:1px dotted var(--line);flex:1}.title-index-page li button b{color:var(--accent);white-space:nowrap;font-size:clamp(8px,1.1vw,11px)}.title-index-page>small{color:var(--muted);margin-top:auto;font-size:clamp(7px,.9vw,9px)}.section-title-list{gap:6px;max-height:240px;padding:0;list-style:none;display:grid;overflow:auto}.section-title-list li{border:1px solid var(--line);background:var(--panel-raised);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.section-title-list li span{min-width:0;color:var(--ink);font-size:11px}.section-title-list small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.section-title-list button{color:var(--accent);cursor:pointer;background:0 0;border:0;font-size:10px}.workspace{scrollbar-width:none;flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;padding:25px 24px 18px;display:flex;overflow:auto}.workspace::-webkit-scrollbar{display:none}.workspace.zoomed{justify-content:safe center;align-items:safe center}.workspace.infinite-workspace{scrollbar-width:none;justify-content:center;align-items:center;overflow:hidden}.workspace.infinite-workspace::-webkit-scrollbar{display:none}.paper{aspect-ratio:210/297;transform-origin:50%;background:#fff;border-radius:2px;flex:none;width:min(43vw,390px);transition:width .2s,aspect-ratio .2s;position:relative;box-shadow:0 9px 35px #0004}.paper.grid-enabled{background-image:linear-gradient(to right,color-mix(in srgb,var(--accent) 38%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--accent) 38%,transparent) 1px,transparent 1px);background-size:20px 20px}.rulers{z-index:3;pointer-events:none;color:var(--muted);font-size:8px;position:absolute;inset:0}.ruler-top{border-bottom:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));background:repeating-linear-gradient(to right,transparent 0,transparent 9px,color-mix(in srgb,var(--accent) 50%,transparent) 9px,color-mix(in srgb,var(--accent) 50%,transparent) 10px);height:19px;position:absolute;top:0;left:0;right:0}.ruler-top span{background:var(--workspace);padding:0 1px;font-size:7px;line-height:10px;position:absolute;top:2px;transform:translate(-50%)}.ruler-left{border-right:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));background:repeating-linear-gradient(to bottom,transparent 0,transparent 9px,color-mix(in srgb,var(--accent) 50%,transparent) 9px,color-mix(in srgb,var(--accent) 50%,transparent) 10px);width:22px;position:absolute;top:0;bottom:0;left:0}.ruler-left span{background:var(--workspace);padding:0 1px;font-size:7px;line-height:10px;position:absolute;left:1px;transform:translateY(-50%)}.text-editor{z-index:4;border:1px dashed var(--accent);background:color-mix(in srgb,var(--workspace) 35%,transparent);min-width:110px;max-width:70%;min-height:38px;font:inherit;resize:both;white-space:pre-wrap;border-radius:3px;outline:none;padding:2px 4px;line-height:1.2;position:absolute}.text-editor::placeholder{color:var(--muted);font-size:13px}.paper.landscape{aspect-ratio:297/210;width:min(58vw,530px)}.paper.infinite{border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));background:var(--workspace);min-width:2400px;max-width:none;box-shadow:none;border-radius:0;flex:none}.drawing-canvas{z-index:1;touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:relative}.drawing-canvas.hand-cursor{cursor:grab}.drawing-canvas.hand-cursor:active{cursor:grabbing}.drawing-canvas.move-cursor{cursor:move}.drawing-canvas.erase-cursor{cursor:cell}.bottom-controls{z-index:10;pointer-events:none;align-items:center;gap:8px;display:flex;position:fixed;bottom:20px;left:23px;right:23px}.zoom-control{border:1px solid var(--line);background:var(--panel);border-radius:10px;order:2;align-items:center;gap:9px;height:38px;padding:3px 5px;display:flex}.zoom-control button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:20px;line-height:1}.zoom-control button:hover{background:var(--panel-raised);color:var(--ink)}.zoom-value{text-align:center;min-width:42px;color:var(--ink);font-size:12px}.page-actions{flex-direction:column;order:1;align-items:stretch;gap:8px;margin-right:auto;display:flex}.history-controls{border:1px solid var(--line);background:var(--panel);border-radius:10px;order:3;align-items:center;gap:3px;height:38px;padding:3px 5px;display:flex}.history-controls button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;width:auto;min-width:42px;padding:0 6px;font-size:10px;font-weight:650;line-height:1}.history-controls button:hover:not(:disabled){background:var(--panel-raised);color:var(--ink)}.history-controls button:disabled{opacity:.38;cursor:default}.page-actions{margin-left:0}.add-page-wrap{position:relative}.add-page-menu{z-index:12;border:1px solid var(--line);background:var(--panel);border-radius:10px;min-width:170px;padding:9px;position:absolute;bottom:calc(100% + 7px);left:0;box-shadow:0 10px 28px #0005}.add-page-menu p{color:var(--muted);margin:2px 7px 7px;font-size:10px;font-weight:700}.add-page-menu button{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:9px 7px;font-size:12px;display:flex}.add-page-menu button:hover{background:var(--panel-raised);color:var(--accent)}.library-save-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin:14px 0;display:grid}.library-save-form .dialog-label{margin:0}.library-save-form .dialog-create{white-space:nowrap;height:38px;margin:0;padding:0 12px}.library-list{gap:7px;max-height:38vh;margin:14px 0 0;padding:0;list-style:none;display:grid;overflow:auto}.library-list li{border:1px solid var(--line);background:var(--workspace);border-radius:8px;align-items:center;gap:7px;padding:8px;display:flex}.library-list li>span{flex:1;min-width:0}.library-list strong,.library-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.library-list strong{font-size:12px}.library-list small{color:var(--muted);margin-top:3px;font-size:10px}.library-list button{border:1px solid var(--line);background:var(--panel);height:30px;color:var(--ink);cursor:pointer;border-radius:7px;padding:0 9px;font-size:11px}.library-list button:hover{border-color:var(--accent)}.library-list .library-delete{width:30px;color:var(--muted);padding:0;font-size:18px}.encryption-choice{border:1px solid var(--line);background:var(--workspace);cursor:pointer;border-radius:9px;align-items:flex-start;gap:10px;margin:14px 0;padding:12px;display:flex}.encryption-choice input{accent-color:var(--accent);margin-top:2px}.encryption-choice strong,.encryption-choice small{display:block}.encryption-choice strong{font-size:12px}.encryption-choice small{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.45}.encryption-note{color:var(--muted);margin:7px 0 12px;font-size:11px;line-height:1.45}.auth-divider{color:var(--muted);align-items:center;gap:10px;margin:17px 0;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.orientation-select,.add-page{border:1px solid var(--line);background:var(--panel);height:38px;color:var(--ink);border-radius:9px;align-items:center;gap:8px;padding:0 11px;font-size:12px;display:flex}.orientation-icon{color:var(--accent);font-size:17px}.orientation-select select{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;outline:0}.orientation-select option{background:var(--panel)}.add-page{cursor:pointer}.add-page:hover{border-color:var(--accent);color:var(--accent)}.add-page span{color:var(--accent);font-size:19px}.tool-status{color:var(--muted);opacity:.85;align-items:center;gap:7px;font-size:11px;display:flex;position:absolute;top:70px;right:25px}.status-dot{background:#70c998;border-radius:50%;width:6px;height:6px}.autosave-saving .status-dot{background:#d99c3d}.autosave-error .status-dot{background:#e65353}.board-menu-wrap{z-index:5;position:absolute;top:20px;left:22px}.menu-trigger{border:1px solid var(--line);background:var(--panel);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:9px;font-size:17px}.menu-trigger:hover{border-color:var(--accent);color:var(--accent)}.board-menu{overscroll-behavior:contain;border:1px solid var(--line);background:var(--panel);scrollbar-width:thin;scrollbar-color:var(--accent) transparent;border-radius:11px;width:220px;max-height:min(60dvh,520px);padding:10px;position:absolute;top:47px;left:0;overflow-y:auto;box-shadow:0 14px 35px #0005}.menu-title{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:5px 7px 9px;font-size:11px;font-weight:700}.menu-option{color:var(--ink);cursor:pointer;border-radius:6px;align-items:center;gap:9px;padding:9px 7px;font-size:12px;display:flex}.menu-option:hover,.board-menu>button:hover,.board-menu>a:hover{background:var(--panel-raised)}.menu-option input{accent-color:var(--accent)}.menu-divider{background:var(--line);height:1px;margin:6px 0}.ruler-unit-option{grid-template-columns:1fr;align-items:start;gap:6px;display:grid}.ruler-unit-option select{border:1px solid var(--line);background:var(--workspace);width:100%;color:var(--ink);font:inherit;border-radius:6px;padding:7px}.board-menu>button,.board-menu>a{width:100%;color:var(--accent);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:11px;padding:9px 7px;font-size:15px;display:flex}.board-menu>a{text-decoration:none}.board-menu>button span,.board-menu>a span{color:var(--ink);font-size:12px}.save-notice{color:var(--muted);padding:7px;font-size:11px}.stroke-panel{z-index:3;border:1px solid var(--line);background:var(--panel);border-radius:13px;width:220px;padding:13px;position:absolute;top:65px;left:82px;box-shadow:0 8px 25px #0003}.settings-group+.settings-group{margin-top:13px}.settings-heading{color:var(--ink);margin-bottom:9px;font-size:12px;display:block}.settings-swatches{align-items:center;gap:7px;display:flex}.settings-swatch{cursor:pointer;border:1px solid #fff4;border-radius:7px;flex:none;width:28px;height:28px;padding:0}.settings-swatch.chosen{box-shadow:0 0 0 2px var(--panel),0 0 0 3px var(--accent)}.selection-colors{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:8px 10px;padding:3px 5px 13px;display:grid}.selection-color{cursor:pointer;border:1px solid #fff2;border-radius:50%;justify-self:center;width:20px;height:20px;padding:0;transition:transform .12s}.selection-color:hover{transform:scale(1.12)}.selection-color.chosen{box-shadow:0 0 0 3px var(--panel),0 0 0 4.5px var(--accent)}.stroke-sizes{justify-content:space-between;gap:5px;margin-top:9px;display:flex}.stroke-sizes button{height:27px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;font-size:11px;font-weight:700}.stroke-sizes button:hover,.stroke-sizes button.selected{background:var(--accent-soft);color:var(--accent)}.selection-actions{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:5px;margin-top:11px;padding:9px 0;display:grid}.selection-actions button{height:31px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:17px}.selection-actions button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.selection-actions button:disabled{opacity:.35;cursor:default}.shape-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.shape-option{border:1px solid var(--line);background:var(--panel-raised);min-height:30px;color:var(--muted);cursor:pointer;border-radius:6px;padding:4px 6px;font-size:10px}.shape-option:hover,.shape-option.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.opacity-group input{width:100%;accent-color:var(--accent)}.opacity-labels{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.landing-window{background:var(--panel);width:100%;min-height:100vh;box-shadow:none;border:0;border-radius:0;margin:0;overflow:hidden}.landing-topbar{background:var(--frame-top);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:58px;padding:0 22px;display:flex}.landing-top-actions{align-items:center;gap:8px;display:flex}.account-button{border:1px solid var(--line);background:var(--panel);height:32px;color:var(--accent);white-space:nowrap;cursor:pointer;border-radius:9px;padding:0 11px;font-size:12px;font-weight:650}.account-button:hover{border-color:var(--accent);background:var(--accent-soft)}.header-account{margin-left:4px}.landing-content{grid-template-columns:238px minmax(0,1fr);min-height:calc(100vh - 58px);display:grid}.landing-sidebar{background:var(--panel);border-right:1px solid var(--line);padding:23px 16px}.landing-actions{gap:9px;display:grid}.landing-primary,.landing-secondary{border:1px solid var(--line);background:var(--panel-raised);height:42px;color:var(--ink);text-align:left;cursor:pointer;border-radius:9px;align-items:center;gap:11px;padding:0 13px;font-size:13px;font-weight:600;display:flex}.landing-primary{border-color:color-mix(in srgb,var(--accent) 65%,var(--line));background:var(--accent-soft);color:var(--accent)}.landing-primary:hover,.landing-secondary:not(:disabled):hover{filter:brightness(1.12)}.landing-secondary:disabled{opacity:.62;cursor:not-allowed}.landing-primary span,.landing-secondary span{font-size:17px}.recent-section{margin-top:31px}.recent-section h2{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0;padding:0 3px;font-size:11px;font-weight:700}.recent-empty{border:1px dashed var(--line);min-height:160px;color:var(--muted);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-top:12px;display:flex}.recent-list{gap:5px;margin-top:10px;display:grid}.recent-list button{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:7px;font-size:12px;display:flex}.recent-list button:hover{background:var(--panel-raised)}.recent-list .recent-icon{width:30px;height:30px;font-size:15px}.recent-icon{border:1px solid var(--line);width:36px;height:36px;color:var(--accent);border-radius:10px;place-items:center;font-size:18px;display:grid}.recent-empty p{font-size:12px;line-height:1.55}.landing-hero{background:radial-gradient(ellipse at 52% 45%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 50%),var(--workspace);place-items:center;min-height:540px;display:grid;position:relative;overflow:hidden}.hero-content{z-index:1;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.hero-mark{object-fit:cover;border:2px solid color-mix(in srgb,var(--accent) 55%,var(--line));border-radius:50%;width:74px;height:74px;margin-bottom:22px;display:block;box-shadow:0 10px 35px #0003}.eyebrow{color:var(--accent);letter-spacing:.2em;font-size:10px;font-weight:700}.hero-content h1{color:var(--ink);letter-spacing:-.06em;margin:7px 0 8px;font-size:clamp(42px,6vw,68px);font-weight:650}.hero-description{color:var(--muted);font-size:15px}.hero-new-file{background:var(--accent);color:#0c1721;cursor:pointer;height:43px;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 20%,transparent);border:0;border-radius:9px;align-items:center;gap:19px;margin-top:27px;padding:0 16px;font-size:13px;font-weight:700;display:flex}.hero-new-file:hover{filter:brightness(1.08)}.hero-new-file span{font-size:18px}.hero-decoration{border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);opacity:.55;border-radius:14px;width:190px;height:255px;position:absolute;transform:rotate(-17deg)}.decoration-one{top:12%;left:13%}.decoration-two{width:145px;height:200px;bottom:8%;right:12%;transform:rotate(16deg)}.hero-footnote{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;bottom:20px;left:25px}.new-file-overlay{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#08050dbb;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.new-file-dialog{border:1px solid var(--line);background:var(--panel);width:min(520px,100%);max-height:min(90vh,800px);color:var(--ink);border-radius:17px;padding:27px;position:relative;overflow-y:auto;box-shadow:0 24px 80px #0008}.compact-dialog{width:min(470px,100%)}.new-file-dialog .eyebrow{margin:0 0 5px}.new-file-dialog h2{letter-spacing:-.03em;margin:0 0 22px;font-size:23px}.template-note{color:var(--muted);margin:-12px 0 12px;font-size:10px;line-height:1.5}.dialog-close{background:var(--panel-raised);width:30px;height:30px;color:var(--muted);cursor:pointer;border:0;border-radius:7px;font-size:20px;position:absolute;top:14px;right:16px}.dialog-label{color:var(--muted);gap:7px;margin:14px 0;font-size:12px;font-weight:600;display:grid}.dialog-label input,.dialog-label select{border:1px solid var(--line);background:var(--workspace);height:38px;color:var(--ink);font:inherit;border-radius:8px;padding:0 10px}.dialog-label input[aria-invalid=true]{border-color:#e65353}.field-error{border:1px solid color-mix(in srgb,#e65353 40%,var(--line));background:color-mix(in srgb,#e65353 9%,var(--panel));color:#ee8589;border-radius:8px;margin:-7px 0 12px;padding:8px 10px;font-size:11px;line-height:1.4}.page-size-picker{border:0;margin:18px 0;padding:0}.page-size-picker legend{color:var(--muted);margin-bottom:9px;font-size:12px;font-weight:600}.page-size-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.page-size-option{border:1px solid var(--line);background:var(--workspace);min-height:38px;color:var(--ink);cursor:pointer;border-radius:8px;font-size:12px}.page-size-option.chosen{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.page-size-option.infinite-choice{grid-column:span 2;font-weight:650}.dialog-colors{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dialog-colors .settings-swatch{width:30px;height:30px}.custom-color{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.custom-color input{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:6px;width:34px;height:30px;padding:2px}.infinite-note{border:1px solid var(--line);background:var(--workspace);color:var(--muted);border-radius:8px;padding:12px;font-size:12px;line-height:1.5}.dialog-actions{justify-content:flex-end;gap:9px;margin-top:23px;display:flex}.dialog-actions button{border:1px solid var(--line);background:var(--panel-raised);height:38px;color:var(--ink);cursor:pointer;border-radius:8px;padding:0 15px;font-size:12px;font-weight:650}.dialog-actions .dialog-create{border-color:var(--accent);background:var(--accent);color:#160e20}.landing-help-link{color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;flex-basis:100%;justify-self:flex-start;padding:0;font-size:11px;font-weight:650}.landing-help-link:hover{color:var(--accent);text-decoration:underline}.quick-start-dialog h2{margin-bottom:18px}.quick-start-steps{gap:15px;margin:0;padding:0;list-style:none;display:grid}.quick-start-steps li{grid-template-columns:27px 1fr;align-items:start;gap:11px;display:grid}.quick-start-steps li>span{background:var(--accent-soft);width:25px;height:25px;color:var(--accent);border-radius:8px;place-items:center;font-size:11px;font-weight:750;display:grid}.quick-start-steps strong{color:var(--ink);font-size:12px;display:block}.quick-start-steps p{color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.55}.quick-start-steps b{color:var(--ink);font-weight:650}.quick-start-dialog .dialog-actions{margin-top:19px}.export-pdf:disabled,.board-menu button:disabled{opacity:.45;cursor:not-allowed}.full-button{width:100%;margin-top:10px}.text-button{width:100%;color:var(--accent);cursor:pointer;background:0 0;border:0;margin-top:12px;font-size:12px}.cloud-message{border:1px solid var(--line);background:var(--workspace);color:var(--muted);border-radius:7px;margin:12px 0 0;padding:9px 10px;font-size:11px;line-height:1.4}.cloud-board-subtitle{color:var(--muted);margin-top:3px;font-size:10px;display:block}.empty-hint{color:var(--muted);font-size:12px;line-height:1.45}.share-form{grid-template-columns:minmax(0,1fr) 112px auto;align-items:end;gap:8px;display:grid}.share-form .dialog-label{margin:7px 0}.share-form .dialog-create{height:38px;margin-bottom:7px;padding:0 10px;font-size:11px}.small-heading{margin:20px 0 8px;font-size:12px}.access-list,.comment-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.access-list li{border:1px solid var(--line);background:var(--workspace);border-radius:8px;justify-content:space-between;align-items:center;padding:9px;font-size:12px;display:flex}.access-list li small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.access-list li button{color:#e37c88;cursor:pointer;background:0 0;border:0;font-size:11px}.public-link-value{border:1px solid var(--line);overflow-wrap:anywhere;background:var(--workspace);color:var(--muted);border-radius:7px;margin-top:9px;padding:9px;font-size:11px}.comment-list{max-height:42vh;overflow:auto}.comment-list li{border:1px solid var(--line);background:var(--workspace);border-radius:8px;padding:10px}.comment-list li strong{font-size:12px}.comment-list time{float:right;color:var(--muted);font-size:9px}.comment-list p{color:var(--ink);white-space:pre-wrap;margin:7px 0 0;font-size:12px;line-height:1.45}.dialog-label textarea{border:1px solid var(--line);background:var(--workspace);width:100%;color:var(--ink);font:inherit;resize:vertical;border-radius:8px;padding:9px}.shared-board-view{background:var(--workspace);min-height:100vh;padding:18px 24px 40px;overflow:auto}.shared-board-view>header{justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto 24px;display:flex}.shared-board-view h1{max-width:1000px;margin:0 auto 14px;font-size:20px}.shared-readonly{border:1px solid var(--line);color:var(--muted);border-radius:7px;padding:6px 9px;font-size:11px}.shared-paper{width:min(44vw,700px);margin:0 auto}.shared-paper.infinite{width:min(2400px,90vw);min-width:min(2400px,90vw)}.shared-canvas{pointer-events:none;width:100%;height:100%;display:block}@media (width<=650px){.app{padding:0}.window{border-radius:0;min-height:100vh}.window-top{gap:7px;height:auto;min-height:52px;padding:0 8px}.window-top .brand-mark{width:112px;height:41px}.file-tabs{gap:1px;padding:0;overflow-x:auto}.file-tab{min-width:78px;padding:0 5px 0 8px;font-size:11px}.tab-open{font-size:11px}.theme-toggle span{display:none}.theme-toggle{padding:0 9px}.export-pdf{white-space:nowrap;margin-left:4px;padding:0 8px;font-size:10px}.board-area{height:calc(100vh - 52px);min-height:0;padding:14px 10px 0}.board-menu-wrap{top:13px;left:10px}.toolbar{justify-content:center;gap:1px;padding:3px;top:13px;left:55px;right:8px;transform:none}.tool-button{width:32px;height:33px}.tool-button span{font-size:16px}.color-palette{gap:6px;padding:6px 7px;top:58px;left:10px;transform:none}.color-swatch{width:15px;height:15px}.palette-label{font-size:8px}.page-navigation{gap:4px;padding:3px;top:58px;right:10px}.page-navigation button{width:24px}.page-navigation input{width:28px}.stroke-panel{grid-template-columns:1fr 1fr;column-gap:15px;width:calc(100% - 20px);padding:10px;display:grid;top:107px;left:10px}.settings-heading{margin-bottom:6px;font-size:11px}.settings-swatches{gap:5px}.settings-swatch{width:22px;height:22px}.opacity-group input{height:16px}.workspace{min-height:0;margin-left:0;padding:20px 4px 18px}.paper{width:min(68vw,340px)}.paper.landscape{width:min(78vw,440px)}.bottom-controls{bottom:12px;left:10px;right:10px}.orientation-select,.add-page{padding:0 8px;font-size:11px}.tool-status{display:none}.landing-window{border-radius:0;min-height:100vh}.landing-topbar{height:48px;padding:0 12px}.landing-content{grid-template-columns:1fr;min-height:calc(100vh - 48px)}.landing-sidebar{border-right:0;border-top:1px solid var(--line);order:2;padding:14px}.landing-actions{grid-template-columns:1fr 1fr}.recent-section{margin-top:15px}.recent-empty{flex-direction:row;min-height:90px}.recent-empty p br{display:none}.landing-hero{min-height:48vh}.decoration-one{width:125px;height:180px;top:10%;left:-5%}.decoration-two{width:100px;height:150px;bottom:6%;right:-3%}.hero-footnote{bottom:12px;left:15px}.quick-actions{height:36px;padding:3px 5px;top:13px;left:58px}.quick-actions button{width:27px;height:27px}.toolbar{justify-content:flex-start;gap:1px;max-height:calc(100vh - 130px);padding:3px;top:59px;left:10px;right:auto;overflow-y:auto;transform:none}.drawing-tool-menu{max-height:calc(100vh - 80px);position:fixed;top:64px;left:54px;overflow-y:auto}.tool-button{flex:none;width:34px;height:34px}.stroke-panel{width:min(220px,100vw - 70px);max-height:calc(100vh - 150px);padding:11px;display:block;top:59px;left:58px;overflow:auto}.settings-group+.settings-group{margin-top:12px}.settings-group{padding:0}.workspace{padding-top:20px}.tool-status{font-size:9px;display:flex;top:auto;bottom:62px;right:10px}}.graph-dialog{width:min(560px,100%)}.graph-dialog .dialog-label{margin:12px 0}.graph-textarea{border:1px solid var(--line);background:var(--workspace);min-height:76px;color:var(--ink);font:inherit;resize:vertical;border-radius:8px;padding:10px}.graph-dialog .dialog-label small{color:var(--muted);font-size:11px;font-weight:400;line-height:1.5}.graph-mode-picker{border:1px solid var(--line);background:var(--workspace);border-radius:10px;gap:7px;margin:0 0 14px;padding:4px;display:flex}.graph-mode-picker button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:9px;font-weight:650}.graph-mode-picker button.selected{background:var(--panel);color:var(--ink);box-shadow:0 1px 4px #0002}.graph-range-grid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.graph-range-grid .dialog-label input{border:1px solid var(--line);background:var(--workspace);height:38px;color:var(--ink);font:inherit;border-radius:8px;padding:0 10px}.graph-error{color:#e65353;margin:8px 0;font-size:13px}.graph-dialog>.dialog-create{width:100%;margin-top:12px}.landing-window{background:var(--panel);min-height:100vh;color:var(--ink)}.landing-topbar{z-index:10;background:color-mix(in srgb,var(--panel) 94%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 76%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);gap:26px;height:66px;padding:0 max(24px,50vw - 560px);position:sticky;top:0}.landing-brand{color:var(--ink);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:10px;font-size:15px;font-weight:750;text-decoration:none;display:flex}.landing-brand .brand-mark{border:0;width:160px;height:58px}.landing-nav{flex:1;justify-content:center;align-items:center;gap:5px;display:flex}.landing-nav a{color:var(--muted);border:1px solid #0000;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:650;text-decoration:none;transition:color .15s,background .15s,border-color .15s}.landing-nav a:hover,.landing-nav a:focus-visible{border-color:var(--line);background:var(--accent-soft);color:var(--accent);outline:none}.landing-simulator-wrap{flex:none;position:relative}.landing-simulator-trigger{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:9px 12px;font-size:12px;font-weight:650;transition:color .15s,background .15s,border-color .15s;display:flex}.landing-simulator-trigger:hover,.landing-simulator-trigger:focus-visible,.landing-simulator-trigger[aria-expanded=true]{border-color:var(--line);background:var(--accent-soft);color:var(--accent);outline:none}.landing-simulator-menu{z-index:25;border:1px solid var(--line);background:var(--panel);border-radius:12px;width:218px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 14px 36px #0003}.landing-simulator-option{width:100%;color:var(--accent);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.landing-simulator-option:hover,.landing-simulator-option:focus-visible{background:var(--accent-soft);outline:none}.landing-simulator-option>span{gap:3px;display:grid}.landing-simulator-option strong{color:var(--ink);font-size:12px}.landing-simulator-option small{color:var(--muted);font-size:10px}.landing-top-actions{gap:10px}.landing-page{width:min(1120px,100% - 48px);margin:0 auto;scroll-margin-top:84px}.landing-page .landing-hero{background:radial-gradient(ellipse at 83% 44%,color-mix(in srgb,var(--accent-soft) 72%,transparent),transparent 43%);grid-template-columns:minmax(0,1fr) minmax(390px,.95fr);gap:45px;min-height:565px;padding:48px 0 68px;overflow:visible}.landing-copy{z-index:2;max-width:510px;position:relative}.landing-kicker{color:var(--muted);letter-spacing:.02em;align-items:center;gap:10px;margin:0 0 24px;font-size:12px;font-weight:650;display:flex}.landing-kicker .status-dot{width:8px;height:8px;box-shadow:0 0 0 5px #70c9982b}.landing-copy h1{color:var(--ink);letter-spacing:-.075em;margin:0;font-size:clamp(45px,6vw,72px);font-weight:750;line-height:.99}.landing-copy h1 span{color:var(--accent)}.landing-copy .hero-description{max-width:430px;color:var(--muted);margin:22px 0 0;font-size:16px;line-height:1.65}.landing-cta-row{flex-wrap:wrap;align-items:center;gap:13px;margin-top:29px;display:flex}.landing-cta-row .hero-new-file{color:#fff;border-radius:10px;height:48px;margin:0;padding:0 19px;font-size:14px}.app.light .landing-cta-row .hero-new-file{color:#fff}.landing-value-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:590px;margin-top:17px;display:grid}.landing-value-point{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 78%,transparent);border-radius:10px;align-content:start;gap:5px;padding:10px;display:grid}.landing-value-point strong{color:var(--ink);font-size:10px;line-height:1.3}.landing-value-point span{color:var(--muted);font-size:9px;line-height:1.45}.landing-quick-setup{border:1px solid var(--line);background:var(--panel);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:590px;margin-top:13px;padding:12px;display:grid;box-shadow:0 8px 22px #00000008}.landing-quick-setup label{min-width:0;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;gap:6px;font-size:9px;font-weight:750;display:grid}.landing-quick-setup select{border:1px solid var(--line);background:var(--workspace);width:100%;min-width:0;height:36px;color:var(--ink);font:inherit;letter-spacing:normal;text-transform:none;cursor:pointer;border-radius:8px;padding:0 9px;font-size:11px;font-weight:600}.landing-quick-setup select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.landing-open-file{border:1px solid var(--line);background:var(--panel);height:46px;color:var(--ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:0 16px;font-size:13px;font-weight:650;display:inline-flex}.landing-open-file:hover,.landing-new-small:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.landing-open-file span{font-size:16px}.landing-github-link{color:var(--accent);flex-basis:100%;font-size:12px;font-weight:650;text-decoration:none}.landing-github-link:hover{text-decoration:underline}.landing-local-note{max-width:415px;color:var(--muted);margin:18px 0 0;font-size:11px;line-height:1.6}.landing-art{place-items:center;min-height:390px;display:grid;position:relative}.landing-art-shadow{background:color-mix(in srgb,var(--accent) 19%,transparent);filter:blur(65px);border-radius:50%;width:80%;height:70%;position:absolute}.art-paper{aspect-ratio:1.08;color:#30233a;background:#fff;border:1px solid #e5dcee;border-radius:16px;width:min(440px,100%);padding:20px 22px;position:relative;transform:rotate(2deg);box-shadow:0 28px 70px #24173722}.art-toolbar{color:#6e5884;border-bottom:1px solid #eee8f4;align-items:center;gap:11px;height:34px;font-size:15px;display:flex}.art-toolbar span:first-child{color:#7f49c2}.art-toolbar i{border-left:1px solid #e8e0ef;height:18px;margin-left:auto}.art-toolbar b{background:#282033;border-radius:50%;width:13px;height:13px}.art-toolbar b:nth-last-child(2){background:#e65353}.art-toolbar b:last-child{background:#378cdb}.art-note{background:#fff;border:1px solid #eee7f5;border-radius:10px;position:absolute;box-shadow:0 6px 16px #30243b0d}.art-note-one{width:51%;padding:16px 17px 10px;top:87px;left:8%;transform:rotate(-5deg)}.art-note-one span,.art-note-two>span{color:#997caf;letter-spacing:.16em;font-size:8px;font-weight:800}.art-note-one strong{color:#30233a;letter-spacing:-.04em;margin-top:9px;font-size:17px;line-height:1.2;display:block}.art-note-one svg{width:100%;height:45px;margin-top:8px;overflow:visible}.art-note-one svg path{fill:none;stroke:#8954c6;stroke-width:3px;stroke-linecap:round}.art-note-two{width:48%;padding:13px 13px 10px;bottom:15%;right:7%;transform:rotate(4deg)}.art-note-two svg{width:100%;margin-top:8px;display:block}.art-note-two .graph-grid{fill:none;stroke:#eee7f5;stroke-width:1px}.art-note-two .graph-axis{fill:none;stroke:#b6a7c3;stroke-width:1.5px}.art-note-two .graph-curve{fill:none;stroke:#e66c83;stroke-width:3.5px;stroke-linecap:round}.art-note-two small{color:#796b89;text-align:right;font-size:9px;display:block}.art-shape{z-index:2;position:absolute}.art-shape-circle{border:3px solid #e9a735;border-radius:50%;width:53px;height:53px;top:31%;right:14%}.art-shape-diamond{border:3px solid #68b995;width:31px;height:31px;bottom:20%;left:45%;transform:rotate(45deg)}.art-caption{color:#9b8ba7;letter-spacing:.02em;font-size:9px;font-style:italic;position:absolute;bottom:8%;left:9%;transform:rotate(-4deg)}.art-spark{z-index:2;color:var(--accent);font-size:25px;position:absolute}.art-spark-one{top:8%;right:11%;transform:rotate(13deg)}.art-spark-two{color:#e6a63e;font-size:19px;bottom:12%;left:2%}.landing-tools{border-top:1px solid var(--line);padding:48px 0 57px;scroll-margin-top:84px}.landing-section-heading>span,.landing-files-heading>div>span{color:var(--accent);letter-spacing:.18em;font-size:9px;font-weight:800}.landing-section-heading h2,.landing-files-heading h2{color:var(--ink);letter-spacing:-.055em;margin:9px 0 0;font-size:clamp(24px,3vw,34px);font-weight:700}.landing-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:25px;display:grid}.landing-feature{border:1px solid var(--line);background:var(--panel);border-radius:13px;min-height:184px;padding:22px 21px;transition:transform .18s,border-color .18s,box-shadow .18s}.landing-feature:hover{border-color:color-mix(in srgb,var(--accent) 48%,var(--line));transform:translateY(-3px);box-shadow:0 10px 30px #2417370c}.feature-icon{border-radius:11px;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.feature-draw{color:#8246c1;background:#f0e5ff}.feature-graph{color:#de8042;background:#fff0e5}.feature-pages{color:#3a9b75;background:#e5f5ed}.landing-feature h3{color:var(--ink);letter-spacing:-.02em;margin:17px 0 7px;font-size:14px}.landing-feature p{max-width:290px;color:var(--muted);margin:0;font-size:11px;line-height:1.65}.landing-files{border-top:1px solid var(--line);padding:42px 0 48px;scroll-margin-top:84px}.landing-files-heading{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.landing-files-heading h2{font-size:27px}.landing-new-small{border:1px solid var(--line);background:var(--panel);height:36px;color:var(--ink);cursor:pointer;border-radius:9px;padding:0 12px;font-size:12px;font-weight:650}.library-controls{grid-template-columns:minmax(200px,1fr) minmax(150px,.42fr) minmax(130px,.38fr);gap:9px;margin-top:22px;display:grid}.library-controls input,.library-controls select,.notebook-create input,.library-file-meta input,.library-file-meta select{border:1px solid var(--line);background:var(--panel);min-width:0;height:38px;color:var(--ink);font:inherit;border-radius:9px;outline:none;padding:0 11px;font-size:11px}.library-controls input:focus,.library-controls select:focus,.notebook-create input:focus,.library-file-meta input:focus,.library-file-meta select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.notebook-create{align-items:center;gap:8px;margin-top:11px;display:flex}.notebook-create input{width:min(230px,40vw)}.notebook-create small{color:var(--muted);font-size:10px}.scratchpad{border:1px solid color-mix(in srgb,var(--accent) 36%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--panel)),var(--panel) 58%);border-radius:13px;margin-top:20px;padding:17px}.scratchpad-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.library-kicker{color:var(--accent);letter-spacing:.16em;font-size:8px;font-weight:800}.scratchpad-heading h3{color:var(--ink);letter-spacing:-.03em;margin:5px 0 3px;font-size:17px}.scratchpad-heading p{color:var(--muted);margin:0;font-size:10px}.scratchpad-count{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:700}.scratchpad-form{gap:8px;margin-top:13px;display:flex}.scratchpad-form input{border:1px solid var(--line);background:var(--panel);min-width:0;height:36px;color:var(--ink);font:inherit;border-radius:8px;flex:1;padding:0 11px;font-size:11px}.scratchpad-list{gap:2px;margin:9px 0 0;padding:0;list-style:none;display:grid}.scratchpad-list li{border-top:1px solid var(--line);color:var(--ink);justify-content:space-between;align-items:center;gap:8px;padding:5px 2px;font-size:11px;display:flex}.scratchpad-list li label{align-items:center;gap:8px;min-width:0;display:flex}.scratchpad-list input{accent-color:var(--accent)}.scratchpad-list li label span{overflow-wrap:anywhere}.scratchpad-list .scratch-done{color:var(--muted);text-decoration:line-through}.scratchpad-list li>button{width:25px;height:25px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:18px}.scratchpad-list li>button:hover{background:var(--accent-soft);color:var(--accent)}.library-shortcuts{flex-wrap:wrap;align-items:center;gap:6px;margin:14px 0 0;display:flex}.library-shortcuts strong,.para-shortcut-label{color:var(--muted);margin-right:3px;font-size:9px;font-weight:750}.para-shortcut-label{margin-left:8px}.library-shortcuts button{border:1px solid var(--line);background:var(--panel);height:27px;color:var(--muted);cursor:pointer;border-radius:999px;padding:0 9px;font-size:9px;font-weight:650}.library-shortcuts button:hover,.library-shortcuts button.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.library-file-card{border:1px solid var(--line);background:var(--panel);border-radius:11px;min-width:0;overflow:hidden}.library-file-open{width:100%;min-width:0;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;padding:12px;display:flex}.library-file-open:hover{background:var(--accent-soft)}.library-file-open>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:650;overflow:hidden}.library-file-open b{color:var(--accent);white-space:nowrap;align-items:center;gap:2px;font-size:10px;display:inline-flex}.library-file-meta{grid-template-columns:minmax(110px,.7fr) minmax(150px,1fr);gap:8px;padding:0 12px 11px;display:grid}.library-file-meta label{color:var(--muted);gap:5px;font-size:9px;font-weight:650;display:grid}.library-file-meta input,.library-file-meta select{width:100%;height:32px;font-size:10px}.file-tag-list{flex-wrap:wrap;gap:5px;padding:0 12px 11px;display:flex}.file-tag-list span{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:4px 7px;font-size:9px;font-weight:650}.library-no-results{border:1px dashed var(--line);color:var(--muted);border-radius:11px;margin-top:18px;padding:22px;font-size:12px}.landing-empty-files{border:1px dashed var(--line);background:color-mix(in srgb,var(--workspace) 55%,var(--panel));border-radius:12px;align-items:center;gap:14px;min-height:105px;margin-top:21px;padding:18px;display:flex}.landing-empty-files .recent-icon{flex:none}.landing-empty-files>div{flex:1;min-width:0}.landing-empty-files strong{color:var(--ink);font-size:12px}.landing-empty-files p{color:var(--muted);margin:5px 0 0;font-size:11px}.landing-empty-files .landing-open-file{white-space:nowrap;height:36px;font-size:11px}.landing-recent-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:21px;display:grid}.landing-recent-list>button{border:1px solid var(--line);background:var(--panel);min-width:0;color:var(--ink);text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:11px;padding:12px;display:flex}.landing-recent-list>button:hover{border-color:var(--accent);background:var(--accent-soft)}.landing-recent-list>button>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:650;overflow:hidden}.landing-recent-list small{color:var(--muted);margin-top:4px;font-size:9px;font-weight:400;display:block}.landing-recent-list b{color:var(--accent);white-space:nowrap;font-size:10px}.landing-cloud-files{margin-top:25px}.landing-cloud-files h3{font-size:13px}.landing-footer{border-top:1px solid var(--line);min-height:70px;color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.landing-footer .landing-brand{color:var(--muted);font-size:12px}.landing-footer .brand-mark{width:140px;height:51px}.tool-button span,.tool-button small,.drawing-tool-option span:first-child,.feature-icon,.account-button,.theme-toggle,.hero-new-file,.landing-open-file,.art-toolbar span{justify-content:center;align-items:center;display:inline-flex}.drawing-tool-toggle small{color:var(--muted);bottom:1px;right:1px}.tool-button svg{display:block}.audience-starters{border-top:1px solid var(--line);padding:40px 0 48px;scroll-margin-top:84px}.starter-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.starter-card{border:1px solid var(--line);background:var(--panel);min-height:95px;color:var(--muted);text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:15px;transition:border-color .16s,transform .16s,background .16s;display:flex}.starter-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:var(--accent-soft);transform:translateY(-2px)}.starter-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:11px;flex:none;place-items:center;display:grid}.starter-card-copy{flex:1;gap:5px;min-width:0;display:grid}.starter-card-copy strong{color:var(--ink);font-size:12px}.starter-card-copy small{color:var(--muted);font-size:10px;line-height:1.45}.starter-card>svg:last-child{color:var(--accent);flex:none}.theme-toggle svg,.account-button svg,.landing-open-file svg{flex:none}.zoom-control button{place-items:center;display:grid}.orientation-icon{justify-content:center;align-items:center;display:inline-flex}.add-page{gap:7px}.add-page>span:first-child{color:var(--accent);align-items:center;display:inline-flex}.add-page-menu button svg{color:var(--accent);flex:none}.menu-trigger,.tab-close,.add-file{place-items:center;display:grid}.board-menu>button svg,.board-menu>a svg{flex:none}.quick-actions button,.history-controls button,.selection-actions button{justify-content:center;align-items:center;display:inline-flex}.landing-recent-list b{align-items:center;gap:2px;display:inline-flex}@media (width<=650px){.library-controls{grid-template-columns:1fr 1fr}.library-controls input:first-child{grid-column:1/-1}.notebook-create{flex-wrap:wrap}.notebook-create small{flex-basis:100%}.landing-recent-list{grid-template-columns:1fr}}@media (width<=850px){.landing-page .landing-hero{grid-template-columns:1fr minmax(310px,.8fr);gap:16px}.landing-copy h1{font-size:clamp(43px,7vw,62px)}.art-paper{padding:16px}.orientation-select{justify-content:center;gap:0;width:40px;padding:0}.orientation-select select{color:#0000;width:18px;font-size:0}.orientation-select option{color:var(--ink);font-size:12px}.add-page{justify-content:center;gap:0;width:40px;padding:0}.add-page-label{display:none}}@media (width<=650px){.landing-topbar{flex-wrap:wrap;gap:0 10px;height:auto;min-height:56px;padding:0 14px}.landing-brand .brand-mark{width:138px;height:52px}n .landing-nav{scrollbar-width:none;flex-basis:100%;order:3;justify-content:flex-start;gap:5px;margin:0 -2px;padding:0 0 8px;overflow-x:auto}.landing-nav::-webkit-scrollbar{display:none}.landing-nav a{border-color:var(--line);background:var(--workspace);white-space:nowrap;flex:none;padding:7px 10px;font-size:11px}.landing-simulator-trigger{border-color:var(--line);background:var(--workspace);white-space:nowrap;padding:7px 10px;font-size:11px}.landing-simulator-menu{position:fixed;top:100px;left:14px}.landing-top-actions{margin-left:auto}.landing-page{width:calc(100% - 32px)}.landing-page .landing-hero{grid-template-columns:1fr;gap:8px;min-height:0;padding:52px 0 48px}.landing-copy h1{font-size:clamp(46px,13vw,66px)}.landing-copy .hero-description{font-size:14px}.landing-art{min-height:310px;margin:8px 0 0}.art-paper{width:min(390px,94%);padding:15px}.art-note-one{top:73px}.landing-tools{padding:34px 0 40px}.audience-starters{padding:32px 0 37px}.landing-quick-setup{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.landing-quick-setup label:last-child{grid-column:1/-1}.starter-card-grid{grid-template-columns:1fr;gap:8px}.starter-card{min-height:78px}.landing-feature-grid{grid-template-columns:1fr;gap:9px;margin-top:18px}.landing-feature{grid-template-columns:38px 1fr;align-items:center;column-gap:13px;min-height:0;padding:16px;display:grid}.landing-feature h3{margin:0 0 5px}.landing-feature p{grid-column:2;margin:0}.feature-icon{grid-row:1/span 2}.landing-files{padding:32px 0}.landing-files-heading{align-items:center}.landing-files-heading h2{font-size:22px}.landing-empty-files{flex-wrap:wrap;align-items:flex-start}.landing-empty-files>div{flex-basis:calc(100% - 60px)}.landing-empty-files .landing-open-file{margin-left:50px}.landing-recent-list{grid-template-columns:1fr}.landing-footer{min-height:58px}}.window-top{z-index:9;position:relative;overflow:visible}.more-features-wrap{flex:none;margin-left:6px;position:relative}.more-features-trigger{border:1px solid var(--line);background:var(--panel);height:34px;color:var(--ink);white-space:nowrap;cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:0 11px;font-size:11px;font-weight:700;display:flex}.more-features-trigger:hover,.more-features-trigger[aria-expanded=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.more-features-panel{z-index:30;border:1px solid var(--line);background:var(--panel);width:min(310px,100vw - 20px);max-height:calc(100vh - 82px);color:var(--ink);scrollbar-width:thin;scrollbar-color:var(--accent) transparent;border-radius:13px;padding:14px;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 18px 50px #0005}.more-features-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:11px;font-size:13px;display:flex}.more-features-heading button{background:var(--panel-raised);width:25px;height:25px;color:var(--muted);cursor:pointer;border:0;border-radius:6px;font-size:18px}.more-feature-section{border-bottom:1px solid var(--line);padding:12px 0}.more-feature-label{color:var(--muted);letter-spacing:.13em;margin-bottom:8px;font-size:9px;font-weight:800;display:block}.feature-layer-row{align-items:center;gap:4px;display:flex}.feature-layer-visibility{min-width:0;height:34px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;align-items:center;gap:8px;padding:0 8px;font-size:11px;display:flex}.feature-layer-visibility:hover{background:var(--panel-raised)}.feature-layer-visibility>span:first-child{width:17px;color:var(--accent);font-size:15px}.feature-layer-visibility small{color:var(--muted);margin-left:auto;font-size:9px}.feature-layer-clear{width:27px;height:27px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:17px}.feature-layer-clear:hover{color:#e65353;background:#e6535322}.more-feature-hint{color:var(--muted);margin:7px 2px 0;font-size:9px;line-height:1.45}.timer-section{border-bottom:0}.timer-readout{color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:.04em;margin:4px 0 10px;font-size:32px;font-weight:750}.timer-duration{color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.timer-duration input{border:1px solid var(--line);background:var(--workspace);width:76px;height:30px;color:var(--ink);border-radius:7px;padding:0 8px}.timer-actions{gap:7px;margin-top:10px;display:flex}.timer-actions button{border:1px solid var(--line);background:var(--panel-raised);height:32px;color:var(--ink);cursor:pointer;border-radius:7px;flex:1;font-size:10px;font-weight:700}.timer-actions button:first-child{border-color:var(--accent);background:var(--accent);color:#fff}.timer-actions button:hover{filter:brightness(1.1)}.screen-recording-section{padding-bottom:13px}.screen-recording-hint{color:var(--muted);margin:0 0 10px;font-size:10px;line-height:1.5}.screen-recording-status{background:var(--workspace);border-radius:7px;align-items:center;gap:7px;margin:0 0 9px;padding:8px 9px;font-size:10px;display:flex}.screen-recording-status strong{font-weight:700}.screen-recording-status time{color:var(--accent);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px;font-weight:750}.recording-indicator,.recording-button-dot{background:#e65353;border-radius:50%;flex:none;width:8px;height:8px}.recording-indicator.paused{background:#e9a735}.recording-button-dot{width:9px;height:9px}.screen-recording-actions{gap:7px;display:flex}.screen-recording-actions button{border:1px solid var(--line);background:var(--panel-raised);min-width:0;height:32px;color:var(--ink);cursor:pointer;border-radius:7px;flex:1;padding:0 8px;font-size:10px;font-weight:700}.screen-recording-actions button:hover{border-color:var(--accent);color:var(--accent)}.screen-recording-actions .recording-start{border-color:color-mix(in srgb,#e65353 60%,var(--line));background:color-mix(in srgb,#e65353 12%,var(--panel));color:var(--ink);justify-content:center;align-items:center;gap:7px;display:flex}.screen-recording-actions .recording-start:hover{color:#e65353;border-color:#e65353}.screen-recording-actions .recording-stop{color:#fff;background:#e65353;border-color:#e65353}.screen-recording-actions .recording-stop:hover{filter:brightness(1.1);color:#fff}.screen-recording-error{color:#e65353;margin:8px 0;font-size:10px;line-height:1.45}.drawing-style-select{border:1px solid var(--line);background:var(--workspace);width:100%;height:32px;color:var(--ink);border-radius:7px;padding:0 8px;font-size:11px}.drawing-style-select option{background:var(--panel);color:var(--ink)}.library-file-rename{border:0;border-bottom:1px solid var(--line);background:var(--panel);width:100%;color:var(--accent);text-align:right;cursor:pointer;padding:7px 11px;font-size:10px;font-weight:650}.library-file-rename:hover{background:var(--accent-soft)}@media (width<=850px){.more-features-trigger{justify-content:center;gap:0;width:36px;padding:0;font-size:0}.more-features-trigger svg:last-child{display:none}.more-features-trigger:after{content:"More";font-size:9px}.more-features-wrap{margin-left:2px}.window-top{gap:7px;padding:0 8px}.file-tabs{gap:2px}.theme-picker select{max-width:88px}}@media (width<=600px){.more-features-panel{position:fixed;top:58px;right:8px}.more-features-trigger:after{content:""}.more-features-trigger{width:32px;height:32px}.window-top .brand-mark{width:100px}}.window{border:1px solid var(--line);background:var(--workspace);border-radius:20px;width:calc(100% - 24px);min-height:calc(100dvh - 24px);margin:12px;overflow:hidden;box-shadow:0 14px 50px #0002}.window-top{gap:10px;min-height:54px;padding:0 14px}.file-tabs{gap:6px}.file-tab{border:1px solid var(--line);background:var(--workspace);border-radius:10px 10px 7px 7px}.file-tab.selected{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:var(--panel)}.add-file{border:1px solid var(--line);background:var(--panel);color:var(--accent);border-radius:9px}.quick-actions{height:42px;top:64px;left:66px}.toolbar{scrollbar-width:none;border-radius:12px;flex-direction:row;justify-content:flex-start;align-items:center;gap:3px;width:max-content;max-width:calc(100% - 196px);padding:5px 7px;display:flex;top:64px;left:176px;right:auto;overflow-x:auto}.toolbar::-webkit-scrollbar{display:none}.tool-button{flex:none;width:38px;height:36px}.image-import{border-right:1px solid var(--line);border-radius:8px}.drawing-tool-menu{top:calc(100% + 8px);left:0}.bottom-controls{pointer-events:none;align-items:center;gap:10px;padding:0;display:flex;position:fixed;bottom:26px;left:26px;right:26px}.bottom-controls>*{pointer-events:auto}.page-actions{flex-direction:row;order:1;align-items:center;gap:9px;margin:0 auto 0 0;display:flex}.zoom-control{order:2;gap:8px;height:42px;margin-left:auto}.zoom-slider{width:112px;accent-color:var(--accent);cursor:pointer}.page-navigation{order:3;height:42px;padding:4px 6px;position:static;box-shadow:0 5px 16px #0002}.page-navigation button,.page-navigation .page-title-action,.page-navigation .page-index-action{height:30px}.theme-feature .theme-toggle{justify-content:space-between;width:100%}.tool-status{top:116px;right:22px}@media (width<=900px){.window{border-radius:16px;width:calc(100% - 16px);min-height:calc(100dvh - 16px);margin:8px}.window-top{padding:0 9px}.file-tab{min-width:100px}.account-button.header-account{display:none}.board-area{height:calc(100dvh - 70px);padding:0 10px 10px}.board-menu-wrap{top:62px;left:12px}.quick-actions{top:62px;left:56px}.toolbar{justify-content:flex-start;width:auto;max-width:none;top:62px;left:162px;right:12px}.tool-button{width:35px}.workspace{padding:150px 10px 80px}.bottom-controls{gap:6px;bottom:12px;left:12px;right:12px}.page-actions{gap:6px}.orientation-select{justify-content:center;width:40px;min-width:40px;padding:0;position:relative}.orientation-select select{opacity:0;cursor:pointer;width:100%;max-width:none;position:absolute;inset:0}.orientation-select select option{font-size:14px}.add-page{justify-content:center;width:40px;padding:0}.add-page-label{display:none}.zoom-slider{width:76px}}@media (width<=650px){.window{border:0;border-radius:0;width:100%;min-height:100dvh;margin:0}.window-top{gap:6px;height:50px;min-height:50px;padding:0 7px}.file-tabs{min-width:0;overflow-x:auto}.file-tab{min-width:86px}.export-pdf{height:32px;margin-left:0;padding:0 7px;font-size:0}.export-pdf .themed-png-icon{margin:0}.more-features-wrap{flex:none}.board-area{height:calc(100dvh - 50px);padding:0 7px 8px}.board-menu-wrap{top:59px;left:8px}.quick-actions{height:38px;padding:3px;top:59px;left:50px}.quick-actions button{width:27px;height:28px}.toolbar{justify-content:flex-start;gap:1px;max-width:none;padding:3px 5px;top:105px;left:8px;right:8px}.tool-button{width:34px;height:34px}.drawing-tool-menu{max-height:calc(100dvh - 165px);position:fixed;top:146px;left:12px;overflow:auto}.stroke-panel{width:min(220px,100% - 16px);max-height:calc(100dvh - 230px);display:block;top:148px;left:8px;overflow:auto}.workspace{padding:154px 4px 104px}.bottom-controls{grid-template-columns:1fr 1fr;gap:6px;display:grid;bottom:8px;left:8px;right:8px}.page-actions{grid-area:1/1;gap:5px}.orientation-select,.add-page{gap:5px;height:36px;padding:0 7px;font-size:10px}.zoom-control{grid-area:1/2;justify-self:end;gap:4px;height:36px;padding:2px}.zoom-control button{width:24px;height:26px}.zoom-value{min-width:34px;font-size:10px}.zoom-slider{width:48px}.page-navigation{grid-area:2/1/auto/-1;justify-self:end;gap:4px;max-width:100%;height:35px;padding:2px 4px;font-size:10px}.page-navigation button{width:24px;height:26px}.page-navigation input{width:28px;height:23px}.page-navigation .page-title-action,.page-navigation .page-index-action{height:26px;padding:0 6px;font-size:9px}.tool-status{display:none}}.window{width:100%;min-height:100dvh;box-shadow:none;border:0;border-radius:0;margin:0}.board-area{height:calc(100dvh - 54px);padding:0 18px 12px}.board-menu-wrap{top:16px;left:20px}.quick-actions{top:16px;left:66px}.toolbar{justify-content:center;width:max-content;max-width:calc(100% - 300px);top:16px;left:50%;right:auto;transform:translate(-50%)}.stroke-panel{top:68px;left:20px}.workspace{padding:112px 28px 72px}@media (width<=1200px){.board-menu-wrap{top:12px;left:12px}.quick-actions{top:12px;left:56px}.toolbar{justify-content:flex-start;width:max-content;max-width:calc(100% - 24px);top:62px;left:50%;right:auto;transform:translate(-50%)}.stroke-panel{top:108px;left:12px}.workspace{padding:112px 10px 80px}}@media (width<=650px){.board-area{height:calc(100dvh - 50px);padding:0 7px 8px}.board-menu-wrap{top:8px;left:8px}.quick-actions{top:8px;left:50px}.toolbar{justify-content:flex-start;width:max-content;max-width:calc(100% - 16px);top:52px;left:50%;right:auto;transform:translate(-50%)}.stroke-panel{top:96px;left:8px}.workspace{padding:144px 4px 104px}}.window-top,.file-tabs{align-items:stretch;height:54px;min-height:54px}.file-tab{border-radius:8px;flex:0 0 20%;align-self:center;min-width:120px;max-width:250px;height:calc(100% - 8px);padding:0 10px}.file-tab.selected{box-shadow:inset 0 -2px 0 var(--accent)}.stroke-panel{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;min-height:0;max-height:calc(100dvh - 155px);overflow-y:auto}.stroke-panel::-webkit-scrollbar{width:7px}.stroke-panel::-webkit-scrollbar-thumb{border:2px solid var(--panel);background:color-mix(in srgb,var(--accent) 60%,transparent);border-radius:8px}@media (width<=900px){.file-tab{flex-basis:20%;min-width:100px;max-width:200px}}@media (width<=650px){.window-top,.file-tabs{height:50px;min-height:50px}.file-tab{flex-basis:20%;min-width:84px;max-width:150px;height:calc(100% - 6px);padding:0 7px}.stroke-panel{max-height:calc(100dvh - 205px)}}.shape-rounding{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.shape-rounding .settings-heading{justify-content:space-between;gap:8px;display:flex}.shape-rounding .settings-heading span{color:var(--accent);font-size:10px;font-weight:650}.shape-rounding input{width:100%;accent-color:var(--accent)}.window-top{align-items:center}.file-tabs{align-self:stretch}.more-features-wrap{align-self:center;height:auto}.more-features-trigger{height:38px;margin:0}.stroke-panel{overscroll-behavior:contain;width:200px;max-height:55dvh;overflow-y:auto}.bottom-controls{justify-content:space-between;align-items:flex-end;display:flex}.page-actions{order:1;margin-right:auto}.bottom-right-controls{flex-direction:column;order:2;align-items:flex-end;gap:6px;margin-left:auto;display:flex}.zoom-control{order:0;margin:0}.page-navigation{order:0;position:static}.add-page{justify-content:center;width:42px;min-width:42px;padding:0}.add-page-label{display:none!important}@media (width<=650px){.stroke-panel{width:min(200px,100vw - 16px);max-height:55dvh}.bottom-controls{grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:end;display:grid}.page-actions{grid-area:2/1;margin:0}.bottom-right-controls{grid-area:1/2/span 2;justify-self:end;gap:5px}.zoom-control{height:34px}.zoom-control button{width:24px;height:26px}.page-navigation{height:35px}}.graph-workspace{color:#202124;background:#fff;width:100%;height:100dvh;min-height:420px;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.graph-simulator-page{color:#202124;background:#fff;grid-template-rows:58px minmax(0,1fr) minmax(190px,30vh);gap:0;width:100%;height:100%;min-height:0;display:grid}.graph-topbar{color:#f7f7f7;z-index:2;background:#262626;border-bottom:1px solid #111;align-items:center;gap:18px;padding:0 18px;display:flex}.graph-back-button{color:#eee;cursor:pointer;background:#303030;border:1px solid #555;border-radius:4px;align-items:center;gap:7px;height:36px;padding:0 11px;font:14px Arial,sans-serif;display:inline-flex}.graph-back-button span:first-child{font-size:25px;line-height:16px}.graph-document-title{color:#f5f5f5;align-items:center;gap:10px;min-width:185px;font-size:17px;display:flex}.graph-document-glyph{color:#fff;border:1px solid #737373;border-radius:4px;place-items:center;width:26px;height:26px;font-size:16px;font-weight:700;display:grid}.graph-view-controls{color:#ddd;align-items:center;gap:8px;margin-left:auto;font-size:13px;display:flex}.graph-view-controls button,.graph-canvas-tools button{color:#f5f5f5;cursor:pointer;background:#303030;border:1px solid #555;border-radius:4px;place-items:center;width:34px;height:34px;font-size:21px;display:grid}.graph-view-controls .graph-reset-button{width:auto;padding:0 12px;font-size:13px}.graph-simulator-stage{background:#fff;min-height:0;padding:0;position:relative}.graph-simulator-canvas{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;width:100%;height:100%;display:block}.graph-simulator-canvas:active{cursor:grabbing}.graph-plot-bg{fill:#fff}.graph-minor-grid line{stroke:#e9e9e9;stroke-width:1px;vector-effect:non-scaling-stroke}.graph-grid-lines line{stroke:#c9c9c9;stroke-width:1px;vector-effect:non-scaling-stroke}.graph-axis{stroke:#292929;stroke-width:2px;vector-effect:non-scaling-stroke}.graph-coordinate-labels{fill:#252525;font-family:Arial,Helvetica,sans-serif;font-size:13px}.graph-equation-curve{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.graph-canvas-tools{border:1px solid #d0d0d0;border-radius:5px;display:grid;position:absolute;top:14px;right:14px;overflow:hidden;box-shadow:0 1px 4px #0002}.graph-canvas-tools button{color:#444;background:#fff;border:0;border-radius:0;width:42px;height:42px;font-size:24px}.graph-canvas-tools button+button{border-top:1px solid #ddd}.graph-canvas-tools button:hover{background:#f2f2f2}.graph-expression-panel{color:#292929;background:#fff;border-top:1px solid #c8c8c8;flex-direction:column;min-height:0;display:flex}.graph-expression-toolbar{background:#f6f6f6;border-bottom:1px solid #dedede;flex:none;align-items:center;gap:14px;height:46px;padding:0 14px;display:flex}.graph-expression-title{align-items:center;gap:10px;display:flex}.graph-expression-title h2{margin:0;font-size:14px;font-weight:600}.graph-add-expression-icon{color:#fff;cursor:pointer;background:#3274d9;border:0;border-radius:4px;width:29px;height:29px;font-size:23px;line-height:1}.graph-add-expression-icon:hover{background:#2466cb}.graph-expression-count{color:#777;margin-left:auto;font-size:12px}.graph-formula-list{flex-direction:column;flex:1;gap:0;min-height:0;max-height:none;padding:0;display:flex;overflow:auto}.graph-formula-row{color:#333;background:#fff;border:0;border-bottom:1px solid #ededed;border-radius:0;flex:none;grid-template-columns:38px 32px auto minmax(80px,1fr) 34px;align-items:center;gap:9px;min-height:46px;padding:3px 12px;font-size:14px;display:grid}.graph-formula-row:hover{background:#f8faff}.graph-formula-number{color:#888;text-align:center;font-size:13px}.graph-formula-swatch-button{cursor:pointer;background:0 0;border:0;place-items:center;width:25px;height:25px;display:grid}.graph-formula-swatch-button span{background:var(--formula-color);width:14px;height:14px;box-shadow:0 0 0 2px color-mix(in srgb,var(--formula-color),transparent 76%);border-radius:50%}.graph-formula-swatch-button.is-hidden span{opacity:.25}.graph-equation-prefix{color:#666;font-family:Arial,Helvetica,sans-serif}.graph-formula-input{color:#222;background:0 0;border:1px solid #0000;border-radius:3px;outline:none;width:100%;min-width:0;padding:8px 9px;font:15px Cambria Math,STIX Two Math,ui-monospace,monospace}.graph-formula-input:hover{background:#f7f9fc}.graph-formula-input:focus{background:#fff;border-color:#4b83df;box-shadow:0 0 0 1px #4b83df}.graph-formula-remove{color:#999;cursor:pointer;background:0 0;border:0;border-radius:3px;width:28px;height:28px;font-size:21px;line-height:1}.graph-formula-remove:hover{color:#333;background:#f2f2f2}.graph-formula-help{color:#777;background:#fff;flex:none;margin:0;padding:5px 14px 8px;font-size:11px}@media (width<=700px){.graph-simulator-page{grid-template-rows:54px minmax(160px,1fr) minmax(190px,34vh)}.graph-topbar{gap:9px;padding:0 8px}.graph-back-button{height:32px;padding:0 8px}.graph-back-button span:last-child{display:none}.graph-document-title{min-width:0;font-size:14px}.graph-document-glyph{width:23px;height:23px}.graph-view-controls{gap:4px}.graph-view-controls button{width:31px;height:31px}.graph-view-controls .graph-reset-button{padding:0 7px;font-size:11px}.graph-canvas-tools{top:8px;right:8px}.graph-canvas-tools button{width:36px;height:36px}.graph-formula-row{grid-template-columns:25px 25px auto minmax(60px,1fr) 26px;gap:5px;min-height:42px;padding:3px 5px}.graph-formula-input{padding:7px 5px;font-size:13px}.graph-formula-help{padding:5px 8px;font-size:10px}}@media (width<=420px){.graph-simulator-page{grid-template-rows:50px minmax(145px,1fr) minmax(185px,36vh)}.graph-topbar{gap:6px}.graph-view-controls .graph-reset-button{display:none}.graph-view-controls span{font-size:11px}.graph-expression-toolbar{height:42px;padding:0 9px}}.simulator-theme-picker{flex:none;align-items:center;display:inline-flex}.simulator-theme-picker select{color:#eaf4ec;cursor:pointer;background:#18221b;border:1px solid #46594b;border-radius:7px;max-width:150px;height:34px;padding:0 8px;font:600 11px inherit}.simulator-theme-picker select:focus-visible{outline-offset:2px;outline:2px solid #70d88e}.simulator-theme-picker option{color:#edf6ef;background:#17201b}.graph-workspace[data-theme=forest],.graph-workspace[data-theme=purple],.graph-workspace[data-theme=red-black],.graph-workspace[data-theme=doom]{color:#edf6ef;background:#101713}.graph-workspace[data-theme=purple]{--graph-accent:#bd8bff}.graph-workspace[data-theme=red-black]{--graph-accent:#f77}.graph-workspace[data-theme=doom]{--graph-accent:#63e978}.graph-workspace[data-theme=forest]{--graph-accent:#73d5b2}.graph-workspace[data-theme=white-purple]{--graph-accent:#8246c1}.graph-workspace[data-theme=red-white]{--graph-accent:#c13e47}.graph-workspace[data-theme=forest] .graph-simulator-page,.graph-workspace[data-theme=purple] .graph-simulator-page,.graph-workspace[data-theme=red-black] .graph-simulator-page,.graph-workspace[data-theme=doom] .graph-simulator-page{color:#edf6ef;background:#111914}.graph-workspace[data-theme=forest] .graph-simulator-stage,.graph-workspace[data-theme=purple] .graph-simulator-stage,.graph-workspace[data-theme=red-black] .graph-simulator-stage,.graph-workspace[data-theme=doom] .graph-simulator-stage,.graph-workspace[data-theme=forest] .graph-simulator-canvas,.graph-workspace[data-theme=purple] .graph-simulator-canvas,.graph-workspace[data-theme=red-black] .graph-simulator-canvas,.graph-workspace[data-theme=doom] .graph-simulator-canvas,.graph-workspace[data-theme=forest] .graph-plot-bg,.graph-workspace[data-theme=purple] .graph-plot-bg,.graph-workspace[data-theme=red-black] .graph-plot-bg,.graph-workspace[data-theme=doom] .graph-plot-bg{fill:#101713;background:#101713}.graph-workspace[data-theme=forest] .graph-minor-grid line,.graph-workspace[data-theme=purple] .graph-minor-grid line,.graph-workspace[data-theme=red-black] .graph-minor-grid line,.graph-workspace[data-theme=doom] .graph-minor-grid line{stroke:#26352b}.graph-workspace[data-theme=forest] .graph-grid-lines line,.graph-workspace[data-theme=purple] .graph-grid-lines line,.graph-workspace[data-theme=red-black] .graph-grid-lines line,.graph-workspace[data-theme=doom] .graph-grid-lines line{stroke:#455249}.graph-workspace[data-theme=forest] .graph-axis,.graph-workspace[data-theme=purple] .graph-axis,.graph-workspace[data-theme=red-black] .graph-axis,.graph-workspace[data-theme=doom] .graph-axis{stroke:#c3d0c5}.graph-workspace[data-theme=forest] .graph-coordinate-labels,.graph-workspace[data-theme=purple] .graph-coordinate-labels,.graph-workspace[data-theme=red-black] .graph-coordinate-labels,.graph-workspace[data-theme=doom] .graph-coordinate-labels{fill:#d8e3da}.graph-workspace[data-theme=forest] .graph-expression-panel,.graph-workspace[data-theme=purple] .graph-expression-panel,.graph-workspace[data-theme=red-black] .graph-expression-panel,.graph-workspace[data-theme=doom] .graph-expression-panel{color:#edf6ef;background:#17201b;border-color:#34443a}.graph-workspace[data-theme=forest] .graph-expression-toolbar,.graph-workspace[data-theme=purple] .graph-expression-toolbar,.graph-workspace[data-theme=red-black] .graph-expression-toolbar,.graph-workspace[data-theme=doom] .graph-expression-toolbar{background:#1d2821;border-color:#34443a}.graph-workspace[data-theme=forest] .graph-formula-row,.graph-workspace[data-theme=purple] .graph-formula-row,.graph-workspace[data-theme=red-black] .graph-formula-row,.graph-workspace[data-theme=doom] .graph-formula-row{color:#edf6ef;background:#17201b;border-color:#2c3930}.graph-workspace[data-theme=forest] .graph-formula-row:hover,.graph-workspace[data-theme=purple] .graph-formula-row:hover,.graph-workspace[data-theme=red-black] .graph-formula-row:hover,.graph-workspace[data-theme=doom] .graph-formula-row:hover{background:#202d24}.graph-workspace[data-theme=forest] .graph-formula-input,.graph-workspace[data-theme=purple] .graph-formula-input,.graph-workspace[data-theme=red-black] .graph-formula-input,.graph-workspace[data-theme=doom] .graph-formula-input{color:#f0f5f1}.graph-workspace[data-theme=forest] .graph-equation-prefix,.graph-workspace[data-theme=purple] .graph-equation-prefix,.graph-workspace[data-theme=red-black] .graph-equation-prefix,.graph-workspace[data-theme=doom] .graph-equation-prefix,.graph-workspace[data-theme=forest] .graph-formula-help,.graph-workspace[data-theme=purple] .graph-formula-help,.graph-workspace[data-theme=red-black] .graph-formula-help,.graph-workspace[data-theme=doom] .graph-formula-help{color:#acb9ad}.graph-workspace[data-theme=forest] .graph-formula-help,.graph-workspace[data-theme=purple] .graph-formula-help,.graph-workspace[data-theme=red-black] .graph-formula-help,.graph-workspace[data-theme=doom] .graph-formula-help{background:#17201b}.graph-workspace[data-theme=forest] .graph-canvas-tools,.graph-workspace[data-theme=purple] .graph-canvas-tools,.graph-workspace[data-theme=red-black] .graph-canvas-tools,.graph-workspace[data-theme=doom] .graph-canvas-tools{border-color:#455249}.graph-workspace[data-theme=forest] .graph-canvas-tools button,.graph-workspace[data-theme=purple] .graph-canvas-tools button,.graph-workspace[data-theme=red-black] .graph-canvas-tools button,.graph-workspace[data-theme=doom] .graph-canvas-tools button{color:#edf6ef;background:#1d2821;border-color:#34443a}.graph-workspace[data-theme=forest] .graph-add-expression-icon,.graph-workspace[data-theme=purple] .graph-add-expression-icon,.graph-workspace[data-theme=red-black] .graph-add-expression-icon,.graph-workspace[data-theme=doom] .graph-add-expression-icon,.graph-workspace[data-theme=white-purple] .graph-add-expression-icon,.graph-workspace[data-theme=red-white] .graph-add-expression-icon{background:var(--graph-accent);color:#111}.graph-workspace[data-theme=forest] .graph-formula-input:focus,.graph-workspace[data-theme=purple] .graph-formula-input:focus,.graph-workspace[data-theme=red-black] .graph-formula-input:focus,.graph-workspace[data-theme=doom] .graph-formula-input:focus,.graph-workspace[data-theme=white-purple] .graph-formula-input:focus,.graph-workspace[data-theme=red-white] .graph-formula-input:focus{border-color:var(--graph-accent);box-shadow:0 0 0 1px var(--graph-accent)}.graph-workspace[data-theme=forest] .simulator-theme-picker select,.graph-workspace[data-theme=purple] .simulator-theme-picker select,.graph-workspace[data-theme=red-black] .simulator-theme-picker select,.graph-workspace[data-theme=doom] .simulator-theme-picker select,.graph-workspace[data-theme=white-purple] .simulator-theme-picker select,.graph-workspace[data-theme=red-white] .simulator-theme-picker select{max-width:135px}@media (width<=700px){.graph-workspace .simulator-theme-picker select{max-width:100px;height:30px;padding:0 4px;font-size:9px}}.landing-footer-github{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);border-radius:50%;place-items:center;margin-left:auto;transition:color .16s,border-color .16s,background .16s;display:inline-grid}.landing-footer-github svg{width:19px;height:19px;display:block}.landing-footer-github:hover,.landing-footer-github:focus-visible{color:var(--accent);border-color:var(--accent);background:var(--accent-soft);outline:none}.app.dark .brand-mark{box-sizing:border-box;background:#fff;border-radius:9px;padding:4px 7px}.landing-page{flex-direction:column;display:flex}.landing-page>.landing-hero{order:0}.landing-page>.landing-files{order:1}.landing-page>.audience-starters{order:2}.landing-page>.student-space{order:3}.landing-page>.landing-tools{order:4}.landing-page>footer{order:5}.landing-topbar{gap:clamp(12px,2vw,26px)}.landing-nav{min-width:0}.landing-nav a,.landing-simulator-trigger{white-space:nowrap}.landing-simulator-menu{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;max-height:min(70vh,520px);overflow-y:auto}.landing-files{padding:clamp(28px,4vw,46px) 0}.landing-files-heading{align-items:center}.landing-recent-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.landing-recent-list>button{border-radius:12px;min-height:66px;transition:transform .16s,border-color .16s,box-shadow .16s}.landing-recent-list>button:hover{box-shadow:0 8px 22px color-mix(in srgb, var(--accent) 12%, transparent);transform:translateY(-2px)}.landing-section-heading,.landing-files-heading{scroll-margin-top:86px}.landing-page button:focus-visible,.landing-page a:focus-visible,.landing-page select:focus-visible,.landing-page input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.landing-feature,.starter-card,.landing-quick-setup,.landing-recent-list>button{transition-duration:.16s}:is(.graph-workspace,.studio-workspace,.cpp-workspace,.calculus-workspace,.circuit-workspace){min-height:100vh}:is(.graph-workspace,.studio-workspace,.cpp-workspace,.calculus-workspace) :is(button,input,select,textarea):focus-visible{outline:2px solid var(--accent,#67db83);outline-offset:2px}:is(.graph-topbar,.studio-topbar,.cpp-topbar,.calculus-topbar),.circuit-topbar{z-index:20;position:sticky;top:0}.circuit-layout{align-items:stretch}.circuit-palette,.circuit-inspector{scrollbar-width:thin}.circuit-main{min-width:0}.circuit-canvas{touch-action:none}@media (width<=960px){.landing-topbar{gap:12px;padding-inline:18px}.landing-brand .brand-mark{width:130px}.landing-nav{gap:0}.landing-nav a,.landing-simulator-trigger{padding-inline:8px;font-size:11px}.landing-recent-list{grid-template-columns:repeat(2,minmax(0,1fr))}.circuit-layout{grid-template-columns:180px minmax(0,1fr)}.circuit-inspector{grid-column:1/-1;min-height:120px}}@media (width<=680px){.landing-page{width:min(100% - 32px,560px)}.landing-topbar{flex-wrap:wrap;height:auto;min-height:58px;padding:10px 16px}.landing-brand .brand-mark{width:112px;height:40px}.landing-nav{order:3;justify-content:flex-start;width:100%;padding:2px 0 5px;overflow-x:auto}.landing-nav a,.landing-simulator-trigger{flex:none}.landing-top-actions{margin-left:auto}.landing-recent-list{grid-template-columns:1fr}.landing-files-heading{align-items:flex-start}.circuit-topbar{grid-template-columns:auto 1fr;gap:8px;height:auto;min-height:58px;padding:9px 12px}.circuit-brand{justify-self:end}.circuit-top-actions{grid-column:1/-1;justify-self:stretch;padding-bottom:2px;overflow-x:auto}.circuit-top-actions>*{flex:none}.circuit-heading{align-items:flex-start;padding:20px 16px 14px}.circuit-layout{flex-direction:column;min-height:0;padding:0 12px 14px;display:flex}.circuit-palette{max-height:260px}.circuit-main{min-height:380px}.circuit-inspector{min-height:0}}@media (prefers-reduced-motion:reduce){.landing-feature,.landing-recent-list>button{transition:none}}.shortcuts-dialog{scrollbar-width:thin;width:min(620px,100%);max-height:min(84vh,820px);overflow-y:auto}.shortcuts-intro{color:var(--muted);margin:-5px 0 18px;font-size:12px;line-height:1.55}.shortcuts-section{margin:16px 0 0}.shortcuts-section h3{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:800}.shortcut-row{border:1px solid var(--line);background:var(--workspace);min-height:36px;color:var(--ink);border-bottom:0;align-items:center;gap:5px;padding:7px 9px;font-size:11px;display:flex}.shortcut-row:first-of-type{border-radius:8px 8px 0 0}.shortcut-row:last-child{border-bottom:1px solid var(--line);border-radius:0 0 8px 8px}.shortcut-row>span{flex:1;min-width:0}.shortcut-row kbd{border:1px solid var(--line);background:var(--panel-raised);color:var(--accent);border-radius:5px;flex:none;padding:4px 6px;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace}.shortcut-row i{color:var(--muted);padding:0 3px;font-size:9px;font-style:normal}.shortcut-row b{max-width:44%;color:var(--muted);text-align:right;flex:none;font-size:10px;font-weight:600}@media (width<=560px){.shortcuts-dialog{max-height:88vh;padding:20px 15px}.shortcut-row{flex-wrap:wrap}.shortcut-row>span{flex-basis:100%}.shortcut-row b{text-align:left;max-width:100%}}.voice-recording-section{padding-bottom:13px}.voice-recording-section+.timer-section{margin-top:0}.project-studio{--p-shadow:0 18px 48px color-mix(in srgb, var(--p-ink) 7%, transparent);background:radial-gradient(ellipse at 86% 4%, color-mix(in srgb, var(--p-accent) 7%, transparent), transparent 34rem), var(--p-bg)}.project-topbar{z-index:30;height:72px;box-shadow:0 1px 0 color-mix(in srgb, var(--p-line) 70%, transparent);padding-inline:clamp(16px,3vw,44px);position:sticky;top:0}.project-layout{grid-template-columns:clamp(250px,23vw,320px) minmax(0,1fr)}.project-sidebar{background:color-mix(in srgb, var(--p-panel) 86%, var(--p-bg));height:calc(100vh - 72px);padding:26px 18px 18px;position:sticky;top:72px}.project-sidebar-head h2{font-size:19px}.project-list{padding:2px}.project-list-item{border-radius:11px;min-height:58px;margin-bottom:5px;padding:9px;transition:background .16s,border-color .16s,transform .16s}.project-list-item:hover{transform:translate(2px)}.project-list-item.active{box-shadow:inset 3px 0 var(--p-accent)}.project-main{background:color-mix(in srgb, var(--p-bg) 84%, transparent);max-height:calc(100vh - 72px);padding:clamp(22px,4vw,54px)}.project-document-head{border:1px solid var(--p-line);background:var(--p-panel);max-width:980px;box-shadow:0 8px 26px color-mix(in srgb, var(--p-ink) 4%, transparent);border-radius:17px;align-items:center;gap:22px;margin-bottom:20px;padding:clamp(18px,2.4vw,28px)}.project-title-input{font-size:clamp(27px,3.4vw,40px);line-height:1.12}.project-description-input{max-width:720px;line-height:1.6}.project-document-actions{align-self:flex-start;padding-top:4px}.project-editor-wrap{max-width:980px;box-shadow:var(--p-shadow);border-radius:16px;overflow:visible}.project-ribbon-tabs{z-index:12;border-radius:16px 16px 0 0;position:sticky;top:72px}.project-ribbon-tabs button{min-width:78px;padding:10px 16px;font-size:12px}.project-format-toolbar{gap:9px;min-height:64px;padding:8px 13px}.project-ribbon-group{gap:4px;padding-inline:2px}.project-format-toolbar button{border-radius:8px;min-width:32px;height:32px;font-size:11px}.project-font-select,.project-size-select,.project-line-spacing{border-radius:8px;height:33px;font-size:11px}.project-rich-editor{background:linear-gradient(90deg,#0000 0 100%);min-height:500px;padding:clamp(28px,5vw,58px) clamp(22px,7vw,84px);font-size:15px;line-height:1.9}.project-rich-editor>:is(p,h1,h2,h3,ul,ol,blockquote,table){max-width:780px;margin-left:auto;margin-right:auto}.project-rich-editor:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--p-accent) 12%, transparent)}.project-attachments{border:1px solid var(--p-line);background:var(--p-panel);border-radius:16px;max-width:980px;margin-top:25px;padding:clamp(18px,3vw,27px)}.project-asset-actions>button{height:38px;padding-inline:13px;font-size:11px;transition:transform .16s,border-color .16s,background .16s}.project-asset-actions>button:hover{transform:translateY(-1px)}.project-assets-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))}.project-asset-card{border-radius:13px;transition:transform .16s,box-shadow .16s}.project-asset-card:hover{box-shadow:0 10px 26px color-mix(in srgb, var(--p-ink) 10%, transparent);transform:translateY(-2px)}.project-asset-preview{height:148px}.project-export-dialog{box-shadow:0 28px 90px #0005}:is(.graph-workspace,.studio-workspace,.cpp-workspace,.calculus-workspace,.circuit-workspace){background-image:radial-gradient(ellipse at 82% 0, color-mix(in srgb, var(--studio-accent,var(--cpp-accent,var(--calc-accent,var(--c-accent,#43b975)))) 8%, transparent), transparent 38rem)}:is(.studio-heading,.cpp-heading,.calculus-intro,.circuit-heading){scroll-margin-top:82px}:is(.studio-panels,.cpp-panels){align-items:stretch;gap:clamp(12px,1.6vw,20px)}:is(.studio-editor-panel,.studio-output-panel,.cpp-editor-panel,.cpp-console-panel){border-radius:15px;box-shadow:0 12px 36px #07120a17}:is(.studio-panel-head,.cpp-panel-head){min-height:50px;padding-inline:17px}:is(.studio-editor-foot,.studio-console-foot,.cpp-editor-foot,.cpp-console-foot){letter-spacing:.015em}:is(.studio-code-tabs,.cpp-tabs){background:color-mix(in srgb, var(--studio-panel,var(--cpp-panel)) 92%, transparent)}:is(.studio-output,.cpp-output){padding:20px;line-height:1.75}:is(.studio-code-area textarea,.cpp-editor textarea){tab-size:2;line-height:1.75}:is(.studio-files-bar,.cpp-library-tools){min-height:66px;padding-inline:16px}:is(.studio-file-actions button,.cpp-library-actions button){min-height:33px;padding-inline:10px}:is(.studio-local-badge,.cpp-local-badge){box-shadow:0 2px 10px color-mix(in srgb, currentColor 8%, transparent)}.calculus-layout{width:min(920px,100% - 36px);padding-top:clamp(42px,8vh,88px)}.calculus-intro{margin-bottom:34px}.calculus-card{box-shadow:0 18px 54px color-mix(in srgb, var(--calc-ink) 7%, transparent);border-radius:18px;gap:18px 22px;padding:clamp(20px,3vw,30px)}.calculus-answer{min-height:150px;padding:20px 22px}.calculus-guide{border-radius:14px;padding:18px 22px}.circuit-workspace{background-image:radial-gradient(ellipse at 78% 0, color-mix(in srgb, var(--c-accent) 7%, transparent), transparent 34rem)}.circuit-heading{width:100%;max-width:1680px;margin-inline:auto;padding:30px clamp(20px,3vw,42px) 22px}.circuit-layout{gap:13px;width:calc(100% - clamp(28px,4vw,64px));max-width:1680px;margin:0 auto}.circuit-palette,.circuit-inspector{box-shadow:0 8px 24px color-mix(in srgb, var(--c-ink) 5%, transparent);border-radius:14px}.circuit-palette>button{border-radius:10px;min-height:52px;margin-bottom:6px}.circuit-canvas{box-shadow:0 8px 26px color-mix(in srgb, var(--c-ink) 6%, transparent);border-radius:14px}.circuit-canvas-head,.circuit-status,.circuit-results{border-radius:11px}:is(.graph-workspace,.studio-workspace,.cpp-workspace,.calculus-workspace,.circuit-workspace) :is(button,input,select,textarea){transition-timing-function:ease}:is(.graph-workspace,.studio-workspace,.cpp-workspace,.calculus-workspace,.circuit-workspace) button:not(:disabled):active{transform:translateY(1px)}@media (width<=900px){.project-sidebar{height:auto;position:static}.project-main{max-height:none}.project-document-head{align-items:flex-start}}@media (width<=700px){.project-topbar{min-height:64px;position:static}.project-document-head{flex-direction:column;padding:17px}.project-document-actions{flex-direction:row;align-self:auto;width:100%;padding:0}.project-editor-wrap{border-radius:12px}.project-ribbon-tabs{top:0;overflow-x:auto}.project-ribbon-tabs button{flex:none;min-width:68px;padding-inline:12px}.project-format-toolbar{gap:6px;min-height:56px}.project-rich-editor{min-height:380px;padding:25px 17px;font-size:14px}.project-attachments{padding:16px}.project-assets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-asset-preview{height:112px}:is(.studio-heading,.cpp-heading){flex-direction:column;align-items:flex-start}:is(.studio-local-badge,.cpp-local-badge){align-self:flex-start}.circuit-layout{width:calc(100% - 20px)}}@media (prefers-reduced-motion:reduce){.project-list-item,.project-asset-actions>button,.project-asset-card{transition:none}}.landing-footer-socials{align-items:center;gap:8px;margin-left:auto;display:flex}.landing-footer-socials :is(.landing-footer-instagram,.landing-footer-github){border:1px solid var(--line);width:36px;height:36px;color:var(--muted);border-radius:11px;place-items:center;margin:0;transition:color .16s,border-color .16s,background .16s,transform .16s;display:inline-grid}.landing-footer-socials :is(.landing-footer-instagram,.landing-footer-github) svg{width:19px;height:19px;display:block}.landing-footer-socials :is(.landing-footer-instagram,.landing-footer-github):hover,.landing-footer-socials :is(.landing-footer-instagram,.landing-footer-github):focus-visible{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);outline:none;transform:translateY(-2px)}@media (width<=560px){.landing-footer{flex-wrap:wrap;gap:8px 14px;padding-block:12px}.landing-footer-socials{margin-left:auto}}.profile-menu{z-index:32;flex:none;position:relative}.profile-menu-trigger{border:1px solid var(--line);background:var(--panel);min-height:38px;color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:3px 10px 3px 4px;list-style:none;transition:border-color .15s,background .15s,color .15s;display:flex}.profile-menu-trigger::-webkit-details-marker{display:none}.profile-menu-trigger::marker{content:""}.profile-menu-trigger:hover,.profile-menu[open]>.profile-menu-trigger{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.profile-avatar{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.profile-avatar-large{width:42px;height:42px;font-size:16px}.profile-trigger-copy{text-align:left;gap:2px;line-height:1.1;display:grid}.profile-trigger-copy strong{max-width:120px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.profile-trigger-copy small{color:var(--muted);font-size:9px}.profile-dropdown{z-index:55;border:1px solid var(--line);background:var(--panel);width:min(320px,100vw - 24px);max-height:min(72vh,560px);color:var(--ink);scrollbar-width:thin;scrollbar-color:var(--accent) transparent;border-radius:14px;padding:14px;position:absolute;top:calc(100% + 9px);right:0;overflow:auto;box-shadow:0 18px 50px #0005}.profile-dropdown-top{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:2px 2px 13px;display:flex}.profile-identity{gap:3px;min-width:0;display:grid}.profile-identity small,.profile-identity span{color:var(--muted);font-size:10px}.profile-identity strong{text-overflow:ellipsis;font-size:14px;overflow:hidden}.profile-status{align-items:center;gap:6px;display:flex}.profile-status i{background:#55bd7b;border-radius:50%;width:7px;height:7px}.profile-stat-grid{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 0;display:grid}.profile-stat{border:1px solid var(--line);background:var(--panel-raised);border-radius:9px;gap:3px;padding:10px;display:grid}.profile-stat strong{color:var(--accent);font-size:18px;line-height:1}.profile-stat span{color:var(--muted);font-size:9px}.profile-data-list{border-bottom:1px solid var(--line);gap:9px;padding:12px 2px;display:grid}.profile-data-row{color:var(--muted);justify-content:space-between;gap:12px;font-size:10px;display:flex}.profile-data-row strong{color:var(--ink);text-align:right}.profile-study-summary{border:1px solid var(--line);background:var(--workspace);border-radius:9px;gap:4px;padding:10px;display:grid}.profile-study-summary span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:700}.profile-study-summary strong{font-size:11px}.profile-study-summary small{color:var(--muted);font-size:9px;line-height:1.45}.profile-menu-actions{gap:3px;padding-top:9px;display:grid}.profile-menu-actions button{width:100%;min-height:34px;color:var(--ink);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:0 8px;font-size:11px;display:flex}.profile-menu-actions button:hover,.profile-menu-actions button:focus-visible{background:var(--accent-soft);color:var(--accent);outline:none}.profile-menu-actions .profile-signout{border-top:1px solid var(--line);color:var(--muted);border-radius:0 0 7px 7px;margin-top:4px}.profile-menu-actions .profile-signout:hover{color:#e65353;background:#e653531a}@media (width<=650px){.profile-menu-trigger{min-height:34px;padding-right:6px}.profile-trigger-copy{display:none}.profile-dropdown{position:fixed;top:62px;right:10px}}.auth-app{background:var(--workspace);min-height:100vh}.auth-screen{min-height:100vh;color:var(--ink);background:radial-gradient(ellipse at 18% 52%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 38%), radial-gradient(ellipse at 88% 16%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 32%), var(--workspace);padding:0 clamp(20px,5vw,72px);position:relative;overflow:hidden}.auth-topbar{border-bottom:1px solid color-mix(in srgb, var(--line) 75%, transparent);justify-content:space-between;align-items:center;width:min(1240px,100%);min-height:82px;margin:0 auto;display:flex}.auth-brand{align-items:center;min-width:0;display:inline-flex}.auth-brand img{object-fit:contain;object-position:left center;width:158px;max-height:52px;display:block}.auth-theme-picker{border:1px solid var(--line);color:var(--muted);background:color-mix(in srgb, var(--panel) 85%, transparent);border-radius:10px;align-items:center;gap:10px;padding:7px 11px 7px 13px;font-size:12px;display:inline-flex}.auth-theme-picker select{max-width:155px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;outline:0;font-weight:700}.auth-layout{grid-template-columns:minmax(0,1.12fr) minmax(340px,.78fr);align-items:center;gap:clamp(38px,7vw,100px);width:min(1120px,100%);min-height:min(720px,100vh - 145px);margin:0 auto;padding:clamp(38px,6vh,72px) 0;display:grid}.auth-intro{min-width:0}.auth-kicker{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 24px;font-size:11px;font-weight:750;display:flex}.auth-kicker>span,.auth-live-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 14%, transparent);border-radius:50%;flex:none}.auth-intro h1{color:var(--ink);letter-spacing:-.065em;margin:0;font-size:clamp(42px,5.5vw,72px);font-weight:750;line-height:.99}.auth-intro h1 em{color:var(--accent);font-style:normal}.auth-intro-copy{max-width:510px;color:var(--muted);margin:20px 0 0;font-size:clamp(14px,1.4vw,17px);line-height:1.7}.auth-benefits{flex-wrap:wrap;gap:9px;margin:22px 0 27px;display:flex}.auth-benefits span{border:1px solid var(--line);color:var(--ink);background:color-mix(in srgb, var(--panel) 72%, transparent);border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:11px;font-weight:650;display:inline-flex}.auth-benefits i{color:var(--accent);font-size:14px;font-style:normal}.auth-preview{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--line));background:color-mix(in srgb, var(--panel) 70%, transparent);border-radius:17px;width:min(500px,100%);padding:12px;transform:rotate(-1deg);box-shadow:0 22px 60px #0000002b}.auth-preview-toolbar{height:23px;color:var(--muted);align-items:center;gap:5px;padding:0 3px 8px;display:flex}.auth-preview-toolbar>span{background:var(--line);border-radius:50%;width:6px;height:6px}.auth-preview-toolbar b{color:var(--muted);letter-spacing:.16em;margin-left:7px;font-size:8px}.auth-preview-toolbar i{color:var(--accent);letter-spacing:2px;margin-left:auto;font-size:10px;font-style:normal}.auth-preview-paper{border:1px solid color-mix(in srgb, var(--line) 80%, transparent);color:#202b26;background:linear-gradient(#273b3011 1px,#0000 1px) 0 0/100% 25px,#f8faf4;border-radius:11px;min-height:162px;padding:22px 24px;position:relative;overflow:hidden}.auth-preview-paper small{color:#588372;letter-spacing:.16em;margin-bottom:12px;font-size:8px;font-weight:800;display:block}.auth-preview-paper strong{letter-spacing:-.04em;max-width:225px;font-size:23px;line-height:1.05;display:block}.auth-preview-lines{gap:8px;width:40%;margin-top:13px;display:grid}.auth-preview-lines i{background:#d8e3db;border-radius:2px;height:2px}.auth-preview-lines i:last-child{width:70%}.auth-preview-doodle{width:134px;color:var(--accent);position:absolute;bottom:10px;right:18px;transform:rotate(3deg)}.auth-preview-caption{color:var(--muted);align-items:center;gap:9px;padding:10px 3px 1px;font-size:10px;display:flex}.auth-preview-caption .auth-live-dot{width:6px;height:6px}.auth-card{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 94%, transparent);border-radius:20px;width:100%;padding:clamp(28px,4vw,43px);position:relative;box-shadow:0 25px 75px #00000030,inset 0 1px #ffffff0d}.auth-card-icon{border:1px solid color-mix(in srgb, var(--accent) 36%, var(--line));background:var(--accent-soft);border-radius:15px;place-items:center;width:50px;height:50px;margin-bottom:22px;display:grid}.auth-card-icon img{object-fit:contain;width:31px;height:31px}.auth-card-eyebrow{color:var(--accent);letter-spacing:.16em;margin:0 0 9px;font-size:10px;font-weight:800}.auth-card h2{color:var(--ink);letter-spacing:-.045em;margin:0;font-size:clamp(25px,3vw,33px);line-height:1.12}.auth-card-copy{color:var(--muted);margin:12px 0 24px;font-size:13px;line-height:1.65}.auth-provider-list{gap:10px;display:grid}.auth-provider{border:1px solid var(--line);width:100%;min-height:52px;color:var(--ink);background:var(--panel-raised);font:inherit;text-align:left;cursor:pointer;border-radius:11px;align-items:center;gap:12px;padding:0 14px;font-size:13px;font-weight:700;text-decoration:none;transition:border-color .16s,background .16s,transform .16s;display:flex}.auth-provider:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.auth-provider:focus-visible,.auth-theme-picker:focus-within{outline:2px solid var(--accent);outline-offset:3px}.auth-provider>b{color:var(--accent);margin-left:auto;font-size:19px;font-weight:500}.auth-provider-mark{background:color-mix(in srgb, var(--workspace) 80%, var(--panel));border-radius:7px;flex:none;place-items:center;width:25px;height:25px;display:grid}.auth-google-mark{color:#4285f4;font-size:16px;font-weight:800}.auth-github-mark svg{width:16px;height:16px}.auth-security-note{border-top:1px solid var(--line);align-items:flex-start;gap:10px;margin-top:20px;padding-top:17px;display:flex}.auth-security-note>span{width:18px;height:18px;color:var(--accent);background:var(--accent-soft);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.auth-security-note p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.auth-card-footer{color:var(--muted);align-items:center;gap:9px;margin-top:18px;font-size:10px;display:flex}.auth-card-footer .auth-live-dot{width:6px;height:6px}.auth-loading{min-height:52px;color:var(--muted);align-items:center;gap:12px;font-size:13px;display:flex}.auth-spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:17px;height:17px;animation:.7s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-error p,.auth-unavailable{border:1px solid color-mix(in srgb, #d65b63 30%, var(--line));color:var(--ink);background:color-mix(in srgb, #d65b63 8%, var(--panel));border-radius:10px;margin:0;padding:13px 14px;font-size:12px;line-height:1.6}.auth-error .auth-retry{justify-content:center;margin-top:10px}.auth-footer{width:min(1120px,100%);color:var(--muted);letter-spacing:.04em;justify-content:space-between;margin:0 auto;padding:0 0 20px;font-size:10px;display:flex}@media (width<=850px){.auth-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:30px;min-height:auto}.auth-intro h1{font-size:clamp(39px,6vw,55px)}.auth-preview{margin-top:6px}.auth-preview-paper{min-height:140px}}@media (width<=680px){.auth-screen{padding-inline:20px}.auth-topbar{min-height:68px}.auth-brand img{width:132px;max-height:44px}.auth-layout{grid-template-columns:1fr;gap:26px;width:min(100%,460px);padding:34px 0 27px}.auth-intro h1{font-size:clamp(38px,10vw,53px)}.auth-kicker{margin-bottom:16px}.auth-intro-copy{margin-top:13px}.auth-benefits{margin:16px 0 20px}.auth-preview{max-width:430px}.auth-card{padding:25px 22px}.auth-footer{padding-bottom:18px}}@media (width<=420px){.auth-screen{padding-inline:15px}.auth-theme-picker{gap:6px;padding-inline:9px}.auth-theme-picker select{max-width:116px;font-size:11px}.auth-benefits{gap:6px}.auth-benefits span{padding:7px 8px;font-size:10px}}@media (prefers-reduced-motion:reduce){.auth-spinner{animation-duration:1.8s}.auth-provider{transition:none}}.student-space{border-top:1px solid var(--line);padding:38px 0 46px;scroll-margin-top:84px}.student-space-header{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.student-space-header>div:first-child>span{color:var(--accent);letter-spacing:.18em;font-size:9px;font-weight:800}.student-space-header h2{color:var(--ink);letter-spacing:-.055em;margin:8px 0 5px;font-size:clamp(24px,3vw,34px)}.student-space-header p{color:var(--muted);margin:0;font-size:11px}.study-profile-summary{border:1px solid var(--line);background:var(--panel);text-align:right;border-radius:10px;gap:4px;max-width:40%;padding:10px 13px;display:grid}.study-profile-summary b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.study-profile-summary small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.student-space-layout{border:1px solid var(--line);background:var(--panel);border-radius:14px;grid-template-columns:minmax(215px,260px) minmax(0,1fr);min-height:410px;display:grid;overflow:hidden;box-shadow:0 12px 36px #00000008}.study-sidebar{border-right:1px solid var(--line);background:color-mix(in srgb,var(--workspace) 54%,var(--panel));min-width:0;padding:15px}.study-profile{border-bottom:1px solid var(--line);padding:0 0 13px}.study-profile summary{color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;font-size:11px;font-weight:750;list-style:none;display:flex}.study-profile summary::-webkit-details-marker{display:none}.study-profile summary small{color:var(--accent);font-size:9px;font-weight:650}.study-profile-fields{gap:8px;padding-top:12px;display:grid}.study-profile-fields label,.study-dialog label{color:var(--muted);gap:5px;font-size:9px;font-weight:700;display:grid}.study-profile-fields input,.study-profile-fields select,.study-dialog input,.study-dialog select,.study-dialog textarea{border:1px solid var(--line);background:var(--panel);width:100%;min-width:0;color:var(--ink);font:inherit;border-radius:8px;outline:none;padding:8px 9px;font-size:10px}.study-profile-fields input:focus,.study-profile-fields select:focus,.study-dialog input:focus,.study-dialog select:focus,.study-dialog textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.study-folders-heading{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;margin:14px 0 7px;font-size:9px;font-weight:750;display:flex}.study-folders-heading button{border:1px solid var(--line);background:var(--panel);width:26px;height:26px;color:var(--accent);cursor:pointer;border-radius:7px;font-size:17px}.study-folder-tree{gap:2px;max-height:340px;display:grid;overflow:auto}.study-folder-tree>button,.study-tree-item>button{width:100%;min-width:0;color:var(--muted);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:7px 8px;font-size:10px;display:flex}.study-tree-item{margin-left:calc(var(--depth,0) * 9px)}.study-folder-tree button:hover,.study-folder-tree button.selected{background:var(--accent-soft);color:var(--accent)}.study-tree-icon{color:var(--accent);flex:none}.study-folder-tree button span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.study-sidebar-hint{background:var(--panel);color:var(--muted);border-radius:8px;margin-top:12px;padding:9px;font-size:9px;line-height:1.55}.study-content{min-width:0;padding:17px 18px 20px}.study-breadcrumbs{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.study-breadcrumbs button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.study-content-heading{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.study-content-heading h3{color:var(--ink);letter-spacing:-.04em;margin:0;font-size:19px}.study-content-heading p{color:var(--muted);text-transform:capitalize;margin:4px 0 0;font-size:10px}.study-content-actions{flex:none;gap:7px;display:flex}.study-action-primary,.study-action-secondary{border:1px solid var(--line);background:var(--panel);height:33px;color:var(--ink);white-space:nowrap;cursor:pointer;border-radius:8px;padding:0 11px;font-size:10px;font-weight:700}.study-action-primary{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:var(--accent-soft);color:var(--accent)}.study-action-primary:hover,.study-action-secondary:hover{border-color:var(--accent)}.study-folder-quick-add{border:1px solid var(--line);background:color-mix(in srgb,var(--workspace) 38%,var(--panel));border-radius:9px;flex-wrap:wrap;align-items:center;gap:6px;margin:15px 0 2px;padding:9px;display:flex}.study-folder-quick-add>span{color:var(--muted);margin-right:2px;font-size:9px}.study-folder-quick-add button{border:1px solid var(--line);background:var(--panel);height:25px;color:var(--accent);cursor:pointer;border-radius:999px;padding:0 8px;font-size:9px;font-weight:650}.study-items-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:9px;margin-top:15px;display:grid}.study-item-card{border:1px solid var(--line);background:var(--panel);border-radius:10px;min-width:0;transition:border-color .15s,transform .15s;position:relative;overflow:hidden}.study-item-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));transform:translateY(-1px)}.study-item-open{width:100%;min-height:116px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:7px;padding:12px;display:flex}.study-item-icon{background:var(--accent-soft);width:29px;height:29px;color:var(--accent);border-radius:8px;place-items:center;font-size:14px;display:grid}.study-item-open strong{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:11px;overflow:hidden}.study-item-open small{width:100%;color:var(--muted);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:9px;line-height:1.5;display:-webkit-box;overflow:hidden}.study-card-chevron{color:var(--accent);margin-top:auto;font-size:9px;font-weight:700}.study-note-card .study-item-open{padding-right:31px}.study-note-delete{width:23px;height:23px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:17px;position:absolute;top:7px;right:7px}.study-note-delete:hover{background:var(--accent-soft);color:var(--accent)}.study-note-thumbnails{gap:5px;display:flex}.study-note-thumbnails img{object-fit:cover;border:1px solid var(--line);border-radius:5px;width:31px;height:31px}.study-empty-state{border:1px dashed var(--line);background:color-mix(in srgb,var(--workspace) 38%,var(--panel));text-align:center;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;min-height:230px;margin-top:15px;padding:25px;display:flex}.study-empty-state>span{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:11px;place-items:center;font-size:19px;display:grid}.study-empty-state strong{color:var(--ink);margin-top:12px;font-size:12px}.study-empty-state p{max-width:340px;color:var(--muted);margin:6px 0 13px;font-size:10px;line-height:1.6}.study-storage-message{color:#c94b4b;margin:12px 0 0;font-size:10px}.study-dialog-backdrop{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1118279c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.study-dialog{border:1px solid var(--line);background:var(--panel);border-radius:15px;width:min(420px,100%);max-height:calc(100vh - 36px);padding:23px;position:relative;overflow:auto;box-shadow:0 24px 70px #0005}.study-dialog>span{color:var(--accent);letter-spacing:.16em;font-size:9px;font-weight:800}.study-dialog h3{color:var(--ink);letter-spacing:-.04em;margin:8px 0 18px;font-size:21px}.study-dialog>label{margin-top:12px}.study-dialog textarea{resize:vertical;line-height:1.55}.study-dialog-close{background:var(--panel-raised);width:29px;height:29px;color:var(--muted);cursor:pointer;border:0;border-radius:7px;font-size:18px;position:absolute;top:12px;right:12px}.study-dialog footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:18px;padding-top:13px;display:flex}.study-dialog footer button{border:1px solid var(--line);background:var(--panel);height:34px;color:var(--ink);cursor:pointer;border-radius:8px;padding:0 12px;font-size:10px;font-weight:700}.study-dialog footer button[type=submit]{border-color:var(--accent);background:var(--accent);color:#fff}.study-image-upload{border:1px dashed var(--line);cursor:pointer;border-radius:9px;margin-top:13px;padding:11px}.study-image-upload input{opacity:0;width:1px;height:1px;position:absolute}.study-image-upload span{color:var(--accent);font-size:10px;font-weight:750}.study-image-upload small{color:var(--muted);font-size:9px}.study-attached-images{gap:6px;margin-top:9px;display:grid}.study-attached-images>div{border:1px solid var(--line);border-radius:8px;align-items:center;gap:9px;padding:6px;display:flex}.study-attached-images img{object-fit:cover;border-radius:5px;width:40px;height:40px}.study-attached-images span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:9px;overflow:hidden}.study-attached-images button{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;font-size:16px}@media (width<=760px){.student-space-layout{grid-template-columns:1fr}.study-sidebar{border-right:0;border-bottom:1px solid var(--line)}.study-profile-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.study-content{padding:15px}.student-space-header{align-items:flex-start}.study-profile-summary{max-width:45%}}@media (width<=480px){.student-space-header{display:block}.study-profile-summary{text-align:left;max-width:none;margin-top:12px}.study-profile-fields{grid-template-columns:1fr}.study-content-heading{flex-direction:column;align-items:flex-start}.study-content-actions{width:100%}.study-items-grid{grid-template-columns:1fr 1fr}.study-item-open{min-height:125px;padding:10px}}.study-file-attachments{gap:6px;margin-top:9px;display:grid}.study-file-attachments>div{border:1px solid var(--line);color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.study-file-attachments>div>span{color:var(--accent)}.study-file-attachments a{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:10px;overflow:hidden}.study-file-attachments button{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;font-size:16px}.study-note-dialog{flex-direction:column;width:min(1120px,100vw - 40px);height:calc(100dvh - 40px);max-height:none;padding:clamp(20px,3vw,34px);display:flex}.study-note-dialog>span{flex:none}.study-note-dialog h3{flex:none;margin-bottom:12px}.study-note-dialog>label{flex:none}.study-note-dialog>label:nth-of-type(2){flex-direction:column;flex:1;min-height:0;display:flex}.study-note-dialog>label:nth-of-type(2) textarea{resize:none;flex:1;min-height:180px;font-size:14px;line-height:1.75}.study-note-dialog footer{flex:none;margin-top:14px}@media (width<=600px){.study-dialog-backdrop:has(.study-note-dialog){padding:0}.study-note-dialog{width:100%;height:100dvh;padding:22px 16px max(16px,env(safe-area-inset-bottom));border:0;border-radius:0}.study-note-dialog>label:nth-of-type(2) textarea{min-height:120px}}.cpp-workspace{--cpp-bg:#f5f7f5;--cpp-panel:#fff;--cpp-ink:#17221b;--cpp-muted:#718076;--cpp-line:#dce4dc;--cpp-accent:#28a45d;--cpp-editor:#111916;--cpp-editor-ink:#e0e9e1;background:var(--cpp-bg);min-height:100vh;color:var(--cpp-ink);flex-direction:column;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;display:flex}.cpp-workspace *{box-sizing:border-box}.cpp-topbar{color:#eef5ef;background:#101713;border-bottom:1px solid #27332b;grid-template-columns:1fr auto 1fr;align-items:center;height:68px;padding:0 28px;display:grid}.cpp-back,.cpp-reset,.cpp-run{font:inherit;color:inherit;cursor:pointer;background:#18221b;border:1px solid #35443a;border-radius:9px;padding:10px 13px}.cpp-back{color:#c5d4c8;justify-self:start}.cpp-back:hover,.cpp-reset:hover{background:#202c23}.cpp-brand{align-items:center;gap:11px;display:flex}.cpp-brand-mark{color:#6ce28e;background:#1b3524;border:1px solid #315b3c;border-radius:10px;place-items:center;width:38px;height:36px;font:700 15px ui-monospace,monospace;display:grid}.cpp-brand strong,.cpp-brand small{display:block}.cpp-brand strong{letter-spacing:.02em;font-size:14px}.cpp-brand small{color:#91a398;margin-top:2px;font-size:11px}.cpp-top-actions{justify-self:end;align-items:center;gap:10px;display:flex}.cpp-language{color:#9caf9f;margin-right:5px;font:600 12px ui-monospace,monospace}.cpp-run{color:#06140a;background:#31ad62;border-color:#31ad62;min-width:112px;padding:10px 16px;font-weight:750}.cpp-run:hover:not(:disabled){background:#51d17f}.cpp-run:disabled{opacity:.7;cursor:wait}.cpp-run span{margin-right:8px}.cpp-heading{justify-content:space-between;align-items:flex-end;gap:24px;width:100%;max-width:1600px;margin:0 auto;padding:36px clamp(22px,4vw,64px) 27px;display:flex}.cpp-heading p{letter-spacing:.16em;color:#238a4b;margin:0 0 9px;font:700 11px ui-monospace,monospace}.cpp-heading h1{letter-spacing:-.04em;margin:0 0 9px;font-size:clamp(26px,3vw,38px);line-height:1.1}.cpp-heading>div>span{color:#69776d;font-size:14px}.cpp-local-badge{color:#277344;white-space:nowrap;background:#edf7ee;border:1px solid #d5e5d7;border-radius:99px;align-items:center;gap:8px;padding:8px 11px;font-size:12px;font-weight:650;display:flex}.cpp-local-badge i,.cpp-run-status i{background:#32b869;border-radius:50%;width:7px;height:7px;display:inline-block}.cpp-panels{flex:1;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);gap:16px;width:calc(100% - clamp(44px,8vw,128px));max-width:1500px;min-height:500px;margin:0 auto;padding-bottom:20px;display:grid}.cpp-editor-panel,.cpp-console-panel{background:var(--cpp-panel);border:1px solid var(--cpp-line);border-radius:13px;flex-direction:column;min-height:0;display:flex;overflow:hidden;box-shadow:0 4px 18px #17221b08}.cpp-panel-head{border-bottom:1px solid var(--cpp-line);justify-content:space-between;align-items:center;height:48px;min-height:48px;padding:0 16px;font-size:12px;font-weight:650;display:flex}.cpp-panel-head>span:first-child{align-items:center;gap:9px;display:flex}.cpp-file-dot{background:#47c275;border-radius:50%;width:8px;height:8px}.cpp-panel-head>div:last-child{color:#94a097;gap:15px;font:11px ui-monospace,monospace;display:flex}.cpp-editor{background:var(--cpp-editor);min-height:0;color:var(--cpp-editor-ink);flex:1;grid-template-columns:48px minmax(0,1fr);display:grid;overflow:hidden}.cpp-gutter{color:#65766a;-webkit-user-select:none;user-select:none;background:#0d1310;flex-direction:column;align-items:flex-end;padding:17px 11px 17px 0;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex;overflow:hidden}.cpp-editor textarea{resize:none;color:var(--cpp-editor-ink);white-space:pre;tab-size:4;background:0 0;border:0;outline:0;min-width:0;padding:17px 16px;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.cpp-editor-foot,.cpp-console-foot{color:#7f8d83;border-top:1px solid var(--cpp-line);justify-content:space-between;align-items:center;height:36px;min-height:36px;padding:0 14px;font:11px ui-monospace,monospace;display:flex}.cpp-console-head{padding:0 13px}.cpp-tabs{gap:5px;height:100%;display:flex}.cpp-tabs button{color:#758177;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 10px;font:600 12px inherit}.cpp-tabs button.active{color:#218a4b;border-color:#33b867}.cpp-run-status{color:#78847b;white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex}.cpp-run-status.busy i{animation:1s infinite cpp-pulse}.cpp-output{color:#243229;white-space:pre-wrap;overflow-wrap:anywhere;background:#fbfcfb;flex:1;margin:0;padding:19px 18px;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.cpp-input-wrap{flex-direction:column;flex:1;gap:10px;padding:18px;display:flex}.cpp-input-wrap label{font-size:12px;font-weight:700}.cpp-input-wrap textarea{resize:vertical;border:1px solid #d9e2da;border-radius:8px;outline-color:#45b36e;flex:1;min-height:140px;padding:12px;font:13px/1.6 ui-monospace,monospace}.cpp-input-wrap small{color:#7a887d;font-size:11px}.cpp-note{color:#7b887e;justify-content:space-between;gap:16px;width:calc(100% - clamp(44px,8vw,128px));max-width:1500px;margin:0 auto;padding:3px 0 22px;font-size:11px;display:flex}.cpp-note a{color:#337c4e;white-space:nowrap;text-decoration:none}.cpp-note a:hover{text-decoration:underline}@keyframes cpp-pulse{50%{opacity:.3}}@media (width<=850px){.cpp-topbar{grid-template-columns:1fr auto 1fr;padding:0 14px}.cpp-back span{display:none}.cpp-brand-mark{width:34px;height:32px}.cpp-panels{grid-template-rows:minmax(380px,1fr) minmax(300px,.7fr);grid-template-columns:1fr;min-height:760px}.cpp-heading{padding:28px 22px 20px}.cpp-panels,.cpp-note{width:calc(100% - 32px)}.cpp-heading>div>span{font-size:12px}.cpp-reset{display:none}}@media (width<=520px){.cpp-topbar{height:58px;padding:0 10px}.cpp-brand small,.cpp-language{display:none}.cpp-top-actions{gap:6px}.cpp-run{min-width:auto;padding:9px 11px;font-size:12px}.cpp-heading{align-items:flex-start;padding:23px 16px 17px}.cpp-heading h1{font-size:27px}.cpp-local-badge{padding:7px 8px;font-size:10px}.cpp-panels,.cpp-note{width:calc(100% - 20px)}.cpp-panels{grid-template-rows:minmax(350px,1fr) minmax(280px,.8fr);gap:10px}.cpp-editor textarea{padding-left:10px;font-size:12px}.cpp-note{flex-direction:column;gap:7px;padding-bottom:15px}}.cpp-menu-glyph{color:#62d984;background:#193322;border:1px solid #315b3b;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;font:700 10px ui-monospace,monospace;display:grid}.cpp-library-tools{border-bottom:1px solid var(--cpp-line);background:#f8faf8;justify-content:space-between;align-items:center;gap:14px;padding:11px 14px;display:flex}.cpp-library-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.cpp-library-copy strong{font-size:12px}.cpp-library-copy span{color:#839087;font-size:10px}.cpp-library-actions{flex-shrink:0;gap:7px;display:flex}.cpp-library-actions button{color:#36784b;cursor:pointer;background:#fff;border:1px solid #d6e4d8;border-radius:7px;padding:7px 9px;font:600 11px inherit}.cpp-library-actions button:hover{background:#eff8f0;border-color:#9fcaaa}.cpp-hidden-input{display:none}.cpp-library-notice{border-bottom:1px solid var(--cpp-line);color:#5e7563;background:#fbfdfb;padding:7px 14px;font-size:10px}.cpp-library-list{border-bottom:1px solid var(--cpp-line);background:#fbfdfb;flex-wrap:wrap;gap:6px;max-height:62px;padding:7px 12px;display:flex;overflow:auto}.cpp-library-list>span{color:#43654b;text-overflow:ellipsis;white-space:nowrap;background:#edf5ee;border:1px solid #d9e7da;border-radius:5px;align-items:center;gap:5px;max-width:100%;padding:3px 7px;font:10px ui-monospace,monospace;display:inline-flex;overflow:hidden}.cpp-library-list button{color:#72917a;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;line-height:1}@media (width<=520px){.cpp-library-tools{gap:8px;padding:9px 10px}.cpp-library-copy span{max-width:155px;line-height:1.3}.cpp-library-actions{gap:5px}.cpp-library-actions button{padding:7px 6px;font-size:10px}}.cpp-workspace{--cpp-accent:#28a45d}.cpp-workspace[data-theme=white-purple]{--cpp-accent:#8246c1}.cpp-workspace[data-theme=red-white]{--cpp-accent:#c13e47}.cpp-workspace[data-theme=purple]{--cpp-accent:#bd8bff}.cpp-workspace[data-theme=red-black]{--cpp-accent:#f77}.cpp-workspace[data-theme=doom]{--cpp-accent:#63e978}.cpp-workspace[data-theme=forest],.cpp-workspace[data-theme=purple],.cpp-workspace[data-theme=red-black],.cpp-workspace[data-theme=doom]{--cpp-bg:#101713;--cpp-panel:#17201b;--cpp-ink:#edf6ef;--cpp-muted:#9ba99e;--cpp-line:#34443a}.cpp-workspace[data-theme=forest] .cpp-heading p,.cpp-workspace[data-theme=purple] .cpp-heading p,.cpp-workspace[data-theme=red-black] .cpp-heading p,.cpp-workspace[data-theme=doom] .cpp-heading p{color:var(--cpp-accent)}.cpp-workspace[data-theme=forest] .cpp-heading>div>span,.cpp-workspace[data-theme=purple] .cpp-heading>div>span,.cpp-workspace[data-theme=red-black] .cpp-heading>div>span,.cpp-workspace[data-theme=doom] .cpp-heading>div>span{color:var(--cpp-muted)}.cpp-workspace[data-theme=forest] .cpp-local-badge,.cpp-workspace[data-theme=purple] .cpp-local-badge,.cpp-workspace[data-theme=red-black] .cpp-local-badge,.cpp-workspace[data-theme=doom] .cpp-local-badge{color:var(--cpp-accent);background:#1d2b20;border-color:#3a5540}.cpp-workspace[data-theme=forest] .cpp-editor-panel,.cpp-workspace[data-theme=purple] .cpp-editor-panel,.cpp-workspace[data-theme=red-black] .cpp-editor-panel,.cpp-workspace[data-theme=doom] .cpp-editor-panel,.cpp-workspace[data-theme=forest] .cpp-console-panel,.cpp-workspace[data-theme=purple] .cpp-console-panel,.cpp-workspace[data-theme=red-black] .cpp-console-panel,.cpp-workspace[data-theme=doom] .cpp-console-panel{background:var(--cpp-panel);border-color:var(--cpp-line);color:var(--cpp-ink)}.cpp-workspace[data-theme=forest] .cpp-library-tools,.cpp-workspace[data-theme=purple] .cpp-library-tools,.cpp-workspace[data-theme=red-black] .cpp-library-tools,.cpp-workspace[data-theme=doom] .cpp-library-tools,.cpp-workspace[data-theme=forest] .cpp-library-notice,.cpp-workspace[data-theme=purple] .cpp-library-notice,.cpp-workspace[data-theme=red-black] .cpp-library-notice,.cpp-workspace[data-theme=doom] .cpp-library-notice,.cpp-workspace[data-theme=forest] .cpp-library-list,.cpp-workspace[data-theme=purple] .cpp-library-list,.cpp-workspace[data-theme=red-black] .cpp-library-list,.cpp-workspace[data-theme=doom] .cpp-library-list{color:#b4c2b7;background:#1d2821;border-color:#34443a}.cpp-workspace[data-theme=forest] .cpp-library-actions button,.cpp-workspace[data-theme=purple] .cpp-library-actions button,.cpp-workspace[data-theme=red-black] .cpp-library-actions button,.cpp-workspace[data-theme=doom] .cpp-library-actions button,.cpp-workspace[data-theme=forest] .cpp-input-wrap textarea,.cpp-workspace[data-theme=purple] .cpp-input-wrap textarea,.cpp-workspace[data-theme=red-black] .cpp-input-wrap textarea,.cpp-workspace[data-theme=doom] .cpp-input-wrap textarea{color:#edf6ef;background:#101713;border-color:#3b4b3e}.cpp-workspace[data-theme=forest] .cpp-library-list>span,.cpp-workspace[data-theme=purple] .cpp-library-list>span,.cpp-workspace[data-theme=red-black] .cpp-library-list>span,.cpp-workspace[data-theme=doom] .cpp-library-list>span{color:#d5e5d8;background:#25352a;border-color:#3b5142}.cpp-workspace .cpp-tabs button.active{color:var(--cpp-accent);border-color:var(--cpp-accent)}.cpp-workspace .cpp-run{background:var(--cpp-accent);border-color:var(--cpp-accent);color:#101713}.cpp-workspace .cpp-heading p{color:var(--cpp-accent)}.cpp-workspace .simulator-theme-picker select{max-width:130px}@media (width<=520px){.cpp-workspace .simulator-theme-picker select{max-width:96px;padding:0 4px;font-size:9px}}.syntax-editor-stack{background:#111916;flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.syntax-editor-stack textarea,.syntax-highlight{resize:none;white-space:pre;tab-size:4;border:0;outline:0;width:100%;height:100%;margin:0;padding:17px 16px;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;inset:0;overflow:auto}.syntax-highlight{pointer-events:none;color:#e0e9e1;scrollbar-width:none}.syntax-highlight::-webkit-scrollbar{display:none}.syntax-editor-stack textarea{z-index:1;color:#0000;-webkit-text-fill-color:transparent;caret-color:#e7f3e9;font-variant-ligatures:none;background:0 0}.syntax-editor-stack textarea::selection{background:#4e765b80}.syntax-keyword{color:#81b8ff;font-weight:650}.syntax-string{color:#e7c17b}.syntax-comment{color:#849487;font-style:italic}.syntax-number{color:#c39aff}.syntax-tag{color:#77d8b0}.syntax-punctuation{color:#e3a1a7}.cpp-editor .syntax-editor-stack textarea,.cpp-editor .syntax-highlight{padding:17px 16px;font-size:13px;line-height:1.65}.studio-code-area .syntax-editor-stack textarea,.studio-code-area .syntax-highlight{padding:15px 13px;font-size:12px;line-height:1.65}.studio-workspace{--studio-bg:#f4f7f4;--studio-panel:#fff;--studio-ink:#18231c;--studio-muted:#748177;--studio-line:#dce5dd;--studio-green:#269753;--studio-editor:#111815;--studio-editor-ink:#e1e9e2;background:var(--studio-bg);min-height:100vh;color:var(--studio-ink);flex-direction:column;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;display:flex}.studio-workspace *{box-sizing:border-box}.studio-topbar{color:#edf5ef;background:#101713;border-bottom:1px solid #27332b;grid-template-columns:1fr auto 1fr;align-items:center;height:68px;padding:0 26px;display:grid}.studio-back,.studio-reset,.studio-run{font:inherit;color:inherit;cursor:pointer;background:#18221b;border:1px solid #35443a;border-radius:9px;padding:9px 12px}.studio-back{color:#c5d4c8;justify-self:start}.studio-back:hover,.studio-reset:hover{background:#202c23}.studio-brand{align-items:center;gap:11px;display:flex}.studio-brand-mark{color:#6ce28e;background:#1b3524;border:1px solid #315b3c;border-radius:10px;place-items:center;width:38px;height:36px;font:700 15px ui-monospace,monospace;display:grid}.studio-brand strong,.studio-brand small{display:block}.studio-brand strong{letter-spacing:.02em;font-size:14px}.studio-brand small{color:#91a398;margin-top:2px;font-size:11px}.studio-actions{justify-self:end;align-items:center;gap:8px;display:flex}.studio-language-picker select{color:#e7f1e9;background:#18221b;border:1px solid #3a4a3f;border-radius:8px;max-width:205px;padding:9px 10px;font:600 12px inherit}.studio-run{color:#06140a;background:#31ad62;border-color:#31ad62;min-width:105px;padding:10px 14px;font-weight:750}.studio-run:hover:not(:disabled){background:#51d17f}.studio-run:disabled{opacity:.72;cursor:wait}.studio-run span{margin-right:7px}.studio-reset{font-size:12px}.studio-heading{justify-content:space-between;align-items:flex-end;gap:20px;width:100%;max-width:1600px;margin:0 auto;padding:32px clamp(20px,4vw,58px) 23px;display:flex}.studio-heading p{letter-spacing:.15em;color:#238a4b;margin:0 0 8px;font:700 11px ui-monospace,monospace}.studio-heading h1{letter-spacing:-.04em;margin:0 0 8px;font-size:clamp(25px,3vw,36px);line-height:1.1}.studio-heading>div>span{color:#69776d;font-size:13px}.studio-local-badge{color:#277344;white-space:nowrap;background:#edf7ee;border:1px solid #d5e5d7;border-radius:99px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;font-weight:650;display:flex}.studio-local-badge i,.studio-status i{background:#32b869;border-radius:50%;width:7px;height:7px;display:inline-block}.studio-panels{flex:1;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:15px;width:calc(100% - clamp(40px,8vw,116px));max-width:1500px;min-height:500px;margin:0 auto;padding-bottom:18px;display:grid}.studio-editor-panel,.studio-output-panel{background:var(--studio-panel);border:1px solid var(--studio-line);border-radius:12px;flex-direction:column;min-height:0;display:flex;overflow:hidden;box-shadow:0 4px 18px #17221b08}.studio-panel-head{border-bottom:1px solid var(--studio-line);justify-content:space-between;align-items:center;height:46px;min-height:46px;padding:0 14px;font-size:12px;font-weight:650;display:flex}.studio-panel-head>span:first-child{align-items:center;gap:9px;display:flex}.studio-file-dot{background:#47c275;border-radius:50%;width:8px;height:8px}.studio-panel-head>div:last-child{color:#94a097;gap:13px;font:11px ui-monospace,monospace;display:flex}.studio-files-bar{border-bottom:1px solid var(--studio-line);background:#f8faf8;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;display:flex}.studio-files-bar>div:first-child{flex-direction:column;gap:3px;min-width:0;display:flex}.studio-files-bar strong{font-size:11px}.studio-files-bar small{color:#849087;font-size:9px}.studio-file-actions{flex-shrink:0;gap:6px;display:flex}.studio-file-actions button{color:#36784b;cursor:pointer;background:#fff;border:1px solid #d6e4d8;border-radius:6px;padding:6px 8px;font:600 10px inherit}.studio-file-actions button:hover{background:#eff8f0;border-color:#9fcaaa}.studio-hidden-input{display:none}.studio-notice{border-bottom:1px solid var(--studio-line);color:#5e7563;background:#fbfdfb;padding:6px 12px;font-size:10px}.studio-file-list{border-bottom:1px solid var(--studio-line);background:#fbfdfb;flex-wrap:wrap;gap:5px;max-height:56px;padding:6px 10px;display:flex;overflow:auto}.studio-file-list>span{color:#43654b;text-overflow:ellipsis;white-space:nowrap;background:#edf5ee;border:1px solid #d9e7da;border-radius:5px;align-items:center;gap:5px;max-width:100%;padding:3px 6px;font:9px ui-monospace,monospace;display:inline-flex;overflow:hidden}.studio-file-list button{color:#72917a;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;line-height:1}.studio-code-tabs{border-bottom:1px solid var(--studio-line);align-items:stretch;gap:4px;height:38px;min-height:38px;padding:0 11px;display:flex}.studio-code-tabs button,.studio-output-tabs button{color:#78847b;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 11px;font:600 11px inherit}.studio-code-tabs button.active,.studio-output-tabs button.active{color:#218a4b;border-color:#33b867}.studio-code-area{background:var(--studio-editor);min-height:0;color:var(--studio-editor-ink);flex:1;grid-template-columns:44px minmax(0,1fr);display:grid;overflow:hidden}.studio-gutter{color:#65766a;-webkit-user-select:none;user-select:none;background:#0d1310;flex-direction:column;align-items:flex-end;padding:15px 10px 15px 0;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex;overflow:hidden}.studio-code-area textarea{resize:none;color:var(--studio-editor-ink);white-space:pre;tab-size:4;background:0 0;border:0;outline:0;min-width:0;padding:15px 13px;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.studio-editor-foot,.studio-console-foot{color:#7f8d83;border-top:1px solid var(--studio-line);justify-content:space-between;align-items:center;height:34px;min-height:34px;padding:0 12px;font:10px ui-monospace,monospace;display:flex}.studio-output-head{padding:0 12px}.studio-output-tabs{gap:4px;height:100%;display:flex}.studio-status{color:#78847b;white-space:nowrap;align-items:center;gap:7px;font-size:10px;display:flex}.studio-status i.busy{animation:1s infinite studio-pulse}.studio-output{color:#243229;white-space:pre-wrap;overflow-wrap:anywhere;background:#fbfcfb;flex:1;margin:0;padding:16px;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.studio-input-pane{border-bottom:1px solid var(--studio-line);flex-direction:column;gap:7px;padding:12px 14px;display:flex}.studio-input-pane label{font-size:10px;font-weight:700}.studio-input-pane textarea{resize:vertical;border:1px solid #d9e2da;border-radius:7px;outline-color:#45b36e;height:56px;min-height:48px;padding:8px;font:11px/1.5 ui-monospace,monospace}.studio-input-pane small{color:#7a887d;font-size:9px}.studio-preview{background:#fff;border:0;flex:1;width:100%;height:100%;min-height:360px}.studio-preview-safe{color:#718076;font-size:10px;font-weight:500}.studio-note{color:#7b887e;justify-content:space-between;gap:14px;width:calc(100% - clamp(40px,8vw,116px));max-width:1500px;margin:0 auto;padding:3px 0 18px;font-size:10px;display:flex}.studio-note a{color:#337c4e;white-space:nowrap;text-decoration:none}.studio-note a:hover{text-decoration:underline}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes studio-pulse{50%{opacity:.3}}@media (width<=850px){.studio-topbar{grid-template-columns:1fr auto 1fr;padding:0 14px}.studio-back span{display:none}.studio-brand-mark{width:34px;height:32px}.studio-panels{grid-template-rows:minmax(360px,1fr) minmax(300px,.8fr);grid-template-columns:1fr;min-height:740px}.studio-heading{padding:26px 21px 18px}.studio-panels,.studio-note{width:calc(100% - 32px)}.studio-heading>div>span{font-size:12px}.studio-reset{display:none}}@media (width<=560px){.studio-topbar{height:58px;padding:0 9px}.studio-brand small{display:none}.studio-brand{gap:6px}.studio-brand strong{font-size:12px}.studio-actions{gap:5px}.studio-language-picker select{max-width:135px;padding:8px 5px;font-size:10px}.studio-run{min-width:auto;padding:8px 9px;font-size:11px}.studio-heading{align-items:flex-start;padding:21px 14px 15px}.studio-heading h1{font-size:25px}.studio-local-badge{padding:6px 7px;font-size:9px}.studio-panels,.studio-note{width:calc(100% - 18px)}.studio-panels{grid-template-rows:minmax(340px,1fr) minmax(300px,.8fr);gap:9px}.studio-code-area textarea{padding-left:9px;font-size:11px}.studio-note{flex-direction:column;gap:6px;padding-bottom:14px}.studio-file-actions{gap:4px}.studio-file-actions button{padding:6px;font-size:9px}}.studio-menu-glyph{color:#62d984;background:#193322;border:1px solid #315b3b;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;font:700 10px ui-monospace,monospace;display:grid}.studio-workspace{--studio-accent:#269753}.studio-workspace[data-theme=white-purple]{--studio-accent:#8246c1}.studio-workspace[data-theme=red-white]{--studio-accent:#c13e47}.studio-workspace[data-theme=purple]{--studio-accent:#bd8bff}.studio-workspace[data-theme=red-black]{--studio-accent:#f77}.studio-workspace[data-theme=doom]{--studio-accent:#63e978}.studio-workspace[data-theme=forest],.studio-workspace[data-theme=purple],.studio-workspace[data-theme=red-black],.studio-workspace[data-theme=doom]{--studio-bg:#101713;--studio-panel:#17201b;--studio-ink:#edf6ef;--studio-muted:#9ba99e;--studio-line:#34443a}.studio-workspace[data-theme=forest] .studio-heading p,.studio-workspace[data-theme=purple] .studio-heading p,.studio-workspace[data-theme=red-black] .studio-heading p,.studio-workspace[data-theme=doom] .studio-heading p{color:var(--studio-accent)}.studio-workspace[data-theme=forest] .studio-heading>div>span,.studio-workspace[data-theme=purple] .studio-heading>div>span,.studio-workspace[data-theme=red-black] .studio-heading>div>span,.studio-workspace[data-theme=doom] .studio-heading>div>span{color:var(--studio-muted)}.studio-workspace[data-theme=forest] .studio-local-badge,.studio-workspace[data-theme=purple] .studio-local-badge,.studio-workspace[data-theme=red-black] .studio-local-badge,.studio-workspace[data-theme=doom] .studio-local-badge{color:var(--studio-accent);background:#1d2b20;border-color:#3a5540}.studio-workspace[data-theme=forest] .studio-editor-panel,.studio-workspace[data-theme=purple] .studio-editor-panel,.studio-workspace[data-theme=red-black] .studio-editor-panel,.studio-workspace[data-theme=doom] .studio-editor-panel,.studio-workspace[data-theme=forest] .studio-output-panel,.studio-workspace[data-theme=purple] .studio-output-panel,.studio-workspace[data-theme=red-black] .studio-output-panel,.studio-workspace[data-theme=doom] .studio-output-panel{background:var(--studio-panel);border-color:var(--studio-line);color:var(--studio-ink)}.studio-workspace[data-theme=forest] .studio-files-bar,.studio-workspace[data-theme=purple] .studio-files-bar,.studio-workspace[data-theme=red-black] .studio-files-bar,.studio-workspace[data-theme=doom] .studio-files-bar,.studio-workspace[data-theme=forest] .studio-notice,.studio-workspace[data-theme=purple] .studio-notice,.studio-workspace[data-theme=red-black] .studio-notice,.studio-workspace[data-theme=doom] .studio-notice,.studio-workspace[data-theme=forest] .studio-file-list,.studio-workspace[data-theme=purple] .studio-file-list,.studio-workspace[data-theme=red-black] .studio-file-list,.studio-workspace[data-theme=doom] .studio-file-list{color:#b4c2b7;background:#1d2821;border-color:#34443a}.studio-workspace[data-theme=forest] .studio-file-actions button,.studio-workspace[data-theme=purple] .studio-file-actions button,.studio-workspace[data-theme=red-black] .studio-file-actions button,.studio-workspace[data-theme=doom] .studio-file-actions button,.studio-workspace[data-theme=forest] .studio-input-pane textarea,.studio-workspace[data-theme=purple] .studio-input-pane textarea,.studio-workspace[data-theme=red-black] .studio-input-pane textarea,.studio-workspace[data-theme=doom] .studio-input-pane textarea{color:#edf6ef;background:#101713;border-color:#3b4b3e}.studio-workspace[data-theme=forest] .studio-file-list>span,.studio-workspace[data-theme=purple] .studio-file-list>span,.studio-workspace[data-theme=red-black] .studio-file-list>span,.studio-workspace[data-theme=doom] .studio-file-list>span{color:#d5e5d8;background:#25352a;border-color:#3b5142}.studio-workspace[data-theme=forest] .studio-code-tabs button.active,.studio-workspace[data-theme=purple] .studio-code-tabs button.active,.studio-workspace[data-theme=red-black] .studio-code-tabs button.active,.studio-workspace[data-theme=doom] .studio-code-tabs button.active,.studio-workspace .studio-code-tabs button.active{color:var(--studio-accent);border-color:var(--studio-accent)}.studio-workspace .studio-run{background:var(--studio-accent);border-color:var(--studio-accent);color:#101713}.studio-workspace .studio-heading p{color:var(--studio-accent)}.studio-workspace .simulator-theme-picker select{max-width:132px}@media (width<=560px){.studio-workspace .simulator-theme-picker select{max-width:94px;padding:0 4px;font-size:9px}}.circuit-workspace{--c-bg:#edf1ef;--c-panel:#fff;--c-ink:#1b2821;--c-muted:#748179;--c-line:#dce5df;--c-green:#3fd27a;background:var(--c-bg);min-height:100vh;color:var(--c-ink);flex-direction:column;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;display:flex}.circuit-workspace *{box-sizing:border-box}.circuit-topbar{color:#eef5ef;background:#121915;border-bottom:1px solid #27352d;grid-template-columns:1fr auto 1fr;align-items:center;height:66px;padding:0 24px;display:grid}.circuit-back,.circuit-top-actions button{color:#cedbd0;cursor:pointer;background:#1a251e;border:1px solid #384a3d;border-radius:8px;padding:9px 12px;font:600 12px inherit}.circuit-back{justify-self:start}.circuit-back:hover,.circuit-top-actions button:hover{background:#26352a}.circuit-brand{align-items:center;gap:11px;display:flex}.circuit-brand-icon{color:#76e796;background:#1b3323;border:1px solid #315b3b;border-radius:9px;place-items:center;width:37px;height:37px;font:700 20px Georgia,serif;display:grid}.circuit-brand strong,.circuit-brand small{display:block}.circuit-brand strong{font-size:14px}.circuit-brand small{color:#91a398;margin-top:2px;font-size:11px}.circuit-top-actions{justify-self:end;align-items:center;gap:8px;display:flex}.circuit-top-actions .circuit-run{color:#07140b;background:#39c873;border-color:#39c873;font-weight:800}.circuit-heading{justify-content:space-between;align-items:flex-end;gap:18px;width:100%;max-width:1700px;margin:0 auto;padding:24px 28px 18px;display:flex}.circuit-heading p{color:#26854a;letter-spacing:.16em;margin:0 0 6px;font:700 10px ui-monospace,monospace}.circuit-heading h1{letter-spacing:-.04em;margin:0 0 5px;font-size:clamp(23px,2.5vw,31px)}.circuit-heading>div>span{color:#748179;font-size:12px}.circuit-local{color:#337c49;white-space:nowrap;background:#f2faf3;border:1px solid #c9dfcf;border-radius:30px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;font-weight:700;display:flex}.circuit-local i,.circuit-canvas-head i{background:#35bd69;border-radius:50%;width:7px;height:7px;display:inline-block}.circuit-layout{flex:1;grid-template-columns:205px minmax(420px,1fr) 245px;gap:13px;width:100%;max-width:1800px;min-height:550px;margin:0 auto;padding:0 22px 20px;display:grid}.circuit-palette,.circuit-inspector{background:var(--c-panel);border:1px solid var(--c-line);border-radius:11px;padding:13px;overflow:auto;box-shadow:0 3px 14px #17231b08}.circuit-section-title{letter-spacing:.15em;color:#829188;margin:2px 0 9px;font:750 10px ui-monospace,monospace}.circuit-palette>button{text-align:left;color:#26332a;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:8px;grid-template-rows:1fr 1fr;grid-template-columns:34px 1fr;align-items:center;column-gap:9px;width:100%;margin:0 0 5px;padding:8px;display:grid}.circuit-palette>button:hover,.circuit-palette>button.active{background:#f0faf2;border-color:#a9d9b4}.circuit-palette>button>span:nth-child(2){font-size:11px;font-weight:700}.circuit-palette>button small{color:#7c897f;grid-column:2;font-size:9px}.palette-symbol{color:#258d4b;background:#f3f8f3;border:1px solid #dbe8dd;border-radius:8px;grid-row:1/span 2;place-items:center;width:32px;height:32px;font:700 16px ui-monospace,monospace;display:grid}.symbol-source{color:#2579d0;background:#f1f7ff;border-color:#d5e5f5}.symbol-resistor{color:#b17a16;background:#fff9e9;border-color:#eee0b9}.symbol-switch{color:#8551bd;background:#f7f2fc;border-color:#e7d9f5}.symbol-ground{color:#66786a}.circuit-palette .circuit-section-title:not(:first-child){margin-top:17px}.circuit-help,.circuit-library-note{border-top:1px solid var(--c-line);color:#77847a;margin-top:15px;padding-top:12px;font-size:10px;line-height:1.5}.circuit-help strong,.circuit-library-note strong{color:#34443a;font-size:10px}.circuit-help p,.circuit-library-note p{margin:6px 0}.circuit-main{flex-direction:column;gap:8px;min-width:0;display:flex}.circuit-canvas-head{border:1px solid var(--c-line);color:#657369;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;height:37px;min-height:37px;padding:0 12px;font-size:10px;display:flex}.circuit-canvas-head span:first-child{color:#334239;align-items:center;gap:7px;font-weight:750;display:flex}.circuit-canvas{touch-action:none;background:#fbfcfb;border:1px solid #dce5df;border-radius:9px;width:100%;height:min(61vh,700px);min-height:370px;display:block}.circuit-canvas>rect{pointer-events:none}.circuit-canvas pattern circle{fill:#dce5df}.circuit-canvas.placing{cursor:crosshair}.circuit-part{color:#26332b;cursor:grab}.circuit-part:active{cursor:grabbing}.circuit-part line,.circuit-part path,.circuit-part circle:not(.pin-hit){stroke:#46564a;stroke-width:2px;fill:#fbfcfb;vector-effect:non-scaling-stroke}.circuit-part .switch-lever{stroke:#7b59ad;stroke-width:3px}.circuit-part .source-plus,.circuit-part .source-minus{stroke:none;fill:#2878c3;font:700 15px ui-sans-serif}.circuit-part .part-label{fill:#2b3930;stroke:none;text-anchor:middle;font:700 12px ui-monospace,monospace}.circuit-part .part-value{fill:#7e8b81;stroke:none;text-anchor:middle;font:10px ui-monospace,monospace}.circuit-part.selected circle:not(.pin-hit){stroke:#2eb969;stroke-width:2.5px}.circuit-pin{cursor:crosshair}.circuit-pin .pin-hit{fill:#0000;stroke:none;pointer-events:all}.circuit-pin .pin-dot{fill:#43c778;stroke:#fff;stroke-width:1.5px}.circuit-pin .pin-label{fill:#728078;stroke:none;text-anchor:middle;font:8px ui-monospace,monospace}.circuit-wire path{fill:none;stroke:#299c59;stroke-width:.9px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}.circuit-wire.selected path:first-child{stroke:#e26a4c;stroke-width:1.2px}.circuit-wire .wire-hit{stroke:#0000;stroke-width:12px;opacity:0;pointer-events:stroke;cursor:pointer}.wire-voltage{fill:#287b49;stroke:#fbfcfb;stroke-width:4px;paint-order:stroke;text-anchor:middle;font:700 10px ui-monospace,monospace}.circuit-status{border:1px solid var(--c-line);color:#77847a;background:#fff;border-radius:7px;min-height:28px;padding:6px 10px;font-size:10px}.circuit-status .error{color:#b04436}.circuit-status .success{color:#258248}.circuit-results{background:#fff;border:1px solid #cfe2d1;border-radius:9px;overflow:hidden}.circuit-results-head{border-bottom:1px solid var(--c-line);justify-content:space-between;padding:9px 12px;font-size:11px;display:flex}.circuit-results-head span{color:#718077;font-size:9px}.circuit-results-table{padding:4px 9px 8px}.circuit-result-row{border-bottom:1px solid #edf1ed;grid-template-columns:1fr repeat(3,minmax(70px,.7fr));gap:6px;padding:6px 3px;font:10px ui-monospace,monospace;display:grid}.circuit-result-row:last-child{border:0}.circuit-result-row.labels{color:#89958c;font-weight:700}.circuit-result-row span:not(:first-child){text-align:right}.circuit-inspector .circuit-selected-kind{align-items:center;gap:9px;padding:10px 0 15px;display:flex}.circuit-selected-kind small{color:#7b887e;margin-top:4px;font-size:10px;display:block}.circuit-field{color:#738077;flex-direction:column;gap:6px;margin:0 0 12px;font-size:10px;display:flex}.circuit-field input,.circuit-number{color:#27352b;background:#fbfcfb;border:1px solid #dbe4dc;border-radius:6px;width:100%;height:34px;padding:0 9px;font:12px ui-monospace,monospace}.circuit-number{align-items:center;padding-right:8px;display:flex}.circuit-number input{background:0 0;border:0;outline:none;padding:0}.circuit-number b{color:#7e8a81;font-size:11px}.switch-toggle{color:#a54b3c;cursor:pointer;background:#fff5f2;border:1px solid #e4c6c1;border-radius:6px;height:32px;font-size:11px;font-weight:700}.switch-toggle.on{color:#2c8145;background:#eff9f1;border-color:#b7dec0}.circuit-danger{color:#a54a3d;cursor:pointer;background:#fff8f6;border:1px solid #f0d3ce;border-radius:7px;width:100%;padding:9px;font-size:10px}.circuit-empty{color:#849087;font-size:11px;line-height:1.5}.circuit-library-note{margin-top:22px}@media (width<=1050px){.circuit-layout{grid-template-columns:170px minmax(360px,1fr)}.circuit-inspector{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.circuit-inspector>.circuit-section-title,.circuit-inspector>.circuit-library-note{grid-column:1/-1}.circuit-layout{min-height:0}}@media (width<=680px){.circuit-topbar{grid-template-columns:auto 1fr auto;height:58px;padding:0 10px}.circuit-brand-icon{width:31px;height:31px}.circuit-brand{gap:6px}.circuit-brand strong{font-size:11px}.circuit-brand small{display:none}.circuit-top-actions{gap:4px}.circuit-top-actions button{padding:7px 6px;font-size:9px}.circuit-top-actions button:nth-child(2){display:none}.circuit-back{padding:7px 8px;font-size:10px}.circuit-heading{align-items:flex-start;padding:19px 12px 13px}.circuit-heading h1{font-size:22px}.circuit-heading>div>span{font-size:10px}.circuit-local{padding:6px;font-size:8px}.circuit-layout{flex-direction:column;gap:9px;padding:0 10px 14px;display:flex}.circuit-palette{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:8px;display:grid;overflow:visible}.circuit-palette .circuit-section-title,.circuit-help{display:none}.circuit-palette>button{text-align:center;flex-direction:column;justify-content:center;gap:3px;min-height:59px;margin:0;padding:5px 2px;display:flex}.circuit-palette>button small{font-size:8px}.circuit-palette .palette-symbol{width:26px;height:26px}.circuit-canvas{height:52vh;min-height:340px}.circuit-inspector{display:block}.circuit-result-row{grid-template-columns:1fr repeat(3,minmax(50px,.7fr));font-size:9px}.circuit-status{font-size:9px}}.circuit-top-actions button:disabled{opacity:.42;cursor:not-allowed}.circuit-top-actions button[aria-label=Delete\ selected]:not(:disabled):hover{color:#ffb3a8;background:#482c29;border-color:#8f4c42}.symbol-meter{letter-spacing:-.08em;background:#eff9f2;border-color:#cde4d2;font-size:10px}.circuit-meter-panel{color:#526257;background:#f7fbf7;border:1px solid #cfe2d2;border-radius:8px;flex-direction:column;gap:7px;margin:2px 0 10px;padding:10px;font-size:10px;display:flex}.circuit-meter-panel strong{color:#34443a}.circuit-meter-panel select{color:#27352b;background:#fff;border:1px solid #d2e0d4;border-radius:6px;height:31px;padding:0 7px;font-size:10px}.circuit-meter-panel output{color:#8befa2;overflow-wrap:anywhere;background:#17201b;border-radius:6px;min-height:34px;padding:8px;font:11px/1.4 ui-monospace,monospace;display:block}.circuit-rotation{color:#738077;align-items:center;gap:8px;margin:0 0 12px;font-size:10px;display:flex}.circuit-rotation span{margin-right:auto}.circuit-rotation button{color:#334239;cursor:pointer;background:#fbfcfb;border:1px solid #dbe4dc;border-radius:6px;width:32px;height:30px;font-size:18px}.circuit-rotation button:hover{color:#258d4b;background:#f0faf2;border-color:#a9d9b4}.circuit-rotation output{text-align:center;color:#34443a;min-width:38px;font:11px ui-monospace,monospace}@media (width<=680px){.circuit-meter-panel{grid-column:1/-1}.circuit-rotation{max-width:220px}}.circuit-wire .wire-handle{fill:#f7fff8;stroke:#20894b;stroke-width:2px;cursor:move;pointer-events:all;vector-effect:non-scaling-stroke}.circuit-wire .wire-handle:hover{r:8;fill:#a3f0b5}.circuit-wire .wire-hit{pointer-events:stroke}.circuit-canvas .wire-preview{fill:none;stroke:#258d4b;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:6 5;vector-effect:non-scaling-stroke;pointer-events:none;opacity:.9}.circuit-rotation button.pressed{color:#21753a;background:#e3f5e7;border-color:#70bd84}.circuit-workspace{--c-accent:#26854a;--c-wire:#299c59}.circuit-workspace[data-theme=white-purple]{--c-accent:#8246c1;--c-wire:#8246c1}.circuit-workspace[data-theme=red-white]{--c-accent:#c13e47;--c-wire:#c13e47}.circuit-workspace[data-theme=forest],.circuit-workspace[data-theme=purple],.circuit-workspace[data-theme=red-black],.circuit-workspace[data-theme=doom]{--c-bg:#101713;--c-panel:#17201b;--c-ink:#edf6ef;--c-muted:#9ba99e;--c-line:#34443a}.circuit-workspace[data-theme=purple]{--c-accent:#bd8bff;--c-wire:#bd8bff}.circuit-workspace[data-theme=red-black]{--c-accent:#f77;--c-wire:#f77}.circuit-workspace[data-theme=doom]{--c-accent:#63e978;--c-wire:#63e978}.circuit-workspace[data-theme=forest] .circuit-heading p,.circuit-workspace[data-theme=purple] .circuit-heading p,.circuit-workspace[data-theme=red-black] .circuit-heading p,.circuit-workspace[data-theme=doom] .circuit-heading p{color:var(--c-accent)}.circuit-workspace[data-theme=forest] .circuit-heading>div>span,.circuit-workspace[data-theme=purple] .circuit-heading>div>span,.circuit-workspace[data-theme=red-black] .circuit-heading>div>span,.circuit-workspace[data-theme=doom] .circuit-heading>div>span{color:var(--c-muted)}.circuit-workspace[data-theme=forest] .circuit-palette>button,.circuit-workspace[data-theme=purple] .circuit-palette>button,.circuit-workspace[data-theme=red-black] .circuit-palette>button,.circuit-workspace[data-theme=doom] .circuit-palette>button{color:var(--c-ink);background:#1d2821}.circuit-workspace[data-theme=forest] .circuit-palette>button:hover,.circuit-workspace[data-theme=purple] .circuit-palette>button:hover,.circuit-workspace[data-theme=red-black] .circuit-palette>button:hover,.circuit-workspace[data-theme=doom] .circuit-palette>button:hover,.circuit-workspace[data-theme=forest] .circuit-palette>button.active,.circuit-workspace[data-theme=purple] .circuit-palette>button.active,.circuit-workspace[data-theme=red-black] .circuit-palette>button.active,.circuit-workspace[data-theme=doom] .circuit-palette>button.active{border-color:var(--c-accent);background:#25392b}.circuit-workspace[data-theme=forest] .circuit-section-title,.circuit-workspace[data-theme=purple] .circuit-section-title,.circuit-workspace[data-theme=red-black] .circuit-section-title,.circuit-workspace[data-theme=doom] .circuit-section-title,.circuit-workspace[data-theme=forest] .circuit-help,.circuit-workspace[data-theme=purple] .circuit-help,.circuit-workspace[data-theme=red-black] .circuit-help,.circuit-workspace[data-theme=doom] .circuit-help,.circuit-workspace[data-theme=forest] .circuit-library-note,.circuit-workspace[data-theme=purple] .circuit-library-note,.circuit-workspace[data-theme=red-black] .circuit-library-note,.circuit-workspace[data-theme=doom] .circuit-library-note{color:var(--c-muted)}.circuit-workspace[data-theme=forest] .circuit-help strong,.circuit-workspace[data-theme=purple] .circuit-help strong,.circuit-workspace[data-theme=red-black] .circuit-help strong,.circuit-workspace[data-theme=doom] .circuit-help strong,.circuit-workspace[data-theme=forest] .circuit-library-note strong,.circuit-workspace[data-theme=purple] .circuit-library-note strong,.circuit-workspace[data-theme=red-black] .circuit-library-note strong,.circuit-workspace[data-theme=doom] .circuit-library-note strong{color:var(--c-ink)}.circuit-workspace[data-theme=forest] .circuit-canvas,.circuit-workspace[data-theme=purple] .circuit-canvas,.circuit-workspace[data-theme=red-black] .circuit-canvas,.circuit-workspace[data-theme=doom] .circuit-canvas{border-color:var(--c-line);background:#121a15}.circuit-workspace[data-theme=forest] .circuit-canvas pattern circle,.circuit-workspace[data-theme=purple] .circuit-canvas pattern circle,.circuit-workspace[data-theme=red-black] .circuit-canvas pattern circle,.circuit-workspace[data-theme=doom] .circuit-canvas pattern circle{fill:#34453a}.circuit-workspace[data-theme=forest] .circuit-part line,.circuit-workspace[data-theme=forest] .circuit-part path,.circuit-workspace[data-theme=forest] .circuit-part circle:not(.pin-hit),.circuit-workspace[data-theme=purple] .circuit-part line,.circuit-workspace[data-theme=purple] .circuit-part path,.circuit-workspace[data-theme=purple] .circuit-part circle:not(.pin-hit),.circuit-workspace[data-theme=red-black] .circuit-part line,.circuit-workspace[data-theme=red-black] .circuit-part path,.circuit-workspace[data-theme=red-black] .circuit-part circle:not(.pin-hit),.circuit-workspace[data-theme=doom] .circuit-part line,.circuit-workspace[data-theme=doom] .circuit-part path,.circuit-workspace[data-theme=doom] .circuit-part circle:not(.pin-hit){stroke:#cad8cc;fill:#121a15}.circuit-workspace[data-theme=forest] .circuit-part .part-label,.circuit-workspace[data-theme=purple] .circuit-part .part-label,.circuit-workspace[data-theme=red-black] .circuit-part .part-label,.circuit-workspace[data-theme=doom] .circuit-part .part-label{fill:#edf6ef}.circuit-workspace[data-theme=forest] .circuit-part .part-value,.circuit-workspace[data-theme=purple] .circuit-part .part-value,.circuit-workspace[data-theme=red-black] .circuit-part .part-value,.circuit-workspace[data-theme=doom] .circuit-part .part-value,.circuit-workspace[data-theme=forest] .circuit-pin .pin-label,.circuit-workspace[data-theme=purple] .circuit-pin .pin-label,.circuit-workspace[data-theme=red-black] .circuit-pin .pin-label,.circuit-workspace[data-theme=doom] .circuit-pin .pin-label{fill:#aab9ad}.circuit-workspace[data-theme=forest] .circuit-canvas-head,.circuit-workspace[data-theme=purple] .circuit-canvas-head,.circuit-workspace[data-theme=red-black] .circuit-canvas-head,.circuit-workspace[data-theme=doom] .circuit-canvas-head,.circuit-workspace[data-theme=forest] .circuit-status,.circuit-workspace[data-theme=purple] .circuit-status,.circuit-workspace[data-theme=red-black] .circuit-status,.circuit-workspace[data-theme=doom] .circuit-status,.circuit-workspace[data-theme=forest] .circuit-results,.circuit-workspace[data-theme=purple] .circuit-results,.circuit-workspace[data-theme=red-black] .circuit-results,.circuit-workspace[data-theme=doom] .circuit-results{border-color:var(--c-line);color:var(--c-ink);background:#17201b}.circuit-workspace[data-theme=forest] .circuit-canvas-head span:first-child,.circuit-workspace[data-theme=purple] .circuit-canvas-head span:first-child,.circuit-workspace[data-theme=red-black] .circuit-canvas-head span:first-child,.circuit-workspace[data-theme=doom] .circuit-canvas-head span:first-child,.circuit-workspace[data-theme=forest] .circuit-results-head,.circuit-workspace[data-theme=purple] .circuit-results-head,.circuit-workspace[data-theme=red-black] .circuit-results-head,.circuit-workspace[data-theme=doom] .circuit-results-head{color:var(--c-ink)}.circuit-workspace[data-theme=forest] .circuit-result-row,.circuit-workspace[data-theme=purple] .circuit-result-row,.circuit-workspace[data-theme=red-black] .circuit-result-row,.circuit-workspace[data-theme=doom] .circuit-result-row{border-color:#2c3930}.circuit-workspace[data-theme=forest] .circuit-field,.circuit-workspace[data-theme=purple] .circuit-field,.circuit-workspace[data-theme=red-black] .circuit-field,.circuit-workspace[data-theme=doom] .circuit-field,.circuit-workspace[data-theme=forest] .circuit-empty,.circuit-workspace[data-theme=purple] .circuit-empty,.circuit-workspace[data-theme=red-black] .circuit-empty,.circuit-workspace[data-theme=doom] .circuit-empty{color:var(--c-muted)}.circuit-workspace[data-theme=forest] .circuit-field input,.circuit-workspace[data-theme=purple] .circuit-field input,.circuit-workspace[data-theme=red-black] .circuit-field input,.circuit-workspace[data-theme=doom] .circuit-field input,.circuit-workspace[data-theme=forest] .circuit-number,.circuit-workspace[data-theme=purple] .circuit-number,.circuit-workspace[data-theme=red-black] .circuit-number,.circuit-workspace[data-theme=doom] .circuit-number,.circuit-workspace[data-theme=forest] .circuit-rotation button,.circuit-workspace[data-theme=purple] .circuit-rotation button,.circuit-workspace[data-theme=red-black] .circuit-rotation button,.circuit-workspace[data-theme=doom] .circuit-rotation button{color:var(--c-ink);border-color:var(--c-line);background:#101713}.circuit-workspace[data-theme=forest] .circuit-meter-panel,.circuit-workspace[data-theme=purple] .circuit-meter-panel,.circuit-workspace[data-theme=red-black] .circuit-meter-panel,.circuit-workspace[data-theme=doom] .circuit-meter-panel{border-color:var(--c-line);color:var(--c-muted);background:#1d2821}.circuit-workspace[data-theme=forest] .circuit-meter-panel strong,.circuit-workspace[data-theme=purple] .circuit-meter-panel strong,.circuit-workspace[data-theme=red-black] .circuit-meter-panel strong,.circuit-workspace[data-theme=doom] .circuit-meter-panel strong{color:var(--c-ink)}.circuit-workspace[data-theme=forest] .circuit-meter-panel select,.circuit-workspace[data-theme=purple] .circuit-meter-panel select,.circuit-workspace[data-theme=red-black] .circuit-meter-panel select,.circuit-workspace[data-theme=doom] .circuit-meter-panel select{color:var(--c-ink);border-color:var(--c-line);background:#101713}.circuit-workspace[data-theme=forest] .circuit-rotation output,.circuit-workspace[data-theme=purple] .circuit-rotation output,.circuit-workspace[data-theme=red-black] .circuit-rotation output,.circuit-workspace[data-theme=doom] .circuit-rotation output{color:var(--c-ink)}.circuit-workspace[data-theme=white-purple] .circuit-heading p,.circuit-workspace[data-theme=white-purple] .circuit-rotation button:hover,.circuit-workspace[data-theme=white-purple] .circuit-part.selected circle:not(.pin-hit){color:#8246c1;stroke:#8246c1}.circuit-workspace[data-theme=red-white] .circuit-heading p,.circuit-workspace[data-theme=red-white] .circuit-rotation button:hover,.circuit-workspace[data-theme=red-white] .circuit-part.selected circle:not(.pin-hit){color:#c13e47;stroke:#c13e47}.circuit-workspace[data-theme=white-purple] .circuit-run{background:#8246c1;border-color:#8246c1}.circuit-workspace[data-theme=red-white] .circuit-run{background:#c13e47;border-color:#c13e47}.circuit-workspace[data-theme=white-purple] .circuit-wire path,.circuit-workspace[data-theme=white-purple] .wire-preview{stroke:#8246c1}.circuit-workspace[data-theme=red-white] .circuit-wire path,.circuit-workspace[data-theme=red-white] .wire-preview{stroke:#c13e47}.circuit-workspace[data-theme=purple] .circuit-part.selected circle:not(.pin-hit),.circuit-workspace[data-theme=red-black] .circuit-part.selected circle:not(.pin-hit),.circuit-workspace[data-theme=doom] .circuit-part.selected circle:not(.pin-hit){stroke:var(--c-accent)}.circuit-workspace[data-theme=purple] .circuit-run,.circuit-workspace[data-theme=red-black] .circuit-run,.circuit-workspace[data-theme=doom] .circuit-run{background:var(--c-accent);border-color:var(--c-accent)}.circuit-workspace .simulator-theme-picker select{max-width:132px}@media (width<=680px){.circuit-workspace .simulator-theme-picker select{max-width:92px;padding:0 4px;font-size:9px}}.circuit-canvas .wire-preview-handle{fill:#f7fff8;stroke:#258d4b;stroke-width:2px;pointer-events:none;vector-effect:non-scaling-stroke}.circuit-workspace[data-theme=purple] .wire-preview-handle,.circuit-workspace[data-theme=red-black] .wire-preview-handle,.circuit-workspace[data-theme=doom] .wire-preview-handle,.circuit-workspace[data-theme=white-purple] .wire-preview-handle,.circuit-workspace[data-theme=red-white] .wire-preview-handle{stroke:var(--c-accent)}.calculus-workspace{--calc-accent:#26854a;--calc-bg:#f3f6f3;--calc-panel:#fff;--calc-ink:#17231b;--calc-muted:#6b796f;--calc-line:#dce5dd;background:var(--calc-bg);min-height:100vh;color:var(--calc-ink);font:14px Inter,ui-sans-serif,system-ui,sans-serif}.calculus-topbar{border-bottom:1px solid var(--calc-line);background:var(--calc-panel);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:64px;padding:0 clamp(14px,3vw,40px);display:grid}.calculus-back{color:var(--calc-muted);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:7px;font-weight:650;display:flex}.calculus-back span{font-size:26px;line-height:1}.calculus-brand{align-items:center;gap:10px;display:flex}.calculus-brand-icon{background:color-mix(in srgb,var(--calc-accent) 13%,transparent);width:36px;height:36px;color:var(--calc-accent);border-radius:10px;place-items:center;font-size:22px;display:grid}.calculus-brand strong,.calculus-brand small{display:block}.calculus-brand strong{font-size:13px}.calculus-brand small{color:var(--calc-muted);margin-top:3px;font-size:10px}.calculus-topbar>.simulator-theme-picker{justify-self:end}.calculus-layout{width:min(860px,100% - 32px);margin:0 auto;padding:clamp(32px,8vh,84px) 0}.calculus-intro{text-align:center;margin-bottom:30px}.calculus-intro>p{color:var(--calc-accent);letter-spacing:.16em;margin:0 0 10px;font:700 10px ui-monospace,monospace}.calculus-intro h1{letter-spacing:-.045em;margin:0 0 9px;font-size:clamp(28px,5vw,42px)}.calculus-intro>span{color:var(--calc-muted);font-size:13px}.calculus-card{border:1px solid var(--calc-line);background:var(--calc-panel);border-radius:16px;grid-template-columns:minmax(0,1fr) 130px;gap:16px 20px;padding:22px;display:grid;box-shadow:0 12px 34px #1220150a}.calculus-mode{background:var(--calc-bg);border-radius:10px;grid-column:1/-1;gap:6px;padding:4px;display:flex}.calculus-mode button{color:var(--calc-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-weight:700;display:flex}.calculus-mode button.active{border-color:var(--calc-line);background:var(--calc-panel);color:var(--calc-accent);box-shadow:0 2px 6px #0c190e0c}.calculus-mode small{opacity:.72;font-size:11px;font-weight:600}.calculus-label,.calculus-variable{color:var(--calc-muted);flex-direction:column;gap:8px;font-size:11px;font-weight:700;display:flex}.calculus-input-wrap{border:1px solid var(--calc-line);background:var(--calc-bg);min-width:0;height:52px;color:var(--calc-accent);border-radius:9px;align-items:center;gap:9px;padding:0 13px;font:600 13px ui-monospace,monospace;display:flex}.calculus-input-wrap input{min-width:0;color:var(--calc-ink);background:0 0;border:0;outline:none;flex:1;font:500 16px ui-monospace,monospace}.calculus-variable input{border:1px solid var(--calc-line);background:var(--calc-bg);width:100%;height:52px;color:var(--calc-ink);border-radius:9px;padding:0 12px;font:500 16px ui-monospace,monospace}.calculus-answer{border:1px solid color-mix(in srgb,var(--calc-accent) 35%,var(--calc-line));background:color-mix(in srgb,var(--calc-accent) 5%,var(--calc-panel));border-radius:11px;grid-column:1/-1;min-height:132px;padding:17px 18px}.calculus-answer>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.calculus-answer>div span{color:var(--calc-accent);letter-spacing:.12em;font:800 10px ui-monospace,monospace}.calculus-answer>div small{color:var(--calc-muted);font-size:10px}.calculus-answer output{overflow-wrap:anywhere;color:var(--calc-ink);margin-top:20px;font:600 clamp(18px,3vw,24px) ui-monospace,monospace;display:block}.calculus-error{color:#b04436;margin:17px 0 0;font-size:13px;line-height:1.6}.calculus-guide{border:1px solid var(--calc-line);background:var(--calc-panel);color:var(--calc-muted);border-radius:11px;margin-top:16px;padding:16px 19px;font-size:12px;line-height:1.65}.calculus-guide strong{color:var(--calc-ink);font-size:12px}.calculus-guide p{margin:9px 0}.calculus-guide b{color:var(--calc-ink)}.calculus-guide small{margin-top:11px;font-size:10px;display:block}.calculus-workspace[data-theme=forest],.calculus-workspace[data-theme=purple],.calculus-workspace[data-theme=red-black],.calculus-workspace[data-theme=doom]{--calc-bg:#101712;--calc-panel:#17201b;--calc-ink:#edf6ef;--calc-muted:#aab9ad;--calc-line:#35463a}.calculus-workspace[data-theme=purple]{--calc-accent:#bd8bff}.calculus-workspace[data-theme=red-black]{--calc-accent:#f77}.calculus-workspace[data-theme=doom]{--calc-accent:#63e978}.calculus-workspace[data-theme=white-purple]{--calc-accent:#8246c1}.calculus-workspace[data-theme=red-white]{--calc-accent:#c13e47}.calculus-workspace[data-theme=purple] .calculus-topbar,.calculus-workspace[data-theme=red-black] .calculus-topbar,.calculus-workspace[data-theme=doom] .calculus-topbar,.calculus-workspace[data-theme=forest] .calculus-topbar{background:var(--calc-panel)}@media (width<=600px){.calculus-topbar{grid-template-columns:auto 1fr auto;gap:8px;height:56px;padding:0 10px}.calculus-back{font-size:11px}.calculus-brand{justify-self:center;gap:6px}.calculus-brand-icon{width:31px;height:31px}.calculus-brand small{display:none}.calculus-brand strong{font-size:11px}.calculus-layout{width:calc(100% - 22px);padding:36px 0}.calculus-card{grid-template-columns:1fr;gap:14px;padding:14px}.calculus-mode,.calculus-variable{grid-column:1}.calculus-answer{grid-column:1;padding:15px}.calculus-intro{margin-bottom:22px}.calculus-intro>span{font-size:11px}}.landing-nav-project{color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:650;transition:color .15s,background .15s,border-color .15s}.landing-nav-project:hover,.landing-nav-project:focus-visible{border-color:var(--line);background:var(--accent-soft);color:var(--accent);outline:none}.landing-nav-project:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.project-studio{--p-bg:#f3f6f2;--p-panel:#fff;--p-surface:#f8faf7;--p-ink:#1b2a20;--p-muted:#768279;--p-line:#dce5de;--p-accent:#54d77d;--p-soft:#e9f8ed;background:var(--p-bg);min-height:100vh;color:var(--p-ink);flex-direction:column;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;display:flex;overflow:hidden}.project-studio[data-theme=purple]{--p-bg:#0d0a12;--p-panel:#17121e;--p-surface:#211a2b;--p-ink:#f3edfa;--p-muted:#afa3bc;--p-line:#40344d;--p-accent:#bf8dff;--p-soft:#33223f}.project-studio[data-theme=white-purple]{--p-bg:#f8f5fb;--p-panel:#fff;--p-surface:#f5effa;--p-ink:#2d2039;--p-muted:#7b6d89;--p-line:#e3d8ed;--p-accent:#8246c1;--p-soft:#f0e4fa}.project-studio[data-theme=red-white]{--p-bg:#fff7f6;--p-panel:#fff;--p-surface:#fff0ef;--p-ink:#3a2527;--p-muted:#896f71;--p-line:#edd8d7;--p-accent:#c13e47;--p-soft:#fae8e7}.project-studio[data-theme=red-black]{--p-bg:#120b0b;--p-panel:#1b1111;--p-surface:#281818;--p-ink:#f8eeee;--p-muted:#c3a7a7;--p-line:#513535;--p-accent:#f77;--p-soft:#482727}.project-studio[data-theme=doom]{--p-bg:#090d0a;--p-panel:#121a13;--p-surface:#1b271d;--p-ink:#eef7ef;--p-muted:#a9b9aa;--p-line:#3b5140;--p-accent:#63e978;--p-soft:#1d3822}.project-studio *{box-sizing:border-box}.project-topbar{border-bottom:1px solid var(--p-line);background:var(--p-panel);flex:none;align-items:center;gap:22px;height:68px;padding:0 max(22px,50vw - 750px);display:flex}.project-back{border:1px solid var(--p-line);background:var(--p-surface);color:var(--p-ink);cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:9px 11px;font:600 12px inherit;display:flex}.project-back:hover{border-color:var(--p-accent);color:var(--p-accent)}.project-brand{align-items:center;gap:11px;display:flex}.project-brand-mark{background:var(--p-soft);width:36px;height:36px;color:var(--p-accent);border-radius:11px;place-items:center;font-size:20px;display:grid}.project-brand strong,.project-brand small{display:block}.project-brand strong{font-size:14px}.project-brand small{color:var(--p-muted);margin-top:2px;font-size:10px}.project-top-actions{align-items:center;gap:14px;margin-left:auto;display:flex}.project-save-state{color:var(--p-muted);white-space:nowrap;align-items:center;gap:7px;font-size:10px;display:inline-flex}.project-save-state i{background:#4db979;border-radius:50%;width:7px;height:7px}.project-save-state.saving i,.project-save-state.loading i{background:#e2a94d;animation:1s infinite alternate projectPulse}.project-save-state.error i{background:#e65353}@keyframes projectPulse{to{opacity:.35}}.project-primary{border:1px solid color-mix(in srgb,var(--p-accent) 62%,var(--p-line));background:var(--p-accent);color:#102016;cursor:pointer;border-radius:9px;min-height:38px;padding:0 14px;font-size:11px;font-weight:750}.project-studio[data-theme=purple] .project-primary,.project-studio[data-theme=red-black] .project-primary{color:#211426}.project-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.project-layout{flex:1;grid-template-columns:285px minmax(0,1fr);min-height:0;display:grid}.project-sidebar{border-right:1px solid var(--p-line);background:var(--p-panel);flex-direction:column;min-height:0;padding:22px 15px 14px;display:flex}.project-sidebar-head{justify-content:space-between;align-items:center;gap:10px;padding:0 5px;display:flex}.project-eyebrow{color:var(--p-accent);letter-spacing:.16em;font-size:9px;font-weight:800}.project-sidebar-head h2{letter-spacing:-.04em;align-items:center;gap:8px;margin:7px 0 15px;font-size:17px;display:flex}.project-sidebar-head h2 b{border:1px solid var(--p-line);background:var(--p-surface);min-width:20px;height:20px;color:var(--p-muted);border-radius:999px;place-items:center;padding:0 5px;font-size:9px;display:grid}.project-add-icon{border:1px solid var(--p-line);background:var(--p-surface);width:32px;height:32px;color:var(--p-accent);cursor:pointer;border-radius:9px;margin-top:8px;font-size:20px}.project-add-icon:hover{border-color:var(--p-accent);background:var(--p-soft)}.project-search{border:1px solid var(--p-line);background:var(--p-bg);height:37px;color:var(--p-muted);border-radius:8px;align-items:center;gap:8px;margin:0 2px 13px;padding:0 10px;display:flex}.project-search span{font-size:19px}.project-search input{width:100%;color:var(--p-ink);font:inherit;background:0 0;border:0;outline:0;font-size:11px}.project-list{scrollbar-width:thin;flex:1;min-height:0;overflow:auto}.project-list-item{width:100%;color:var(--p-ink);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:9px;padding:10px 8px;display:flex}.project-list-item:hover{background:var(--p-surface)}.project-list-item.active{border-color:color-mix(in srgb,var(--p-accent) 32%,var(--p-line));background:var(--p-soft)}.project-list-glyph{border:1px solid var(--p-line);background:var(--p-panel);width:31px;height:31px;color:var(--p-accent);border-radius:8px;flex:none;place-items:center;font-size:16px;display:grid}.project-list-copy{flex:1;min-width:0}.project-list-copy strong,.project-list-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.project-list-copy strong{font-size:11px}.project-list-copy small{color:var(--p-muted);margin-top:4px;font-size:9px}.project-list-arrow{color:var(--p-muted);font-size:19px}.project-empty-note{border:1px dashed var(--p-line);color:var(--p-muted);border-radius:10px;margin:18px 3px;padding:14px;font-size:11px;line-height:1.55}.project-empty-note>span{color:var(--p-accent);margin-bottom:7px;font-size:22px;display:block}.project-empty-note strong{color:var(--p-ink)}.project-empty-note p{margin:6px 0 12px}.project-empty-note button{border:1px solid var(--p-line);background:var(--p-panel);color:var(--p-accent);cursor:pointer;border-radius:7px;padding:8px 10px;font-size:10px;font-weight:700}.project-local-note{border-top:1px solid var(--p-line);color:var(--p-muted);gap:8px;margin-top:12px;padding:10px 8px;display:flex}.project-local-note span{font-size:13px}.project-local-note p{margin:0;font-size:9px;line-height:1.5}.project-main{scrollbar-width:thin;min-width:0;max-height:calc(100vh - 68px);padding:clamp(20px,3vw,42px);overflow:auto}.project-document-head{align-items:flex-start;gap:16px;max-width:1000px;margin:0 auto 16px;display:flex}.project-title-fields{flex:1;min-width:0}.project-title-input,.project-description-input{width:100%;color:var(--p-ink);background:0 0;border:0;outline:0;display:block}.project-title-input{letter-spacing:-.055em;margin-top:7px;font-size:clamp(24px,3vw,35px);font-weight:750}.project-title-input::placeholder{color:var(--p-muted);opacity:.7}.project-description-input{color:var(--p-muted);margin-top:9px;font-size:12px}.project-delete-button{border:1px solid var(--p-line);background:var(--p-panel);color:var(--p-muted);cursor:pointer;border-radius:7px;margin-top:16px;padding:7px 9px;font-size:10px}.project-delete-button:hover{color:#e65353;border-color:#e65353}.project-editor-wrap{border:1px solid var(--p-line);background:var(--p-panel);border-radius:13px;max-width:1000px;margin:0 auto;box-shadow:0 10px 32px #0b160d08}.project-format-toolbar{border-bottom:1px solid var(--p-line);background:var(--p-surface);scrollbar-width:thin;scrollbar-color:var(--p-line) transparent;border-radius:13px 13px 0 0;flex-wrap:nowrap;align-items:center;gap:8px;min-height:62px;padding:6px 10px;display:flex;overflow:auto hidden}.project-ribbon-group{flex:none;align-items:center;gap:3px;display:flex}.project-ribbon-group button{position:relative}.project-ribbon-group button small{color:var(--p-muted);margin-top:1px;font-size:8px;font-weight:500;display:block}.project-ribbon-stack{flex-direction:column;gap:2px;display:flex}.project-ribbon-stack button{text-align:left;align-items:center;gap:6px;height:22px;display:flex}.project-ribbon-symbol{color:var(--p-accent);font-size:21px}.project-font-group{min-width:max-content}.project-font-select,.project-size-select,.project-line-spacing{border:1px solid var(--p-line);background:var(--p-panel);height:29px;color:var(--p-ink);font:inherit;border-radius:5px;padding:0 6px;font-size:10px}.project-font-select{width:132px}.project-size-select{width:58px}.project-line-spacing{width:57px}.project-color-control{width:29px;height:28px;color:var(--p-ink);cursor:pointer;border:1px solid #0000;border-radius:6px;place-items:center;font-size:14px;font-weight:800;display:grid;position:relative}.project-color-control:hover{border-color:var(--p-line);background:var(--p-panel)}.project-color-control input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.project-highlight-control{color:#d7a800}.project-clear-mark{color:#df6161;font-size:16px}.project-show-marks :is(p,div,li,h1,h2,h3,blockquote):after{content:" ¶";color:var(--p-accent);opacity:.72;font-size:.75em}@media (width<=720px){.project-format-toolbar{border-radius:10px 10px 0 0}.project-editor-wrap{min-width:0}}.project-format-toolbar button{min-width:29px;height:28px;color:var(--p-ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:0 7px;font-size:10px}.project-format-toolbar button:hover{border-color:var(--p-line);background:var(--p-panel);color:var(--p-accent)}.project-format-divider{background:var(--p-line);width:1px;height:21px;margin:0 4px}.project-rich-editor{min-height:340px;color:var(--p-ink);outline:0;padding:30px clamp(18px,4vw,54px);font-size:14px;line-height:1.8}.project-rich-editor:empty:before{content:attr(data-placeholder);color:var(--p-muted);opacity:.68;pointer-events:none}.project-rich-editor h1,.project-rich-editor h2,.project-rich-editor h3{letter-spacing:-.03em;margin:1em 0 .45em;line-height:1.3}.project-rich-editor blockquote{border-left:3px solid var(--p-accent);color:var(--p-muted);margin:12px 0;padding:5px 12px}.project-rich-editor a{color:var(--p-accent)}.project-rich-editor img{max-width:100%;height:auto}.project-attachments{border-top:1px solid var(--p-line);max-width:1000px;margin:28px auto 10px;padding-top:22px}.project-attachments-heading{justify-content:space-between;align-items:flex-end;gap:15px;display:flex}.project-attachments-heading h2{letter-spacing:-.04em;margin:6px 0 4px;font-size:18px}.project-attachments-heading p{color:var(--p-muted);margin:0;font-size:11px}.project-material-count{border:1px solid var(--p-line);color:var(--p-muted);border-radius:99px;flex:none;padding:6px 9px;font-size:9px}.project-asset-actions{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.project-asset-actions>button{border:1px solid var(--p-line);background:var(--p-panel);height:34px;color:var(--p-ink);cursor:pointer;border-radius:8px;padding:0 10px;font-size:10px;font-weight:650}.project-asset-actions>button:hover{border-color:var(--p-accent);background:var(--p-soft);color:var(--p-accent)}.project-link-form{border:1px solid var(--p-line);background:var(--p-panel);border-radius:10px;grid-template-columns:1fr 1.4fr auto;align-items:end;gap:9px;margin:12px 0;padding:13px;display:grid}.project-link-form label{color:var(--p-muted);gap:5px;font-size:9px;font-weight:700;display:grid}.project-link-form input{border:1px solid var(--p-line);background:var(--p-bg);min-width:0;height:34px;color:var(--p-ink);font:inherit;border-radius:7px;padding:0 9px;font-size:11px}.project-assets-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:11px;display:grid}.project-asset-card{border:1px solid var(--p-line);background:var(--p-panel);border-radius:10px;min-width:0;position:relative;overflow:hidden}.project-asset-preview{background:var(--p-surface);place-items:center;height:126px;display:grid;overflow:hidden}.project-asset-preview img,.project-asset-preview video{object-fit:cover;width:100%;height:100%}.project-link-preview,.project-file-preview{width:100%;height:100%;color:var(--p-accent);align-content:center;justify-items:center;gap:6px;text-decoration:none;display:grid}.project-link-preview span,.project-file-preview span{font-size:28px}.project-link-preview small,.project-file-preview small{letter-spacing:.13em;font-size:8px;font-weight:800}.project-asset-details{gap:5px;padding:9px 10px;display:grid}.project-asset-kind{color:var(--p-accent);letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:800}.project-asset-details strong{color:var(--p-ink);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.project-asset-action{color:var(--p-muted);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:9px;text-decoration:none}.project-asset-action:hover{color:var(--p-accent);text-decoration:underline}.project-asset-remove{color:#fff;cursor:pointer;background:#141a19c9;border:1px solid #ffffff65;border-radius:7px;width:24px;height:24px;font-size:18px;line-height:1;position:absolute;top:7px;right:7px}.project-assets-empty{border:1px dashed var(--p-line);color:var(--p-muted);border-radius:10px;align-items:center;gap:10px;padding:19px;font-size:10px;display:flex}.project-assets-empty span{font-size:19px}.project-assets-empty p{margin:0}.project-welcome{text-align:center;align-content:center;justify-items:center;min-height:65vh;padding:35px;display:grid}.project-welcome-mark{border:1px solid var(--p-line);background:var(--p-soft);width:64px;height:64px;color:var(--p-accent);box-shadow:0 12px 42px color-mix(in srgb,var(--p-accent) 15%,transparent);border-radius:21px;place-items:center;margin-bottom:16px;font-size:32px;display:grid}.project-welcome h1{max-width:570px;color:var(--p-ink);letter-spacing:-.06em;margin:11px 0;font-size:clamp(28px,4vw,45px)}.project-welcome>p{max-width:500px;color:var(--p-muted);margin:0 0 19px;font-size:13px;line-height:1.7}.project-welcome-chips{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:25px;display:flex}.project-welcome-chips span{border:1px solid var(--p-line);background:var(--p-panel);color:var(--p-muted);border-radius:999px;padding:7px 9px;font-size:9px}.project-toast{z-index:110;border:1px solid var(--p-line);background:var(--p-panel);max-width:min(450px,100vw - 36px);color:var(--p-ink);border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-size:11px;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 14px 35px #0003}.project-toast button{color:var(--p-muted);cursor:pointer;background:0 0;border:0;font-size:18px}.project-studio :is(button,input):focus-visible{outline:2px solid var(--p-accent);outline-offset:2px}@media (width<=900px){.project-layout{grid-template-columns:235px minmax(0,1fr)}.project-main{padding:24px}}@media (width<=700px){.project-topbar{flex-wrap:wrap;gap:9px;height:auto;min-height:60px;padding:10px 12px}.project-back{padding:7px 8px}.project-brand{gap:7px}.project-brand-mark{width:30px;height:30px}.project-brand strong{font-size:12px}.project-brand small{font-size:9px}.project-top-actions{gap:7px;margin-left:auto}.project-save-state{max-width:85px;font-size:0;overflow:hidden}.project-save-state i{flex:none}.project-primary{min-height:34px;padding:0 9px;font-size:10px}.project-layout{flex-direction:column;display:flex}.project-sidebar{border-right:0;border-bottom:1px solid var(--p-line);min-height:140px;max-height:230px;padding:12px}.project-sidebar-head h2{margin-bottom:8px;font-size:15px}.project-search{height:32px;margin-bottom:7px}.project-list{max-height:110px}.project-local-note{display:none}.project-main{max-height:none;padding:18px 13px 32px;overflow:visible}.project-document-head{gap:8px}.project-title-input{font-size:24px}.project-delete-button{margin-top:17px;padding:6px;font-size:9px}.project-rich-editor{min-height:260px;padding:20px 17px;font-size:13px}.project-link-form{grid-template-columns:1fr}.project-link-form .project-primary{justify-self:start}.project-attachments-heading{align-items:flex-start}.project-assets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.project-save-state.saving i,.project-save-state.loading i{animation:none}}.project-ribbon-tabs{border-bottom:1px solid var(--p-line);background:var(--p-panel);align-items:center;gap:4px;padding:8px 12px 0;display:flex}.project-ribbon-tabs button{min-width:62px;color:var(--p-muted);cursor:pointer;background:0 0;border:0;border-radius:7px 7px 0 0;padding:8px 13px;font:600 11px inherit;position:relative}.project-ribbon-tabs button:hover{color:var(--p-ink);background:var(--p-surface)}.project-ribbon-tabs button.active{background:var(--p-surface);color:var(--p-accent)}.project-ribbon-tabs button.active:after{background:var(--p-accent);content:"";height:2px;position:absolute;bottom:-1px;left:8px;right:8px}.project-format-toolbar{background:var(--p-surface);border-radius:0}.project-ribbon-group.project-insert-group button{flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:62px;height:50px;padding:4px 6px;font-size:16px;display:flex}.project-ribbon-group.project-insert-group button small{max-width:68px;color:var(--p-muted);white-space:normal;text-align:center;font-size:8px;line-height:1.05}.project-rich-editor table{border-collapse:collapse;width:100%;margin:14px 0}.project-rich-editor th,.project-rich-editor td{border:1px solid var(--p-line);text-align:left;min-width:70px;padding:8px}.project-rich-editor th{background:var(--p-surface);font-weight:700}.project-rich-editor hr{border:0;border-top:1px dashed var(--p-line);height:1px;margin:20px 0}.project-rich-editor img{border-radius:7px;max-width:min(100%,720px)}.project-rich-editor>div[style]{max-width:100%}.project-document-actions{align-items:center;gap:8px;display:flex}.project-export-button{border:1px solid var(--p-line);background:var(--p-surface);min-height:34px;color:var(--p-ink);cursor:pointer;border-radius:8px;padding:0 11px;font-size:10px;font-weight:700}.project-export-button:hover{border-color:var(--p-accent);color:var(--p-accent)}.project-export-overlay{z-index:110;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#090b0dcc;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.project-export-dialog{border:1px solid var(--p-line);background:var(--p-panel);border-radius:17px;width:min(430px,100%);padding:26px;position:relative;box-shadow:0 22px 70px #0005}.project-export-dialog h2{letter-spacing:-.04em;margin:7px 0;font-size:21px}.project-export-dialog>p{color:var(--p-muted);margin:0 0 18px;font-size:11px;line-height:1.6}.project-export-close{border:1px solid var(--p-line);background:var(--p-surface);width:30px;height:30px;color:var(--p-ink);cursor:pointer;border-radius:8px;font-size:19px;position:absolute;top:13px;right:13px}.project-export-choice{border:1px solid var(--p-line);background:var(--p-surface);width:100%;color:var(--p-ink);text-align:left;cursor:pointer;border-radius:10px;grid-template-columns:52px 1fr;align-items:center;gap:2px 12px;margin-top:9px;padding:12px;display:grid}.project-export-choice:hover{border-color:var(--p-accent);background:var(--p-soft)}.project-export-choice>span{background:var(--p-soft);width:48px;height:42px;color:var(--p-accent);border-radius:8px;grid-row:span 2;place-items:center;font-size:11px;font-weight:850;display:grid}.project-export-choice strong{font-size:11px}.project-export-choice small{color:var(--p-muted);font-size:9px}@media (width<=700px){.project-document-head{align-items:flex-start}.project-document-actions{flex-direction:column;flex:none;align-items:stretch}.project-export-button,.project-delete-button{white-space:nowrap}.project-ribbon-tabs{position:sticky;left:0}.project-format-toolbar{max-width:calc(100vw - 34px)}}.project-rich-editor hr{break-after:page;page-break-after:always}@media print{.project-rich-editor hr{break-after:page;page-break-after:always;border:0}}.project-brand-logo{object-fit:contain;background:#fff;border-radius:9px;flex:none;width:148px;height:55px;padding:4px 6px}