:root{--bg:#eef6ff;--ink:#172033;--muted:#5b677a;--line:#cbd8ea;--panel:#fffaf0;--accent:#0f8fa8}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit}.shell{min-height:100vh;padding:32px}.stack{gap:20px;max-width:1040px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px}.nav{flex-wrap:wrap;gap:12px;display:flex}.button{border:1px solid var(--accent);min-height:40px;color:var(--accent);border-radius:8px;align-items:center;padding:8px 14px;text-decoration:none;display:inline-flex}.primary-button{background:var(--accent);color:#fff}.button:disabled{cursor:not-allowed;opacity:.55}.text-button{color:#8f1f1f;cursor:pointer;min-height:40px;font:inherit;background:0 0;border:0;padding:8px 10px}.field{color:var(--ink);gap:8px;font-size:14px;font-weight:600;display:grid}.field input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);font:inherit;background:#fff;border-radius:8px;padding:10px 12px;font-weight:400}.field textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:120px;color:var(--ink);font:inherit;background:#fff;border-radius:8px;padding:10px 12px;font-weight:400;line-height:1.5}.field input:focus,.field textarea:focus{border-color:var(--accent);outline:3px solid #0f8fa82e}.compact-field{min-width:min(260px,100%)}.library-grid{grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:20px;display:grid}.library-upload{align-content:start;gap:18px;display:grid}.library-list{gap:20px;display:grid}.library-list-header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.icon-card{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-rows:136px auto;min-width:0;display:grid;overflow:hidden}.icon-preview{background-color:#f8fbff;background-image:linear-gradient(45deg,#cbd8ea66 25%,#0000 25%),linear-gradient(-45deg,#cbd8ea66 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#cbd8ea66 75%),linear-gradient(-45deg,#0000 75%,#cbd8ea66 75%),none;background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;justify-content:center;align-items:center;padding:16px;display:flex}.icon-preview img{object-fit:contain;width:auto;max-width:104px;height:auto;max-height:104px}.icon-card-body{gap:12px;padding:14px;display:grid}.icon-card h3{overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.35}.icon-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.empty-state{border:1px dashed var(--line);border-radius:8px;padding:28px}.config-list{gap:8px;margin:0;padding-left:18px;display:grid}.status{border-radius:8px;margin:0;padding:10px 12px}.status.success{color:#17613a;background:#e7f8ef}.status.error{color:#8f1f1f;background:#fdecec}.status.warning{color:#744d00;background:#fff6db}.prepare-grid{grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:20px;display:grid}.prepare-form,.prepare-output{align-content:start;gap:18px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.json-output{color:#d7f9ff;white-space:pre-wrap;background:#101827;border-radius:8px;max-height:620px;margin:0;padding:16px;font-size:13px;line-height:1.5;overflow:auto}.approval-grid{grid-template-columns:minmax(340px,1fr) minmax(360px,.9fr);gap:20px;display:grid}.approval-column,.approval-panel{min-width:0}.approval-panel{align-content:start;gap:18px;display:grid}.approval-header-row{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.board-preview-list,.asset-editor-list{gap:16px;display:grid}.board-page-preview{border:1px solid var(--line);border-radius:8px;gap:14px;min-height:260px;padding:16px;display:grid;overflow:hidden}.board-block-list{gap:12px;display:grid}.compact-board-field input,.compact-board-field textarea{min-height:38px}.board-pill-editor{background:#ffffffb8;border:1px solid #0f8fa838;border-radius:999px;grid-template-columns:44px 1fr;align-items:center;gap:8px;padding:8px 12px;display:grid}.board-pill-editor span{color:var(--muted);font-size:12px;font-weight:700}.board-pill-editor input,.asset-label-input{border:1px solid var(--line);color:var(--ink);font:inherit;border-radius:8px;width:100%;min-width:0;min-height:38px;padding:8px 10px}.board-card-editor{border:2px solid;border-radius:8px;gap:10px;padding:12px;display:grid}.asset-editor-card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:14px;min-width:0;padding:14px;display:grid}.segmented-control{border:1px solid var(--line);background:#eef4fb;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.segmented-control button{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:6px;min-height:38px;font-weight:800}.segmented-control button[aria-pressed=true]{color:var(--ink);background:#fff;box-shadow:0 1px 5px #0f172a1a}.asset-card-topline{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;display:grid}.asset-type{color:var(--accent);text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}.asset-formula-preview,.asset-text-preview,.asset-3d-preview{color:#39e0f0;background:#101827f0;border-radius:8px;min-height:140px;padding:14px;overflow:hidden}.asset-formula-preview{justify-content:center;align-items:center;display:flex}.asset-text-preview{align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.5;display:flex}.asset-diagram-preview,.asset-shape-preview{border:1px solid var(--line);background:#f8fbff;border-radius:8px;width:100%;height:180px;display:block}.asset-3d-preview{padding:0}.asset-3d-preview canvas{width:100%;height:150px;display:block}.scenario-link{color:inherit;margin-left:12px;font-weight:800;display:inline-flex}.live-page{min-height:calc(100vh - 64px)}.live-shell{grid-template-columns:minmax(0,1fr) 320px;gap:18px;height:calc(100vh - 64px);min-height:620px;display:grid}.live-stage-surface{background:#0b1020;border:1px solid #39e0f03d;border-radius:8px;min-height:0;position:relative;overflow:hidden}.live-video-placeholder{height:100%;position:absolute;inset:0}.live-camera-video{object-fit:cover;opacity:.94;width:100%;height:100%;position:absolute;inset:0;scale:-1 1}.live-video-placeholder:before{content:"";background:radial-gradient(circle at 50% 36%,#39e0f033,#0000 34%),linear-gradient(145deg,#121e34f5,#040712fa);position:absolute;inset:0}.live-video-grid{opacity:.42;background-image:linear-gradient(#39e0f014 1px,#0000 1px),linear-gradient(90deg,#39e0f014 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0}.live-overlay-layer{pointer-events:none;position:absolute;inset:0}.live-asset-card{cursor:grab;filter:drop-shadow(0 0 6px #39e0f08c);pointer-events:auto;min-width:220px;max-width:min(320px,36vw);scale:var(--live-scale,1);touch-action:none;-webkit-user-select:none;user-select:none;animation:.55s ease-out both live-pop;position:absolute}.live-asset-card[data-asset-type=formula],.live-asset-card[data-asset-type=shape],.live-asset-card[data-asset-type=model3d]{min-width:200px;max-width:min(260px,30vw)}.live-asset-card[data-asset-type=text]{min-width:260px;max-width:min(340px,36vw)}.live-asset-card[data-asset-type=diagram]{min-width:260px;max-width:min(330px,36vw)}.live-asset-card:active{cursor:grabbing}.live-asset-card.is-selected{outline-offset:4px;outline:2px solid #39e0f0d1}.live-asset-card .asset-formula-preview,.live-asset-card .asset-text-preview,.live-asset-card .asset-3d-preview{box-shadow:none;text-shadow:0 1px 10px #040712e6;background:0 0;border-color:#0000}.live-asset-card .asset-diagram-preview,.live-asset-card .asset-shape-preview{background:0 0;border-color:#0000}.live-asset-card .asset-shape-preview path,.live-asset-card .asset-shape-preview circle,.live-asset-card .asset-shape-preview rect{stroke-dasharray:360;stroke-dashoffset:360px;animation:.7s ease-out both live-stroke}.live-asset-label{color:#d7f9ff;letter-spacing:0;background:#070d1cdb;border:1px solid #39e0f057;border-radius:8px 8px 0 0;padding:7px 10px;font-size:12px;font-weight:800}.live-control-panel{border:1px solid var(--line);background:#fffaf0;border-radius:8px;align-content:start;gap:16px;min-width:0;padding:18px;display:grid;overflow:auto}.live-control-panel h2{margin:0 0 6px;font-size:20px;line-height:1.25}.live-status{color:var(--muted);margin:0}.live-actions{grid-template-columns:1fr;gap:10px;display:grid}.danger-button{color:#8f1f1f;border-color:#8f1f1f}.voice-active-button{color:#0b1020;background:#39e0f0;border-color:#39e0f0;box-shadow:0 0 18px #39e0f08c}.live-asset-queue{gap:8px;display:grid}.live-queue-item{border:1px solid var(--line);color:var(--ink);cursor:pointer;font:inherit;text-align:left;background:#fff;border-radius:8px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;min-height:42px;padding:8px 10px;display:grid}.live-queue-order{color:#17613a;background:#e7f8ef;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:inline-flex}.live-queue-copy{gap:2px;display:grid}.live-queue-copy small{color:var(--muted);font-size:11px;font-weight:500}@keyframes live-pop{0%{filter:drop-shadow(0 0 18px #39e0f0);opacity:0;transform:scale(.6)}to{filter:drop-shadow(0 0 6px #39e0f08c);opacity:1;transform:scale(1)}}@keyframes live-stroke{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.live-asset-card,.live-asset-card .asset-shape-preview path,.live-asset-card .asset-shape-preview circle,.live-asset-card .asset-shape-preview rect{animation:none}}@media (max-width:820px){.shell{padding:20px}.library-grid,.prepare-grid,.approval-grid{grid-template-columns:1fr}.library-list-header{flex-direction:column;align-items:stretch}.form-row,.approval-header-row,.asset-card-topline{grid-template-columns:1fr}.approval-header-row{display:grid}.live-shell{grid-template-columns:1fr;height:auto}.live-stage-surface{min-height:62vh}.live-asset-card{min-width:min(240px,76vw);max-width:min(330px,86vw)}}:root{--bg:#f5f7fb;--bg-deep:#edf1f8;--ink:#111827;--ink-soft:#30394b;--muted:#6b7280;--line:#e2e7f0;--line-strong:#d4dbe8;--panel:#ffffffeb;--accent:#6d5dfc;--accent-dark:#5646e8;--accent-soft:#efedff;--cyan:#06a9c6;--amber:#e88b25;--success:#12a06a;--danger:#d94b5b;--shadow-sm:0 1px 2px #131d360a, 0 4px 14px #131d360d;--shadow-md:0 18px 50px #1c264517;--shadow-accent:0 14px 28px #6d5dfc3d}html{scroll-behavior:smooth;min-width:320px}body{background:radial-gradient(circle at 10% 0%, #6d5dfc14, transparent 27rem), radial-gradient(circle at 95% 8%, #06a9c60f, transparent 24rem), var(--bg);color:var(--ink);text-rendering:optimizelegibility;min-height:100vh;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.55}button,input,textarea,select{font-family:inherit}button,a{-webkit-tap-highlight-color:transparent}a{text-decoration:none}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.045em;margin-bottom:14px;font-size:clamp(2rem,4vw,3rem);line-height:1.08}h2{letter-spacing:-.025em;margin-bottom:8px;font-size:1.28rem;line-height:1.25}h3{letter-spacing:-.01em;margin-bottom:6px;font-size:1rem}.muted{color:var(--muted)}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 9px;font-size:11px;font-weight:800}.shell{width:100%;max-width:1480px;min-height:calc(100vh - 76px);margin:0 auto;padding:42px clamp(24px,4vw,64px) 72px}.stack{gap:28px;width:100%;max-width:1280px;margin:0 auto}.app-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:100;background:#fafbfddb;border-bottom:1px solid #d9dfebcc;height:76px;position:sticky;top:0}.app-header-inner{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(20px,4vw,52px);max-width:1480px;height:100%;margin:0 auto;padding:0 clamp(24px,4vw,64px);display:grid}.brand{align-items:center;gap:11px;min-width:max-content;display:inline-flex}.brand-mark{color:#fff;letter-spacing:-.04em;background:linear-gradient(145deg,#7869ff,#5141de);border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:0 8px 18px #5444e040,inset 0 1px #ffffff47}.brand>span:last-child{line-height:1.08;display:grid}.brand strong{letter-spacing:-.02em;font-size:15px}.brand small{color:#8b93a4;margin-top:4px;font-size:10px;font-weight:600}.app-nav{align-items:center;gap:6px;display:flex}.app-nav a{color:#677083;border-radius:11px;align-items:center;gap:8px;min-height:42px;padding:0 13px;font-size:13px;font-weight:650;transition:background .16s,color .16s,transform .16s;display:inline-flex}.app-nav a:hover{color:var(--ink);background:#eff2f8}.app-nav a.active{background:var(--accent-soft);color:var(--accent-dark)}.nav-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:17px;height:17px}.account-menu,.guest-nav{justify-self:end;align-items:center;gap:8px;display:flex}.account-link{border-radius:12px;align-items:center;gap:9px;padding:5px 8px 5px 5px;transition:background .16s;display:inline-flex}.account-link:hover{background:#eef1f7}.avatar{color:#fff;background:linear-gradient(145deg,#1d2739,#44506a);border:2px solid #fff;border-radius:11px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #141d3029}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:13px;font-weight:700;overflow:hidden}.logout-button{color:#8a93a5;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;min-height:38px;padding:0 8px;display:inline-flex}.logout-button:hover{color:var(--danger);background:#fff0f2}.logout-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:17px;height:17px}.logout-button span{font-size:12px;font-weight:650}.panel{background:var(--panel);box-shadow:var(--shadow-sm);border:1px solid #dde3eeeb;border-radius:20px;padding:clamp(20px,2.5vw,30px)}.button{border:1px solid var(--line-strong);color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:9px 16px;font-size:13px;font-weight:750;transition:border-color .16s,box-shadow .16s,transform .16s,background .16s;display:inline-flex}.button:hover:not(:disabled){border-color:#b9c2d2;transform:translateY(-1px);box-shadow:0 6px 18px #1f2a4614}.primary-button{color:#fff;background:linear-gradient(135deg,#7668ff,#5b4bea);border-color:#0000;box-shadow:0 8px 18px #5a49eb33}.primary-button:hover:not(:disabled){box-shadow:var(--shadow-accent);background:linear-gradient(135deg,#6c5dfa,#5141df);border-color:#0000}.button:disabled{box-shadow:none;cursor:not-allowed;filter:saturate(.5);opacity:.55}.text-button{color:var(--danger);border-radius:10px;font-size:12px;font-weight:700}.text-button:hover{background:#fff0f2}.field{color:#343d50;gap:8px;font-size:13px;font-weight:700}.field input,.field textarea,.field select,.asset-label-input,.board-pill-editor input{appearance:none;color:var(--ink);background:#fbfcfe;border:1px solid #dce2ec;border-radius:12px;outline:none;width:100%;min-height:46px;padding:11px 13px;font-size:14px;font-weight:450;transition:border-color .16s,box-shadow .16s,background .16s;box-shadow:inset 0 1px 2px #161f3406}.field textarea{min-height:140px;line-height:1.55}.field select{background-image:linear-gradient(45deg,#0000 50%,#7d879a 50%),linear-gradient(135deg,#7d879a 50%,#0000 50%);background-position:calc(100% - 17px) 20px,calc(100% - 12px) 20px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:34px}.field input[type=file]{color:#737d90;min-height:48px;padding:8px}.field input[type=file]::file-selector-button{background:var(--accent-soft);color:var(--accent-dark);cursor:pointer;font:inherit;border:0;border-radius:8px;margin-right:10px;padding:7px 11px;font-weight:700}.field input:focus,.field textarea:focus,.field select:focus,.asset-label-input:focus,.board-pill-editor input:focus{background:#fff;border-color:#8174ff;outline:none;box-shadow:0 0 0 4px #6d5dfc1f}.field input::placeholder,.field textarea::placeholder{color:#a5adbb}.form-row{gap:14px}.status{border:1px solid #0000;border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.45}.status.success{color:#08764c;background:#ecfbf5;border-color:#c9f0df}.status.error{color:#af2d40;background:#fff0f2;border-color:#ffd3d8}.status.warning{color:#8a5c0e;background:#fff8e8;border-color:#f8e4b3}.empty-state{text-align:center;background:linear-gradient(145deg,#fafbfe,#f6f8fc);border:1px dashed #d5dce8;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:30px;display:flex}.empty-state p:last-child{margin-bottom:0}.json-output{color:#cceff5;background:#121927;border:1px solid #252f42;border-radius:14px;padding:20px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.page-heading>div{max-width:780px}.page-heading h1{margin-bottom:12px}.page-heading p:last-child{max-width:730px;margin-bottom:0;font-size:15px;line-height:1.6}.page-heading-badge{border:1px solid var(--line);box-shadow:var(--shadow-sm);color:#596276;background:#fff;border-radius:999px;align-items:center;gap:8px;min-width:max-content;margin-bottom:5px;padding:8px 12px;font-size:12px;font-weight:750;display:inline-flex}.page-heading-badge span{background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #6d5dfc1a}.page-heading-badge.cyan span{background:var(--cyan);box-shadow:0 0 0 4px #06a9c61a}.page-heading-badge.amber span{background:var(--amber);box-shadow:0 0 0 4px #e88b251a}.prepare-workspace{gap:20px;display:grid}.prepare-mode-switch{background:#e9edf5;border:1px solid #dfe4ee;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));place-self:start;align-items:center;gap:4px;padding:4px;display:inline-grid}.prepare-mode-switch button{color:#70798b;cursor:pointer;background:0 0;border:0;border-radius:10px;min-height:42px;padding:0 18px;font-size:13px;font-weight:750}.prepare-mode-switch button[aria-pressed=true]{color:var(--accent-dark);background:#fff;box-shadow:0 3px 10px #1f2a461a}.prepare-grid,.board-image-workspace{grid-template-columns:minmax(360px,.82fr) minmax(440px,1.18fr);align-items:start;gap:22px}.board-image-workspace{display:grid}.prepare-form,.prepare-output,.board-image-form,.board-image-output{gap:20px}.prepare-form,.board-image-form{position:relative}.prepare-form:before,.board-image-form:before,.library-upload:before{background:linear-gradient(90deg, var(--accent), #8f83ff);content:"";border-radius:20px 20px 0 0;height:3px;position:absolute;inset:-1px 22px auto}.prepare-output{min-height:560px}.prepare-output>div:first-child h2,.board-image-output-heading h2,.library-list-header h2{font-size:1.45rem}.board-image-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.board-image-palette-field{grid-column:span 2}.board-reference-preview{border:1px solid var(--line);background:#f6f8fc;border-radius:14px;padding:10px;overflow:hidden}.board-reference-preview img{object-fit:contain;border-radius:9px;width:100%;max-height:240px;display:block}.board-image-output{display:grid}.board-image-output-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.board-image-actions{gap:8px;display:flex}.board-image-canvas{border:1px solid var(--line);background:#eef1f6;border-radius:16px;justify-content:center;align-items:center;display:flex;overflow:hidden}.board-image-canvas img{object-fit:contain;width:100%;height:100%;display:block}.board-image-history{border-top:1px solid var(--line);padding-top:20px}.board-image-history-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.board-image-history-grid button{border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;background:#f8f9fc;border-radius:12px;padding:5px;overflow:hidden}.board-image-history-grid button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 3px #6d5dfc1a}.board-image-history-grid img{aspect-ratio:16/9;object-fit:cover;border-radius:8px;width:100%;display:block}.board-image-history-grid span{text-overflow:ellipsis;white-space:nowrap;padding:6px 5px 3px;font-size:11px;font-weight:700;display:block;overflow:hidden}.dashboard-page{gap:30px}.dashboard-hero{color:#fff;background:radial-gradient(circle at 76% 22%,#9589ff57,#0000 15rem),linear-gradient(135deg,#191a32 0%,#2a2556 52%,#4b3db4 100%);border:1px solid #ffffff1a;border-radius:26px;grid-template-columns:minmax(0,1fr) minmax(260px,.62fr);align-items:center;gap:24px;min-height:330px;padding:clamp(32px,5vw,62px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px #2a255638}.dashboard-hero:before{content:"";background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.dashboard-hero-copy,.hero-orbit{z-index:1;position:relative}.dashboard-hero h1{max-width:700px;margin-bottom:16px;font-size:clamp(2.25rem,5vw,4.1rem)}.dashboard-hero-copy>p:not(.eyebrow){color:#f2f3ffc2;max-width:620px;font-size:16px;line-height:1.65}.hero-action{color:#3e31b9;background:#fff;min-height:50px;margin-top:8px;padding-inline:20px;box-shadow:0 12px 28px #0a0a193d}.hero-action:hover:not(:disabled){color:#3e31b9;background:#f5f3ff}.hero-orbit{justify-content:center;align-items:center;min-height:220px;display:flex}.hero-orbit:before,.hero-orbit:after{content:"";border:1px solid #ffffff29;border-radius:50%;width:260px;height:260px;position:absolute}.hero-orbit:after{width:190px;height:190px}.orbit-card-main{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff21;border:1px solid #ffffff3d;border-radius:20px;min-width:205px;padding:22px;display:grid;transform:rotate(-4deg);box-shadow:0 24px 40px #09081e40}.orbit-card-main span{background:#8e81ff;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:25px;font-size:11px;font-weight:900;display:inline-flex}.orbit-card-main strong{font-size:17px}.orbit-card-main small{color:#ffffffa6;margin-top:5px}.orbit-dot{border-radius:50%;position:absolute}.orbit-dot-one{background:#57d5e8;width:13px;height:13px;top:14%;right:8%}.orbit-dot-two{background:#ffbe72;width:9px;height:9px;bottom:9%;left:10%}.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.dashboard-stats>div{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#ffffffdb;border-radius:17px;grid-template-columns:1fr auto;gap:2px;padding:18px 20px;display:grid}.dashboard-stats span{color:var(--muted);font-size:12px;font-weight:700}.dashboard-stats strong{letter-spacing:-.05em;grid-row:span 2;font-size:1.7rem}.dashboard-stats small{color:#9aa2b1;font-size:11px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:-12px;display:flex}.section-heading h2{margin:0;font-size:1.6rem}.quick-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.quick-action-card{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:112px;padding:20px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.quick-action-icon{background:var(--accent-soft);color:var(--accent-dark);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:900;display:inline-flex}.quick-action-card.cyan .quick-action-icon{color:#078aa1;background:#e6f9fc}.quick-action-card.amber .quick-action-icon{color:#c56b0d;background:#fff4e6}.quick-action-copy{gap:4px;display:grid}.quick-action-copy strong{font-size:15px}.quick-action-copy small{color:var(--muted);font-size:12px;line-height:1.45}.quick-action-arrow{color:#a5adbb;font-size:17px}.dashboard-content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.resource-panel{min-width:0}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.panel-heading h2{margin:0}.panel-heading>a{color:var(--accent);font-size:12px;font-weight:750}.resource-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.resource-list li{border-top:1px solid #edf0f5;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:65px;padding:9px 0;display:grid}.resource-list li>span:nth-child(2){min-width:0;display:grid}.resource-list li>span:nth-child(2)>a{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:750;overflow:hidden}.resource-list small{color:#929aaa;margin-top:2px;font-size:10px}.resource-icon{background:var(--accent-soft);color:var(--accent-dark);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:900;display:inline-flex}.resource-icon.live{color:#0b9363;background:#e8faf4;font-size:8px}.resource-arrow{color:#a5adbb;padding:8px;font-size:15px}.compact-empty{text-align:left;flex-direction:row;align-items:center;gap:12px;min-height:112px;padding:18px}.compact-empty>span{color:var(--accent);font-size:22px}.connection-strip{background:#eef1f6;border:1px solid #e2e6ef;border-radius:16px;align-items:center;gap:30px;padding:15px 18px;display:flex}.connection-strip>div{align-items:center;gap:10px;display:flex}.connection-strip>div>span:last-child{display:grid}.connection-strip strong{font-size:12px}.connection-strip small{color:var(--muted);font-size:10px}.connection-strip>a{color:var(--accent-dark);margin-left:auto;font-size:12px;font-weight:750}.connection-light{background:#aab1bf;border:3px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #d1d6e0}.connection-light.on{background:#1fb97d}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.account-section{align-content:start;gap:20px;display:grid}.account-section h2{margin-bottom:4px}.profile-form{gap:14px;display:grid}.profile-form .button{justify-self:start}.account-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.account-stats>div{background:#f6f8fc;border:1px solid #ebeff5;border-radius:14px;padding:15px;display:grid}.account-stats dt{color:var(--muted);font-size:11px;font-weight:700}.account-stats dd{letter-spacing:-.05em;margin:4px 0 0;font-size:1.8rem;font-weight:800}.integration-copy{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.connection-badge{color:#737b8b;background:#f1f3f7;border:1px solid #e1e5ed;border-radius:999px;min-width:max-content;padding:6px 10px;font-size:11px;font-weight:750}.connection-badge.connected{color:#08764c;background:#eafaf3;border-color:#c9f0df}.auth-layout{grid-template-columns:minmax(360px,1fr) minmax(360px,.8fr);align-items:stretch;gap:0;max-width:1080px;min-height:620px;margin:10px auto 0;display:grid;overflow:hidden}.auth-intro{color:#fff;background:radial-gradient(circle at 80% 20%,#978bff61,#0000 13rem),linear-gradient(145deg,#191a32,#403491);border-radius:26px 0 0 26px;flex-direction:column;justify-content:flex-end;padding:clamp(35px,6vw,70px);display:flex;position:relative}.auth-intro:before{content:"✦";border:1px solid #ffffff24;border-radius:50%;place-items:center;width:180px;height:180px;font-size:30px;display:grid;position:absolute;top:70px;left:50%;transform:translate(-50%)}.auth-intro .eyebrow{color:#c6c0ff}.auth-intro h1{font-size:clamp(2.2rem,4vw,3.5rem)}.auth-intro>p:last-child{color:#ffffffb3;line-height:1.7}.auth-panel{border:1px solid var(--line);background:#fff;border-left:0;border-radius:0 26px 26px 0;align-content:center;gap:26px;padding:clamp(35px,6vw,70px);display:grid}.auth-panel h2{font-size:2rem}.auth-form{gap:17px;display:grid}.password-field{display:block;position:relative}.password-field input{padding-right:82px}.password-toggle{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:8px;font-size:11px;font-weight:750;position:absolute;top:5px;right:5px}.field-hint{color:var(--muted);font-size:11px;font-weight:500}.auth-submit{width:100%;margin-top:4px}.auth-switch{color:var(--muted);text-align:center;margin:0;font-size:12px}.auth-switch a{color:var(--accent);font-weight:750}.library-grid{grid-template-columns:minmax(300px,.68fr) minmax(0,1.32fr);align-items:start;gap:22px}.library-upload{border-top-color:#6d5dfc40;position:sticky;top:98px}.library-list{gap:22px}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:14px}.icon-card{border-color:#e4e9f1;border-radius:16px;transition:box-shadow .16s,transform .16s;box-shadow:0 3px 12px #1822390a}.icon-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.icon-preview{background-color:#f8f9fc;background-size:18px 18px}.icon-card-body{padding:16px}.approval-grid{align-items:start;gap:22px}.board-page-preview,.asset-editor-card{border-color:#e1e6ef;border-radius:16px}.asset-editor-card{padding:18px;box-shadow:0 4px 16px #19243d0a}.board-pill-editor{border-radius:999px}.board-card-editor{border-radius:14px}.segmented-control{background:#edf0f6;border-color:#e0e5ee;border-radius:13px;padding:4px}.segmented-control button{border-radius:9px;font-size:12px}.asset-formula-preview,.asset-text-preview,.asset-3d-preview,.asset-diagram-preview,.asset-shape-preview{border-radius:14px}.live-page{margin:-18px auto 0}.live-shell{gap:14px;height:calc(100vh - 108px)}.live-stage-surface{border-radius:22px;box-shadow:0 20px 55px #080e1f33}.live-control-panel{border-color:var(--line);box-shadow:var(--shadow-sm);background:#fffffff5;border-radius:20px;padding:20px}.live-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.live-actions .danger-button:last-child:nth-child(3){grid-column:span 2}.live-queue-item{border-color:#e3e7ef;border-radius:12px;min-height:48px;transition:border-color .15s,transform .15s}.live-queue-item:hover{border-color:#bfb8ff;transform:translate(2px)}@media (max-width:1060px){.app-header-inner{gap:20px}.app-nav a{padding-inline:10px}.app-nav a .nav-icon{display:none}.dashboard-hero{grid-template-columns:minmax(0,1fr) 270px}.prepare-grid,.board-image-workspace{grid-template-columns:minmax(320px,.9fr) minmax(380px,1.1fr)}}@media (max-width:860px){.app-header{height:auto;position:relative}.app-header-inner{grid-template-columns:1fr auto;padding-block:12px}.app-nav{grid-area:2/1/auto/-1;padding-top:4px;overflow-x:auto}.app-nav a .nav-icon{display:block}.shell{padding:30px 20px 54px}.dashboard-hero{grid-template-columns:1fr}.hero-orbit{display:none}.quick-action-grid,.dashboard-content-grid,.prepare-grid,.board-image-workspace,.library-grid,.approval-grid,.account-grid{grid-template-columns:1fr}.library-upload{position:static}.auth-layout{grid-template-columns:1fr;min-height:0;margin-top:0}.auth-intro{border-radius:22px 22px 0 0;min-height:360px}.auth-panel{border-left:1px solid var(--line);border-radius:0 0 22px 22px}}@media (max-width:620px){.brand small,.account-name,.logout-button span{display:none}.app-header-inner{padding-inline:14px}.app-nav{justify-content:space-between}.app-nav a{flex-direction:column;flex:1;gap:2px;min-width:65px;padding:7px 5px;font-size:10px}.shell{padding-inline:14px}.page-heading{flex-direction:column;align-items:flex-start}.page-heading-badge{order:-1}.dashboard-hero{border-radius:20px;min-height:0;padding:28px 22px}.dashboard-stats{grid-template-columns:1fr}.quick-action-card{min-height:94px}.connection-strip{flex-direction:column;align-items:stretch;gap:14px}.connection-strip>a{margin-left:0}.prepare-mode-switch{justify-self:stretch}.prepare-mode-switch button{padding-inline:10px}.form-row,.board-image-options,.account-stats{grid-template-columns:1fr}.board-image-palette-field{grid-column:auto}.board-image-output-heading,.library-list-header,.approval-header-row{flex-direction:column;align-items:stretch}.board-image-actions{grid-template-columns:1fr 1fr;display:grid}.live-shell{height:auto}.live-stage-surface{min-height:56vh}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.worksheet-studio{grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start;gap:clamp(16px,2vw,24px);display:grid}.worksheet-form{flex-direction:column;gap:16px;display:flex}.worksheet-form small{margin-top:6px;line-height:1.4;display:block}.worksheet-output{flex-direction:column;gap:clamp(16px,2vw,24px);min-width:0;display:flex}.worksheet-placeholder h2,.worksheet-result h2,.worksheet-history h2,.font-kit h2{margin:0 0 8px;font-size:1.15rem}.worksheet-hints{color:var(--muted);flex-direction:column;gap:8px;margin:16px 0 0;padding-left:18px;display:flex}.worksheet-result-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.worksheet-result-head p{margin:4px 0 0}.worksheet-note{background:#fff4d6b3;border:1px solid #ebd9aee6;border-radius:12px;margin:0 0 16px;padding:10px 14px;font-size:.92rem}.worksheet-pages{flex-direction:column;gap:16px;display:flex}.worksheet-pages img{border:1px solid var(--line);border-radius:12px;width:100%;height:auto;display:block}.worksheet-history-list,.font-kit-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.worksheet-history-list li,.font-kit-list li{border:1px solid var(--line);background:#f8f9fc;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.worksheet-history-list strong,.font-kit-list strong{display:block}.worksheet-history-list small,.font-kit-list small{margin-top:2px;display:block}.font-kit{flex-direction:column;gap:18px;display:flex}.font-kit-head p{max-width:62ch;margin:6px 0 0}.shared-fonts{border-top:1px solid var(--line);flex-direction:column;gap:12px;padding-top:18px;display:flex}.shared-fonts h3{margin:0;font-size:1.05rem}.shared-fonts>p{max-width:62ch;margin:0}.shared-fonts-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.shared-fonts-grid li{border:1px solid var(--line);background:#faf9f5;border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex}.shared-fonts-grid strong{font-size:1.3rem}.shared-fonts-grid p{margin:0;font-size:1.05rem;line-height:1.35}.shared-fonts-actions{align-items:center;gap:8px;margin-top:auto;display:flex}.shared-fonts-actions select{flex:1;min-width:0}.font-kit-form{flex-direction:column;gap:14px;max-width:520px;display:flex}@media (max-width:900px){.worksheet-studio{grid-template-columns:minmax(0,1fr)}}.worksheet-blocks header p{max-width:62ch;margin:6px 0 0}.worksheet-blocks-list{flex-direction:column;gap:10px;margin:18px 0 0;padding:0;list-style:none;display:flex}.worksheet-blocks-list>li{border:1px solid var(--line);background:#f8f9fc;border-radius:12px;padding:12px 14px}.worksheet-blocks-list>li.open{border-color:var(--line-strong);background:#fff}.worksheet-block-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.worksheet-block-head>div:first-child{overflow-wrap:anywhere;flex:1;min-width:0}.worksheet-block-answers{margin-top:12px;font-size:.9rem}.worksheet-block-answers summary{cursor:pointer;color:var(--muted)}.worksheet-block-answers ol{overflow-wrap:anywhere;margin:8px 0;padding-left:24px}@media (max-width:680px){.worksheet-block-head{flex-direction:column}.worksheet-block-head>div:first-child{width:100%}.worksheet-block-head small{max-width:100%}.worksheet-block-tools,.block-editor-actions{flex-wrap:wrap}}.worksheet-block-head strong{margin:4px 0 2px;display:block}.worksheet-block-head small{text-overflow:ellipsis;white-space:nowrap;max-width:46ch;display:block;overflow:hidden}.worksheet-block-type{background:var(--panel-soft,#eef1f8);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:.72rem}.block-editor{border-top:1px solid var(--line);flex-direction:column;gap:14px;margin-top:14px;padding-top:16px;display:flex}.block-editor textarea{font-family:inherit}.block-editor-actions{gap:10px;display:flex}.block-editor-ask{border-top:1px dashed var(--line);flex-direction:column;gap:10px;padding-top:14px;display:flex}.block-editor-ask button{align-self:flex-start}.worksheet-history-actions{gap:8px;display:flex}.worksheet-block-tools{flex-shrink:0;align-items:center;gap:6px;display:flex}.icon-button{border:1px solid var(--line-strong);color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;padding:8px 11px;font-size:.95rem;line-height:1}.icon-button:disabled{color:var(--muted);cursor:not-allowed;opacity:.5}.icon-button.danger:not(:disabled):hover{color:#d94848;border-color:#d94848}.worksheet-block-confirm{background:#fff5f5;border:1px solid #f0cfcf;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;display:flex}.worksheet-block-confirm span{flex-grow:1}.worksheet-add-block{border-top:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding-top:16px;display:flex}.canvas-page{max-width:1180px}.canvas-library-layout{grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:20px;display:grid}.canvas-create-form,.canvas-list{align-content:start;gap:16px;display:grid}.canvas-create-form h2,.canvas-create-form p,.canvas-list h2{margin:0}.canvas-create-form select,.canvas-properties select{border:1px solid var(--line);color:var(--ink);font:inherit;background:#fff;border-radius:8px;min-height:44px;padding:8px 10px}.canvas-list ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.canvas-list li{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.canvas-list li strong,.canvas-list li small{display:block}.canvas-list li small{margin-top:4px}.canvas-list-actions,.canvas-delete-confirm{flex-shrink:0;align-items:center;gap:8px;display:flex}.canvas-empty{border:1px dashed var(--line-strong,var(--line));text-align:center;border-radius:12px;padding:30px}.canvas-empty p{margin-bottom:0}.canvas-workspace{gap:14px;max-width:none;margin:-8px;display:grid}.canvas-page-title{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.canvas-page-title h1,.canvas-page-title p{margin:0}.canvas-page-title>p{text-align:right;font-size:.85rem}.canvas-editor-shell{border:1px solid var(--line);background:#f9fafc;border-radius:14px;min-height:700px;overflow:hidden;box-shadow:0 12px 30px #21304f14}.canvas-toolbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:10px;min-height:58px;padding:8px 12px;display:flex}.canvas-toolbar-group{align-items:center;gap:6px;display:flex}.canvas-toolbar-group+.canvas-toolbar-group{border-left:1px solid var(--line);padding-left:10px}.canvas-toolbar-spacer{flex:1}.canvas-zoom output{color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;min-width:48px}.canvas-save-message{color:var(--muted);max-width:280px;font-size:.82rem}.canvas-editor-shell:fullscreen{background:#fff;flex-direction:column;display:flex}.canvas-editor-shell:fullscreen .canvas-editor-layout{flex:1;height:auto}.canvas-editor-layout{grid-template-columns:190px minmax(0,1fr) 210px;height:max(560px,100vh - 150px);display:grid}.canvas-sidebar,.canvas-properties{background:#fff;padding:14px;overflow:auto}.canvas-sidebar{border-right:1px solid var(--line)}.canvas-properties{border-left:1px solid var(--line)}.canvas-sidebar h2,.canvas-properties h2{letter-spacing:.02em;margin:0 0 12px;font-size:.9rem}.canvas-add-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.canvas-add-grid button,.canvas-icon-list button{border:1px solid var(--line);color:var(--ink);cursor:pointer;font:inherit;background:#f7f9fc;border-radius:9px}.canvas-add-grid button{flex-direction:column;align-items:center;gap:4px;min-height:62px;padding:8px 4px;font-size:.72rem;display:flex}.canvas-add-grid button:hover,.canvas-icon-list button:hover{border-color:var(--accent);background:#eef8fa}.canvas-add-grid button span{font-size:1.3rem;line-height:1}.canvas-library-head{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.canvas-library-head input{min-height:38px}.canvas-icon-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px;display:grid}.canvas-icon-list button{min-width:0;padding:6px}.canvas-icon-list img{object-fit:contain;width:100%;height:52px;display:block}.canvas-icon-list span{text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;display:block;overflow:hidden}.canvas-stage{cursor:default;touch-action:none;background-color:#eef0f2;background-image:radial-gradient(#bac0c7 1px,#0000 1.2px);position:relative;overflow:hidden}.canvas-stage:focus-visible{outline-offset:-3px;outline:3px solid #0f8fa859}.canvas-stage.panning{cursor:grab}.canvas-stage.panning:active{cursor:grabbing}.canvas-stage.panning .canvas-element,.canvas-stage.panning .canvas-path-hit{cursor:grab}.canvas-stage.panning:active .canvas-element,.canvas-stage.panning:active .canvas-path-hit{cursor:grabbing}.canvas-world{transform-origin:0 0;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.canvas-frame{pointer-events:none;background-color:#fff;position:absolute;box-shadow:0 4px 24px #161f322e}.canvas-frame-draft{border:calc(2px * var(--inv,1)) dashed var(--accent);box-shadow:none;z-index:100002;background:#ffffffb8}.canvas-bg-grid{background-image:linear-gradient(var(--canvas-grid,#e0e5eb) 1px, transparent 1px), linear-gradient(90deg, var(--canvas-grid,#e0e5eb) 1px, transparent 1px);background-size:32px 32px}.canvas-bg-dots{background-image:radial-gradient(var(--canvas-grid,#c4ccd7) 1.5px, transparent 1.5px);background-size:32px 32px}.canvas-frame-label{color:#fff;background:#263246;border-radius:4px 4px 0 0;padding:5px 8px;font-size:12px;position:absolute;top:-26px;left:0}.canvas-element{cursor:move;transform-origin:50%;-webkit-user-select:none;user-select:none;white-space:pre-wrap;justify-content:center;align-items:center;padding:8px;line-height:1.25;display:flex;position:absolute}.canvas-element-text{justify-content:flex-start;padding:2px}.canvas-element-sticky{color:#202636;border:1px solid #2c34401f;border-radius:8px;justify-content:flex-start;padding:16px;box-shadow:0 5px 14px #1e283c1f}.canvas-element-image img{object-fit:contain;pointer-events:none;width:100%;height:100%}.canvas-element-shape{background:0 0}.canvas-shape-fill{background:var(--shape-fill);border:2px solid var(--shape-stroke);position:absolute;inset:0}.shape-rect .canvas-shape-fill{border-radius:7px}.shape-ellipse .canvas-shape-fill{border-radius:999px}.shape-triangle .canvas-shape-fill{clip-path:polygon(50% 0,100% 100%,0 100%)}.shape-rounded .canvas-shape-fill{border-radius:22px}.shape-diamond .canvas-shape-fill{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.canvas-version-card input[type=number]{border:1px solid #c8d4dc;border-radius:8px;width:100%;margin:8px 0;padding:9px;display:block}.canvas-version-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.canvas-version-actions button{cursor:pointer;background:#eef8f8;border:1px solid #a6c8d0;border-radius:8px;padding:8px 12px}.canvas-shape-label{z-index:1;position:relative}.canvas-element.selected{outline:calc(2px * var(--inv,1)) solid #087f96;outline-offset:calc(2px * var(--inv,1))}.canvas-element textarea{font:inherit;height:100%;line-height:inherit;resize:none;background:#fffffff0;border:1px solid #087f96;width:100%;padding:6px}.canvas-resize-handle{--h:calc(14px * var(--inv,1));border:calc(2px * var(--inv,1)) solid #087f96;height:var(--h);touch-action:none;width:var(--h);z-index:5;background:#fff;border-radius:50%;padding:0;position:absolute}.canvas-resize-handle:after{content:"";inset:calc(-6px * var(--inv,1));position:absolute}.handle-nw{cursor:nwse-resize;left:calc(var(--h) / -2);top:calc(var(--h) / -2)}.handle-n{cursor:ns-resize;left:calc(50% - var(--h) / 2);top:calc(var(--h) / -2)}.handle-ne{cursor:nesw-resize;right:calc(var(--h) / -2);top:calc(var(--h) / -2)}.handle-e{cursor:ew-resize;right:calc(var(--h) / -2);top:calc(50% - var(--h) / 2)}.handle-se{bottom:calc(var(--h) / -2);cursor:nwse-resize;right:calc(var(--h) / -2)}.handle-s{bottom:calc(var(--h) / -2);cursor:ns-resize;left:calc(50% - var(--h) / 2)}.handle-sw{bottom:calc(var(--h) / -2);cursor:nesw-resize;left:calc(var(--h) / -2)}.handle-w{cursor:ew-resize;left:calc(var(--h) / -2);top:calc(50% - var(--h) / 2)}.canvas-rotate-handle{--r:calc(22px * var(--inv,1));border:calc(1.5px * var(--inv,1)) solid #087f96;bottom:calc(-38px * var(--inv,1));box-shadow:0 calc(1px * var(--inv,1)) calc(4px * var(--inv,1)) #141e2d2e;color:#087f96;cursor:grab;height:var(--r);left:calc(50% - var(--r) / 2);touch-action:none;width:var(--r);z-index:5;background:#fff;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.canvas-rotate-handle:active{cursor:grabbing}.canvas-rotate-handle:hover{color:#fff;background:#087f96}.canvas-rotate-handle svg{pointer-events:none;width:62%;height:62%}.canvas-rotate-handle:before{content:"";height:calc(14px * var(--inv,1));bottom:100%;left:calc(50% - .5px * var(--inv,1));width:calc(1px * var(--inv,1));background:#087f96;position:absolute}.canvas-rotate-handle:after{content:"";inset:calc(-6px * var(--inv,1));position:absolute}.canvas-marquee{border:calc(1px * var(--inv,1)) solid #087f96;pointer-events:none;z-index:100000;background:#087f9614;position:absolute}.canvas-group-bounds{border:calc(1.5px * var(--inv,1)) dashed #087f96;pointer-events:none;z-index:99999;position:absolute}.canvas-help ul{gap:6px;margin:10px 0 0;padding:0;font-size:.82rem;list-style:none;display:grid}.canvas-help b{font-weight:600}.canvas-size-fields input{width:100%}.canvas-add-grid button[draggable=true],.canvas-icon-list button[draggable=true]{cursor:grab}@font-face{font-family:Canvas Sans;font-weight:400;src:url(/fonts/PTSans-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Canvas Sans;font-weight:700;src:url(/fonts/PTSans-Bold.ttf)format("truetype");font-display:swap}@font-face{font-family:Canvas Serif;font-weight:400;src:url(/fonts/PTSerif-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Canvas Serif;font-weight:700;src:url(/fonts/PTSerif-Bold.ttf)format("truetype");font-display:swap}@font-face{font-family:Canvas Script;font-weight:400;src:url(/fonts/MarckScript-Regular.ttf)format("truetype");font-display:swap}.canvas-properties-fields{gap:13px;display:grid}.canvas-element-kind{color:#226576;background:#eef5f8;border-radius:6px;margin:0;padding:6px 8px;font-size:.76rem;font-weight:700}.canvas-check{align-items:center;gap:8px;font-size:.82rem;display:flex}.share-tools{border:1px solid var(--line);border-radius:12px;gap:8px;padding:10px 12px;display:grid}.share-tools legend{color:var(--muted);padding:0 4px;font-size:.76rem}.canvas-swatches{border:0;flex-wrap:wrap;gap:7px;margin:0;padding:0;display:flex}.canvas-swatches legend{width:100%;margin-bottom:8px;font-size:.76rem;font-weight:700}.canvas-swatches button{cursor:pointer;border:1px solid #141e2d40;border-radius:50%;width:28px;height:28px}.canvas-order-buttons,.canvas-export-actions{gap:7px;display:flex}.canvas-order-buttons .button,.canvas-export-actions .button{flex:1;justify-content:center;padding-inline:8px}.canvas-export-actions{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.canvas-note{font-size:.74rem;line-height:1.45}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:1100px){.canvas-editor-layout{grid-template-columns:136px minmax(0,1fr) 176px}.canvas-sidebar,.canvas-properties{padding:12px;font-size:.88rem}.canvas-add-grid{grid-template-columns:1fr}.canvas-icon-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.canvas-library-layout{grid-template-columns:1fr}}.canvas-mobile-note{display:none}@media (max-width:700px){.canvas-page-title{flex-direction:column;align-items:flex-start}.canvas-page-title>p{text-align:left}.canvas-editor-shell{min-height:650px}.canvas-editor-layout{grid-template-columns:1fr;height:auto}.canvas-sidebar{border-bottom:1px solid var(--line);border-right:0;max-height:220px}.canvas-stage{height:480px}.canvas-properties{grid-column:auto;max-height:none}.canvas-toolbar{flex-wrap:wrap}.canvas-save-message{order:5;width:100%}.canvas-mobile-note{margin:0;display:block}}.shared-library{flex-direction:column;gap:16px;display:flex}.shared-library-head p{max-width:62ch;margin:6px 0 0}.shared-library-filters{flex-direction:column;gap:12px;display:flex}.shared-library-filters input{max-width:420px}.shared-library-subjects{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:6px 12px;font-size:.85rem}.shared-library-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.shared-library-grid li{border:1px solid var(--line);background:#faf9f5;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;display:flex}.shared-library-grid img{object-fit:contain;width:64px;height:64px}.shared-library-grid small{color:var(--muted);text-align:center;font-size:.72rem;line-height:1.2}@font-face{font-family:Onest;font-weight:400;font-display:swap;src:url(/fonts/ui/Onest-400.ttf)format("truetype")}@font-face{font-family:Onest;font-weight:500;font-display:swap;src:url(/fonts/ui/Onest-500.ttf)format("truetype")}@font-face{font-family:Onest;font-weight:600;font-display:swap;src:url(/fonts/ui/Onest-600.ttf)format("truetype")}@font-face{font-family:Onest;font-weight:700;font-display:swap;src:url(/fonts/ui/Onest-700.ttf)format("truetype")}@font-face{font-family:Onest;font-weight:800;font-display:swap;src:url(/fonts/ui/Onest-800.ttf)format("truetype")}:root{--font-ui:"Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg:#f6f7fb;--bg-deep:#eef0f6;--ink:#14151c;--ink-soft:#363a4b;--muted:#676d80;--line:#e8eaf1;--line-strong:#d8dce6;--panel:#fff;--accent:#5b4cf0;--accent-dark:#4636d8;--accent-soft:#efedff;--shadow-sm:0 1px 2px #1018280a, 0 1px 3px #1018280a;--shadow-md:0 12px 32px #10182814;--shadow-accent:0 6px 16px #5b4cf038;--focus-ring:0 0 0 3px #5b4cf047}body{background:var(--bg);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-size:15.5px}h1{letter-spacing:-.035em;font-weight:800}h2{letter-spacing:-.02em;font-weight:700}h3{font-weight:650}.eyebrow{letter-spacing:.08em;font-size:12px;font-weight:700}a:focus-visible,button:focus-visible,.button:focus-visible,.chip:focus-visible{box-shadow:var(--focus-ring);outline:none}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:18px}.button{border-color:var(--line-strong);color:var(--ink-soft);letter-spacing:-.005em;border-radius:12px;min-height:44px;padding:10px 18px;font-size:14px;font-weight:600}.button:hover:not(:disabled){box-shadow:var(--shadow-sm);background:#fafafc;border-color:#c5cad6;transform:none}.primary-button{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 1px 2px #1018281a,inset 0 1px #ffffff24}.primary-button:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark);box-shadow:var(--shadow-accent)}.button-secondary{background:#fff}.button[aria-disabled=true]{cursor:default;opacity:.6}.field{color:var(--ink-soft);font-size:13.5px;font-weight:600}.field input,.field textarea,.field select{border-color:var(--line-strong);box-shadow:none;background-color:#fff;min-height:44px;font-size:15px;font-weight:400}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.app-header{border-bottom-color:var(--line);background:#ffffffe0;height:64px}.brand-mark{background:var(--accent);box-shadow:none;border-radius:10px;width:34px;height:34px}.brand strong{font-size:15px;font-weight:750}.app-nav a{color:var(--muted);border-radius:10px;min-height:38px;font-size:14px;font-weight:550}.app-nav a.active{background:var(--accent-soft);color:var(--accent-dark);font-weight:650}.header-cta{min-height:38px;padding:8px 14px}.credits-pill{background:var(--accent-soft);color:var(--accent-dark);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:5px;height:34px;padding:0 12px 0 10px;font-size:13px;font-weight:700;transition:background .16s;display:inline-flex}.credits-pill:hover{background:#e3dfff}.credits-pill svg{fill:currentColor;width:14px;height:14px}.credits-pill.low{color:#b25e05;background:#fff3e0}.avatar{background:var(--ink-soft);box-shadow:none;border:0;border-radius:999px}.text-link{color:var(--ink-soft);padding:8px 10px;font-size:14px;font-weight:600}.text-link:hover{color:var(--accent-dark)}@media (max-width:1100px){.header-cta{display:none}}.dashboard-hero{border:1px solid var(--line);box-shadow:none;color:var(--ink);background:linear-gradient(120deg,#f1efff 0%,#fff 48%,#eaf8fb 100%);border-radius:24px;min-height:300px}.dashboard-hero:before{background-image:radial-gradient(#5b4cf01f 1px,#0000 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,#0000 35%,#000);mask-image:linear-gradient(90deg,#0000 35%,#000)}.dashboard-hero .eyebrow{color:var(--accent)}.dashboard-hero h1{font-size:clamp(2.1rem,4.4vw,3.4rem)}.dashboard-hero-copy>p:not(.eyebrow){color:var(--muted)}.hero-action{background:var(--accent);color:#fff;box-shadow:0 1px 2px #1018281a}.hero-action:hover:not(:disabled){background:var(--accent-dark);color:#fff}.hero-art{min-height:240px;display:block;position:relative}.hero-art img{filter:drop-shadow(0 18px 24px #281e7824);position:absolute}.hero-art .art-1{width:150px;height:150px;top:8%;left:18%;transform:rotate(-8deg)}.hero-art .art-2{width:110px;height:110px;top:0;right:6%;transform:rotate(10deg)}.hero-art .art-3{width:112px;height:112px;bottom:2%;right:4%;transform:rotate(-4deg)}.hero-note{border:1px solid var(--line);box-shadow:var(--shadow-md);background:#fff;border-radius:14px;gap:2px;padding:12px 14px;font-size:13px;display:grid;position:absolute;bottom:10%;left:0}.hero-note strong{font-size:14px}.hero-note small{color:var(--muted)}.dashboard-stats>div,.quick-action-card{border-color:var(--line);box-shadow:var(--shadow-sm);background:#fff}.dashboard-stats span{font-weight:600}.dashboard-stats strong{font-weight:750}.quick-action-card:hover{box-shadow:var(--shadow-md);border-color:#cfc9ff;transform:none}.quick-action-icon{background:var(--bg);border-radius:14px;width:56px;height:56px;overflow:hidden}.quick-action-icon img{object-fit:contain;width:46px;height:46px}.quick-action-card{grid-template-columns:56px minmax(0,1fr) auto}.quick-action-card.cyan .quick-action-icon,.quick-action-card.amber .quick-action-icon{background:var(--bg)}.panel-heading>a{font-size:13px;font-weight:650}.pricing-page{max-width:1180px}.pricing-hero{text-align:center;justify-items:center;max-width:720px;margin:8px auto 12px;display:grid}.pricing-hero h1{font-size:clamp(2rem,4vw,3rem)}.pricing-hero p{margin-bottom:8px}.pricing-current{background:var(--accent-soft);color:var(--accent-dark);border-radius:999px;margin-top:8px;padding:8px 16px;font-size:14px}.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.pricing-card{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;flex-direction:column;gap:10px;padding:26px 22px;display:flex;position:relative}.pricing-card h2{margin:0;font-size:1.15rem}.pricing-card>.muted{min-height:42px;margin:0;font-size:14px}.pricing-card.featured{border:2px solid var(--accent);box-shadow:0 18px 40px #5b4cf024}.pricing-badge{background:var(--accent);color:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;top:-13px;left:22px}.pricing-price{align-items:baseline;gap:6px;margin:4px 0 0;display:flex}.pricing-price strong{letter-spacing:-.04em;font-size:2.1rem;font-weight:800}.pricing-price span{color:var(--muted);font-size:14px}.pricing-year{color:var(--success);min-height:20px;margin:0;font-size:13px;font-weight:600}.pricing-card ul{flex:1;gap:8px;margin:8px 0 12px;padding:0;list-style:none;display:grid}.pricing-card li{padding-left:24px;font-size:14px;position:relative}.pricing-card li:before{color:var(--accent);content:"✓";font-weight:800;position:absolute;left:2px}.pricing-cta{width:100%}.muted-card{background:var(--bg);box-shadow:none}.pricing-costs table{border-collapse:collapse;width:100%;margin:8px 0 12px}.pricing-costs td{border-bottom:1px solid var(--line);padding:12px 4px;font-size:15px}.pricing-costs td:last-child{text-align:right;white-space:nowrap;font-weight:650}@media (max-width:1000px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}}@media (max-width:560px){.pricing-grid{grid-template-columns:1fr}}.credit-history{gap:0;margin:0 0 16px;padding:0;list-style:none;display:grid}.credit-history li{border-top:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:10px 0;font-size:14px;display:grid}.credit-history strong{color:var(--ink-soft);font-variant-numeric:tabular-nums}@media (max-width:860px){.dashboard-hero{grid-template-columns:1fr}.hero-art{display:none}.app-header{height:auto}.app-nav a{min-height:52px;font-size:12px}}@media (max-width:620px){.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dashboard-stats>div{grid-template-columns:1fr;padding:12px}.dashboard-stats strong{order:-1;grid-row:auto;font-size:1.4rem}.dashboard-stats small{display:none}}.consent-check{color:var(--ink-soft);cursor:pointer;grid-template-columns:20px 1fr;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.45;display:grid}.consent-check input{accent-color:var(--accent);width:18px;height:18px;margin:1px 0 0}.consent-check a{color:var(--accent-dark);text-underline-offset:2px;text-decoration:underline}.legal-page{max-width:760px;margin:0 auto}.legal-page h1{font-size:clamp(1.7rem,3.4vw,2.4rem)}.legal-page h2{margin-top:24px;font-size:1.1rem}.legal-page p{color:var(--ink-soft);line-height:1.65}.legal-page a{color:var(--accent-dark);text-decoration:underline}.site-footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;max-width:1480px;margin:0 auto;padding:20px clamp(24px,4vw,64px) 28px;font-size:13px;display:flex}.site-footer nav{flex-wrap:wrap;gap:8px 20px;display:flex}.site-footer a:hover{color:var(--accent-dark)}.cookie-notice{border:1px solid var(--line);box-shadow:var(--shadow-md);z-index:200;background:#fff;border-radius:16px;align-items:center;gap:16px;width:calc(100% - 32px);max-width:640px;padding:14px 16px 14px 20px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.cookie-notice p{color:var(--ink-soft);margin:0;font-size:14px}.cookie-notice a{color:var(--accent-dark);text-decoration:underline}.cookie-notice .button{flex-shrink:0;min-height:38px}@media (max-width:560px){.cookie-notice{flex-direction:column;align-items:stretch}}.ui-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex-shrink:0;width:20px;height:20px}.app-frame{grid-template-columns:auto minmax(0,1fr);min-height:100vh;display:grid}.app-main{flex-direction:column;min-width:0;display:flex}.app-main .shell{flex:1;width:100%;max-width:1240px;min-height:0;padding:40px 48px 64px}.app-main .site-footer{width:100%;max-width:1240px;padding-inline:48px}.app-sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;gap:8px;width:248px;height:100vh;padding:20px 16px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:10px;margin:0 4px 12px;display:flex}.sidebar-brand strong{letter-spacing:-.02em;font-size:15px;font-weight:750;display:block}.sidebar-brand small{color:var(--muted);font-size:11.5px;display:block}.sidebar-create{justify-content:flex-start;width:100%;margin-bottom:12px}.sidebar-nav{gap:2px;display:grid}.sidebar-nav a{color:var(--ink-soft);border-radius:10px;align-items:center;gap:12px;min-height:40px;padding:0 12px;font-size:14.5px;font-weight:550;transition:background .14s,color .14s;display:flex}.sidebar-nav a .ui-icon{color:var(--muted)}.sidebar-nav a:hover{background:var(--bg);color:var(--ink)}.sidebar-nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent-dark);font-weight:650}.sidebar-nav a[aria-current=page] .ui-icon{color:var(--accent)}.sidebar-nav-secondary{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.sidebar-bottom{gap:12px;margin-top:auto;padding-top:16px;display:grid}.sidebar-credits{background:var(--bg);border-radius:14px;gap:8px;padding:14px;transition:background .14s;display:grid}.sidebar-credits:hover{background:var(--bg-deep)}.sidebar-credits-row{justify-content:space-between;align-items:baseline;font-size:13px;font-weight:600;display:flex}.sidebar-credits-row strong{font-variant-numeric:tabular-nums;font-size:14px}.sidebar-credits small{color:var(--muted);font-size:12px}.sidebar-meter{background:#e3e5ee;border-radius:999px;height:6px;display:block;overflow:hidden}.sidebar-meter>span{background:var(--accent);border-radius:inherit;height:100%;display:block}.sidebar-user{align-items:center;gap:4px;display:flex}.sidebar-user-link{border-radius:12px;flex:1;align-items:center;gap:10px;min-width:0;padding:6px;display:flex}.sidebar-user-link:hover{background:var(--bg)}.sidebar-user-link .sidebar-label{min-width:0;display:grid}.sidebar-user-link strong{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.sidebar-user-link small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sidebar-logout{color:var(--muted);border:0;width:36px;height:36px}.avatar{background:var(--accent);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:inline-flex}.app-sidebar.compact{align-items:center;width:72px;padding-inline:12px}.app-sidebar.compact .sidebar-label,.app-sidebar.compact .sidebar-label-block,.app-sidebar.compact .sidebar-logout{display:none}.app-sidebar.compact .sidebar-brand{margin-inline:0}.app-sidebar.compact .sidebar-create,.app-sidebar.compact .sidebar-nav a{justify-content:center;width:44px;padding:0}.app-sidebar.compact .sidebar-user-link{flex:none}.mobile-topbar,.mobile-tabbar{display:none}@media (max-width:900px){.app-frame{display:block}.app-sidebar{display:none}.app-main .shell{padding:20px 16px 104px}.app-main .site-footer{padding:16px 16px 96px}.mobile-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:100;background:#ffffffeb;align-items:center;gap:10px;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.mobile-topbar .sidebar-brand{flex:1;margin:0}.mobile-topbar .credits-pill .ui-icon{width:14px;height:14px}.mobile-tabbar{border-top:1px solid var(--line);height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:100;background:#fff;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-tabbar a{color:var(--muted);place-items:center;gap:2px;min-width:0;min-height:48px;font-size:10.5px;font-weight:600;display:grid}.mobile-tabbar a[aria-current=page]{color:var(--accent-dark)}.mobile-tabbar-create{background:var(--accent);box-shadow:var(--shadow-accent);border-radius:16px;justify-self:center;width:46px;height:46px;color:#fff!important}.mobile-tabbar a span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.cookie-notice{bottom:80px}}.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}.page-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:8px;display:flex}.page-header h1{margin-bottom:6px;font-size:clamp(1.8rem,3vw,2.3rem)}.page-header p{max-width:64ch;margin:0;font-size:15px}.chip{border:1px solid var(--line-strong);color:var(--ink-soft);background:#fff;border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:550;transition:border-color .14s,background .14s,color .14s;display:inline-flex}.chip:hover{border-color:var(--accent);color:var(--accent-dark)}.chip.active{background:var(--ink);border-color:var(--ink);color:#fff}.button-lg{min-height:52px;padding-inline:24px;font-size:15.5px}.button-sm{min-height:34px;padding:6px 12px;font-size:13px}.home{gap:48px;display:grid}.home-prompt{border:1px solid var(--line);text-align:center;background:radial-gradient(60% 120% at 100% 0,#7ad6ea47,#0000 60%),radial-gradient(60% 120% at 0 100%,#8b7cff3d,#0000 60%),#fff;border-radius:28px;justify-items:center;padding:clamp(32px,6vw,64px) clamp(20px,5vw,56px);display:grid}.home-greeting{color:var(--muted);margin-bottom:8px;font-size:15px;font-weight:550}.home-prompt h1{margin-bottom:28px;font-size:clamp(2rem,4.6vw,3.4rem)}.home-prompt-form{border:1px solid var(--line-strong);box-shadow:var(--shadow-md);background:#fff;border-radius:18px;gap:8px;width:100%;max-width:720px;padding:8px;display:flex}.home-prompt-form:focus-within{border-color:var(--accent);box-shadow:var(--shadow-md), var(--focus-ring)}.home-prompt-form input{color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:0 14px;font-size:17px}.home-prompt-form .button{min-height:52px;padding-inline:22px}.home-ideas{flex-wrap:wrap;justify-content:center;gap:8px;max-width:760px;margin-top:20px;display:flex}.home-section h2{margin-bottom:16px;font-size:1.3rem}.section-row{justify-content:space-between;align-items:baseline;display:flex}.create-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.create-card{border-radius:20px;gap:2px;padding:16px 16px 18px;transition:transform .16s,box-shadow .16s;display:grid}.create-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.create-card-art{justify-content:center;align-items:center;height:112px;margin-bottom:10px;display:flex}.create-card-art img{object-fit:contain;width:96px;height:96px;transition:transform .2s}.create-card:hover .create-card-art img{transform:scale(1.06)rotate(-3deg)}.create-card strong{font-size:15.5px}.create-card small{color:var(--muted);font-size:13px}.tone-violet{background:#f0edff}.tone-blue{background:#e8f3ff}.tone-amber{background:#fff4e2}.tone-mint{background:#e7f8f0}.recent-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.recent-card{gap:4px;min-width:0;display:grid}.recent-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;overflow:hidden}.recent-card small{color:var(--muted);font-size:12.5px}.recent-thumb{aspect-ratio:4/3;background:var(--bg-deep);border:1px solid var(--line);border-radius:14px;margin-bottom:6px;transition:box-shadow .16s,border-color .16s;display:block;position:relative;overflow:hidden}.recent-card:hover .recent-thumb{box-shadow:var(--shadow-md);border-color:#cfc9ff}.recent-thumb>img{object-fit:cover;object-position:top;width:100%;height:100%}.recent-thumb.is-canvas{background:#fff8ec;justify-content:center;align-items:center;display:flex}.recent-thumb .recent-thumb-icon{object-fit:contain;width:72px;height:72px}.recent-kind{background:#ffffffeb;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:650;position:absolute;bottom:8px;left:8px}.empty-card{border:1px dashed var(--line-strong);background:#fff;border-radius:20px;align-items:center;gap:20px;padding:24px;display:flex}.empty-card img{width:72px;height:72px}.empty-card p{margin:4px 0 0}@media (max-width:1100px){.create-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.home{gap:32px}.home-prompt-form{flex-direction:column}.home-prompt-form input{min-height:48px}.create-card-art{height:80px}.create-card-art img{width:68px;height:68px}.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}.studio{grid-template-columns:minmax(340px,420px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.studio-form{gap:4px;padding:8px 24px 24px;display:grid;position:sticky;top:24px}.studio-step{border:0;border-bottom:1px solid var(--line);gap:14px;min-width:0;margin:0;padding:20px 0;display:grid}.studio-step legend{float:left;align-items:center;gap:10px;width:100%;margin-bottom:14px;font-size:15.5px;font-weight:700;display:flex}.studio-step legend+*{clear:both}.studio-step legend em{color:var(--muted);font-size:13px;font-style:normal;font-weight:500}.step-num{background:var(--accent-soft);color:var(--accent-dark);border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:750;display:inline-flex}.field-hint{color:var(--muted);margin:-6px 0 0;font-size:13px}.field .input-lg{min-height:50px;font-size:16.5px}.file-drop{background:var(--bg);border:1.5px dashed var(--line-strong);color:var(--ink-soft);cursor:pointer;border-radius:12px;align-items:center;min-height:52px;padding:0 16px;font-size:14px;font-weight:550;transition:border-color .14s,background .14s;display:flex;position:relative}.file-drop:hover{background:var(--accent-soft);border-color:var(--accent)}.file-drop input{cursor:pointer;opacity:0;position:absolute;inset:0}.format-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.format-option{border:1.5px solid var(--line-strong);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:12px;transition:border-color .14s,background .14s;display:flex}.format-option input{opacity:0;width:1px;height:1px;position:absolute}.format-option:has(input:checked){background:var(--accent-soft);border-color:var(--accent)}.format-option:has(input:focus-visible){box-shadow:var(--focus-ring)}.format-option strong{font-size:14px;display:block}.format-option small{color:var(--muted);font-size:12px}.format-shape{color:var(--muted);background:#fff;border:1.5px solid;border-radius:3px;flex-shrink:0}.format-shape.a4{width:22px;height:30px}.format-shape.wide{width:34px;height:20px}.format-option:has(input:checked) .format-shape{color:var(--accent)}.look-options,.icon-style-options{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.look-options-sheets{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px}.look-options-sheets .look-option{justify-content:flex-start;gap:8px;padding:8px 8px 10px}.look-preview{aspect-ratio:1240/1754;background:#f2f2f4;border-radius:6px;width:100%;display:block;position:relative;overflow:hidden;box-shadow:0 1px 3px #1418282e}.look-preview img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.look-preview-auto{background:var(--accent-soft)}.look-preview-auto img{border-radius:4px;width:62%;height:62%;position:absolute;top:50%;left:50%;box-shadow:0 2px 6px #14182840}.look-preview-auto img:first-child{transform:translate(-78%,-56%)rotate(-9deg)}.look-preview-auto img:nth-child(2){z-index:1;transform:translate(-50%,-50%)}.look-preview-auto img:nth-child(3){transform:translate(-22%,-44%)rotate(9deg)}.look-options-sheets .look-option small{min-height:2.4em;font-size:12px}.look-option{border:1.5px solid var(--line-strong);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;transition:border-color .14s,background .14s;display:flex}.look-option input{opacity:0;width:1px;height:1px;position:absolute}.look-option:has(input:checked){background:var(--accent-soft);border-color:var(--accent)}.look-option:has(input:focus-visible){box-shadow:var(--focus-ring)}.look-option small{color:var(--ink-soft);font-size:11.5px;font-weight:600;line-height:1.2}.look-thumb{border:1px solid var(--line-strong);background:#fbfaf6;border-radius:4px;flex-direction:column;gap:4px;width:40px;height:52px;padding:6px 5px;display:flex}.look-thumb i{background:#fff;border:1px solid #d9d3c4;border-radius:2px;flex:1;display:block}.look-auto{justify-content:center;align-items:center}.look-auto i{display:none}.look-auto:before{color:var(--accent);content:"?";font-size:22px;font-weight:800}.look-notebook{background-image:linear-gradient(#e3dfd2 1px,#0000 1px),linear-gradient(90deg,#e3dfd2 1px,#0000 1px);background-size:6px 6px}.look-stripes i{border-left:3px solid #b4532a}.look-plates{background-image:radial-gradient(#d9d3c4 1px,#0000 1px);background-size:6px 6px}.look-plates i:first-child{background:#b4532a;border-color:#b4532a}.look-plates i:not(:first-child){box-shadow:inset 0 4px #f6e7de}.look-badges{background-image:linear-gradient(#e3dfd2 1px,#0000 1px);background-size:100% 6px}.look-badges i{border-top:3px solid #b4532a}.look-badges i:first-child{background:#b4532a;border-color:#b4532a}.look-sketch i{border:1px dashed #6e675c}.look-pastel i{border:0;border-radius:5px;box-shadow:0 2px 4px #0000001f}.icon-style-thumb{color:var(--accent);justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;font-weight:800;display:flex}.icon-style-thumb img{object-fit:contain;width:40px;height:40px}.font-sample{background:var(--bg);border-radius:10px;gap:4px;padding:10px 14px;display:grid}.font-sample strong{font-size:22px}.font-sample p{margin:0;font-size:16px}.studio-submit{align-items:center;gap:14px;padding-top:20px;display:flex}.studio-submit .button{flex:1}.studio-cost{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:600}.studio-output{grid-template-columns:minmax(0,1fr);gap:20px;min-width:0;display:grid}.studio-output>.panel{min-width:0}.studio-empty{border:1px dashed var(--line-strong);text-align:center;background:#fff;border-radius:20px;place-items:center;min-height:460px;padding:40px;display:grid}.studio-empty img{width:120px;height:120px;margin-bottom:8px}.studio-empty strong{font-size:1.2rem}.studio-empty p{max-width:44ch}.studio-empty.is-busy img{animation:1.8s ease-in-out infinite float}.progress-bar{background:var(--bg-deep);border-radius:999px;width:min(320px,80%);height:6px;margin-top:8px;display:block;overflow:hidden}.progress-bar span{background:var(--accent);border-radius:inherit;width:40%;height:100%;animation:1.6s ease-in-out infinite progress;display:block}@keyframes progress{0%{transform:translate(-100%)}to{transform:translate(260%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.studio-empty.is-busy img,.progress-bar span{animation:none}}.worksheet-result-actions{flex-wrap:wrap;gap:8px;display:flex}.studio-library{margin-top:48px}.studio-library h2{align-items:center;gap:10px;margin-bottom:16px;font-size:1.3rem;display:flex}.count{background:var(--bg-deep);color:var(--muted);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:650}.sheet-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px;display:grid}.sheet-card{gap:4px;min-width:0;display:grid}.sheet-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;overflow:hidden}.sheet-card small{font-size:12.5px}.sheet-thumb{aspect-ratio:210/297;background:var(--bg-deep);border:1px solid var(--line);cursor:pointer;border-radius:12px;margin-bottom:6px;padding:0;transition:box-shadow .16s,border-color .16s;overflow:hidden}.sheet-thumb:hover{box-shadow:var(--shadow-md);border-color:#cfc9ff}.sheet-thumb img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.sheet-actions{gap:6px;margin-top:6px;display:flex}@media (max-width:1100px){.studio{grid-template-columns:1fr}.studio-form{position:static}.studio-empty{min-height:240px}}@media (max-width:560px){.sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.format-options{grid-template-columns:1fr}}.app-main .shell,.app-main .site-footer{margin-inline:auto}.studio-empty{align-content:center;gap:8px}.tab-list{border-bottom:1px solid var(--line);gap:4px;margin-bottom:24px;display:flex;overflow-x:auto}.tab{color:var(--muted);cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:10px 14px 12px;font-size:15px;font-weight:600;display:inline-flex}.tab:hover{color:var(--ink)}.tab[aria-selected=true]{border-bottom-color:var(--accent);color:var(--ink)}.tab[aria-selected=true] .count{background:var(--accent-soft);color:var(--accent-dark)}.tabs .shared-library>header{display:none}.canvas-library{gap:24px;display:grid}.canvas-create-form{gap:14px;max-width:760px;display:grid}.canvas-create-head{justify-content:space-between;align-items:center;display:flex}.canvas-create-head h2{margin:0}.canvas-create-form .form-row{grid-template-columns:repeat(4,minmax(0,1fr))}.board-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.board-card{color:inherit;font:inherit;text-align:left;background:0 0;border:0;gap:6px;min-width:0;padding:0;display:grid}.board-thumb{aspect-ratio:3/2;background:var(--bg-deep);border:1px solid var(--line);border-radius:14px;transition:box-shadow .16s,border-color .16s;display:block;position:relative;overflow:hidden}.board-card:hover .board-thumb{box-shadow:var(--shadow-md);border-color:#cfc9ff}.board-thumb-bg{background-color:#fbf7f0;border-radius:4px;position:absolute;inset:14% 12%;box-shadow:0 2px 8px #10182814}.board-thumb-bg.bg-grid{background-image:linear-gradient(#e8e2d6 1px,#0000 1px),linear-gradient(90deg,#e8e2d6 1px,#0000 1px);background-size:12px 12px}.board-thumb-bg.bg-dots{background-image:radial-gradient(#d8d0c0 1.2px,#0000 1.2px);background-size:12px 12px}.board-thumb-bg.palette-soft_blue{background-color:#f3f7fc}.board-thumb-bg.palette-paper_olive{background-color:#f6f5ec}.board-thumb-bg.palette-high_contrast{background-color:#fff}.board-card-new{cursor:pointer}.board-card-new .board-thumb{border:1.5px dashed var(--line-strong);background:#fff;justify-content:center;align-items:center;display:flex}.board-card-new:hover .board-thumb{background:var(--accent-soft);border-color:var(--accent)}.board-plus{color:var(--accent);font-size:40px;font-weight:300;line-height:1}.board-card-new strong,.board-card-title strong{font-size:14.5px}.board-card-new small,.board-card-title small{color:var(--muted);font-size:12.5px}.board-card-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.board-card-title{min-width:0;display:grid}.board-card-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-card .icon-button{border:0;flex-shrink:0;width:30px;height:30px}@media (max-width:700px){.canvas-create-form .form-row{grid-template-columns:1fr 1fr}.board-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}.canvas-page-title{align-items:center;margin-bottom:12px}.canvas-page-title .eyebrow{display:none}.canvas-page-title h1{margin:0;font-size:1.5rem}.canvas-page-title>p{font-size:13px}@media (max-width:900px){.app-main .shell:has(.canvas-editor-shell){padding-bottom:24px}}.app-main .shell:has(.canvas-editor-shell){max-width:none;padding:0}.app-main:has(.canvas-editor-shell) .site-footer{display:none}.canvas-workspace{display:block}.app-main .shell:has(.canvas-editor-shell) .canvas-workspace{margin:0}.canvas-workspace .canvas-editor-shell{box-shadow:none;border:0;border-radius:0;flex-direction:column;height:100vh;min-height:0;display:flex}.canvas-workspace .canvas-editor-layout{flex:1;grid-template-columns:184px minmax(0,1fr) 232px;height:auto;min-height:0}.canvas-workspace .canvas-stage{height:100%}.canvas-workspace .canvas-sidebar,.canvas-workspace .canvas-properties{min-height:0;overflow-y:auto}.canvas-toolbar-title{align-items:center;gap:8px;min-width:0;display:flex}.canvas-toolbar-title h1{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;max-width:260px;margin:0;font-size:16px;font-weight:700;overflow:hidden}.canvas-toolbar-title .icon-button{justify-content:center;align-items:center;display:inline-flex}@media (max-width:1100px){.canvas-workspace .canvas-editor-layout{grid-template-columns:136px minmax(0,1fr) 176px}.canvas-toolbar-title h1{max-width:140px}}@media (max-width:900px){.canvas-workspace .canvas-editor-shell{height:calc(100vh - 56px)}.app-main .shell:has(.canvas-editor-shell){padding:0}}@media (max-width:700px){.canvas-workspace .canvas-editor-shell{height:auto}.canvas-workspace .canvas-editor-layout{grid-template-columns:1fr}.canvas-workspace .canvas-stage{height:60vh}}.canvas-workspace .canvas-editor-layout,.canvas-editor-layout{grid-template-columns:60px minmax(0,1fr);position:relative}.canvas-rail{border-right:1px solid var(--line);z-index:20;background:#fff;flex-direction:column;align-items:center;gap:4px;padding:10px 0;display:flex;position:relative}.rail-button{color:var(--ink-soft);cursor:grab;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:inline-flex}.rail-button:hover{background:var(--bg);color:var(--ink)}.rail-button.active{background:var(--accent-soft);color:var(--accent-dark);cursor:pointer}.rail-divider{background:var(--line);width:28px;height:1px;margin:6px 0}.canvas-flyout,.canvas-workspace .canvas-properties,.canvas-properties{border:1px solid var(--line);box-shadow:var(--shadow-md);z-index:30;background:#fff;border-radius:16px;gap:10px;width:260px;max-height:calc(100% - 24px);padding:14px;display:grid;position:absolute;top:12px;overflow-y:auto}.canvas-flyout{align-content:start;max-height:calc(100vh - 184px);position:fixed;top:166px;left:68px}.canvas-workspace .canvas-properties,.canvas-properties{border-left:1px solid var(--line);align-content:start;right:12px}.canvas-flyout-head{justify-content:space-between;align-items:center;display:flex}.canvas-flyout-head h2{margin:0;font-size:15px}.canvas-flyout input,.canvas-flyout select{border:1px solid var(--line-strong);font:inherit;border-radius:10px;min-height:38px;padding:0 10px;font-size:14px}.canvas-flyout .canvas-icon-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.canvas-flyout .canvas-icon-list button{aspect-ratio:1;background:var(--bg);cursor:grab;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-height:0;padding:4px;display:flex}.canvas-flyout .canvas-icon-list button:hover{border-color:var(--accent)}.canvas-flyout .canvas-icon-list img{object-fit:contain;width:100%;height:100%}.canvas-format-flyout{width:min(340px,100vw - 90px)}.canvas-format-flyout .canvas-flyout-head{align-items:flex-start}.canvas-format-flyout .canvas-flyout-head p{margin:3px 0 0;font-size:12px}.canvas-format-grid{gap:8px;display:grid}.canvas-format-card{background:var(--surface,#fff);border:1px solid var(--line);color:var(--ink);text-align:left;border-radius:12px;flex-direction:column;gap:3px;padding:12px 14px;display:flex}.canvas-format-card:hover{background:var(--accent-soft);border-color:var(--accent)}.canvas-format-card span{color:var(--muted);font-size:12px}.rail-button-photo{position:relative}@media (max-width:1100px){.canvas-workspace .canvas-editor-layout{grid-template-columns:60px minmax(0,1fr)}}@media (max-width:700px){.canvas-workspace .canvas-editor-layout,.canvas-editor-layout{grid-template-columns:52px minmax(0,1fr)}.canvas-flyout,.canvas-properties,.canvas-workspace .canvas-properties{width:auto;left:60px;right:8px}.canvas-flyout{top:126px}.canvas-toolbar .button-sm{display:none}}.canvas-toolbar-title{flex-shrink:1;min-width:0}.canvas-toolbar-title h1{min-width:64px}@media (max-width:900px){.canvas-toolbar .canvas-save-message{display:none}}.canvas-properties .canvas-size-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.canvas-properties .field{gap:4px;font-size:12.5px}.canvas-properties .field input,.canvas-properties .field select{min-height:36px;padding:6px 10px;font-size:14px}.canvas-properties .button{min-height:36px;padding:6px 10px}.canvas-properties .canvas-element-kind{margin:0}.canvas-element textarea.canvas-editing{color:inherit;font:inherit;outline:calc(2px * var(--inv,1)) solid var(--accent);height:100%;padding:inherit;resize:none;background:#fff9;border:0;border-radius:4px;width:100%}.canvas-element textarea.canvas-editing-sticky{background:0 0;padding:0}.canvas-element textarea.canvas-editing-shape{text-align:center;z-index:2;background:#ffffff80;position:relative}.canvas-element-text>span{width:100%;display:block}.section-title{margin:16px 0 0;font-size:1.3rem}.board-ai{border:1px solid var(--line);background:radial-gradient(70% 140% at 100% 0,#7ad6ea38,#0000 60%),radial-gradient(60% 120% at 0 100%,#8b7cff2e,#0000 60%),#fff;border-radius:24px;gap:18px;padding:28px;display:grid}.board-ai-head{align-items:flex-start;gap:14px;display:flex}.board-ai-head h2{margin:0 0 4px;font-size:1.35rem}.board-ai-head p{margin:0}.board-ai-badge{background:var(--accent);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:800;display:inline-flex}.board-ai-row{grid-template-columns:minmax(0,1fr) 180px;gap:12px;display:grid}.board-ai-topic input{min-height:50px;font-size:16.5px}.board-ai-level input{min-height:50px}.board-ai-layouts{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.board-ai-layouts legend{color:var(--ink-soft);margin-bottom:8px;font-size:13.5px;font-weight:600}.layout-chip{border:1.5px solid var(--line-strong);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-size:14px;font-weight:550;transition:border-color .14s,background .14s;display:inline-flex}.layout-chip input{opacity:0;width:1px;height:1px;position:absolute}.layout-chip .ui-icon{color:var(--muted);width:22px;height:22px}.layout-chip:hover{border-color:var(--accent)}.layout-chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-dark)}.layout-chip.active .ui-icon{color:var(--accent)}.layout-chip:has(input:focus-visible){box-shadow:var(--focus-ring)}.board-ai-source summary{color:var(--accent-dark);cursor:pointer;font-size:14px;font-weight:600}.board-ai-source textarea{border:1px solid var(--line-strong);font:inherit;border-radius:12px;width:100%;margin-top:10px;padding:12px}.board-ai-submit{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.board-ai-wait{font-size:13px}@media (max-width:700px){.board-ai{padding:20px}.board-ai-row{grid-template-columns:1fr}.board-ai-submit .button{flex:1}}.assistant{pointer-events:none;z-index:150;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.assistant>*{pointer-events:auto}.assistant-body{cursor:pointer;background:0 0;border:0;width:80px;height:120px;padding:0}.assistant-body:focus-visible{box-shadow:var(--focus-ring);border-radius:16px;outline:none}.assistant-clip{width:100%;height:100%;display:block;overflow:visible}.assistant-shadow{fill:#14143c24;transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite assistant-shadow}.assistant-figure{filter:drop-shadow(0 6px 8px #4636d840);transform-box:fill-box;transform-origin:50% 100%;animation:3.2s ease-in-out infinite assistant-bob}.assistant-body:hover .assistant-figure{animation:.6s ease-in-out assistant-wiggle}.assistant-eyes{transform-box:fill-box;transform-origin:50%;animation:5s infinite assistant-blink}.assistant-pupils{transition:transform .12s ease-out}.assistant-mouth{transform-box:fill-box;transform-origin:50%}.assistant-body.is-talking .assistant-mouth{animation:.28s ease-in-out 5 assistant-talk}.assistant-body.is-talking .assistant-figure{animation:.5s ease-out assistant-hop}.assistant.is-open .assistant-brows{transform:translateY(-1.5px)}@keyframes assistant-bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-6px)rotate(2deg)}}@keyframes assistant-shadow{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.7;transform:scaleX(.8)}}@keyframes assistant-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes assistant-talk{0%,to{transform:scaleY(1)}50%{transform:scaleY(2.1)}}@keyframes assistant-hop{0%{transform:translateY(0)}35%{transform:translateY(-14px)rotate(-6deg)}70%{transform:translateY(0)rotate(3deg)}to{transform:translateY(0)}}@keyframes assistant-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-9deg)}50%{transform:rotate(7deg)}75%{transform:rotate(-4deg)}}@keyframes assistant-pop{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}.assistant-bubble{border:1px solid var(--line);box-shadow:var(--shadow-md);background:#fff;border-radius:18px 18px 6px;max-width:300px;margin-right:28px;padding:14px 16px 12px;animation:.22s ease-out assistant-pop;position:relative}.assistant-bubble p{color:var(--ink);margin:0 18px 10px 0;font-size:14.5px;line-height:1.5}.assistant-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.assistant-hide{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;margin-left:auto;padding:4px;font-size:12.5px}.assistant-hide:hover{color:var(--ink)}.assistant-close{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px;font-size:18px;line-height:1;position:absolute;top:6px;right:8px}.assistant-restore{background:var(--accent);box-shadow:var(--shadow-accent);color:#fff;cursor:pointer;z-index:150;border:0;border-radius:999px;width:36px;height:36px;font-size:16px;font-weight:800;position:fixed;bottom:20px;right:20px}@media (max-width:900px){.assistant{bottom:84px;right:12px}.assistant-body{width:48px;height:72px}.assistant-restore{bottom:84px;right:12px}.assistant-bubble{max-width:min(280px,82vw);margin-right:8px}}@media (prefers-reduced-motion:reduce){.assistant-figure,.assistant-shadow,.assistant-eyes,.assistant-body.is-talking .assistant-mouth,.assistant-body.is-talking .assistant-figure,.assistant-body:hover .assistant-figure,.assistant-bubble{animation:none}}.stroke-layer{pointer-events:none;z-index:90000;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.stroke-layer.is-erasing .stroke-hit{cursor:crosshair;pointer-events:stroke}.stroke-layer.is-erasing g:hover path:not(.stroke-hit){opacity:.35}.live-cursor{pointer-events:none;transform:scale(var(--inv,1));transform-origin:0 0;z-index:90001;transition:left .12s linear,top .12s linear;position:absolute}.live-cursor svg{fill:var(--cursor);stroke:#fff;stroke-width:1.2px;width:16px;height:16px;display:block}.live-cursor span{background:var(--cursor);color:#fff;white-space:nowrap;border-radius:6px;padding:2px 7px;font-size:12px;font-weight:650;position:absolute;top:12px;left:14px}.canvas-stage.drawing,.canvas-stage.drawing .canvas-element{cursor:crosshair}:is(body:has(.student-board) .app-header,body:has(.student-board) .site-footer,body:has(.student-board) .cookie-notice,body:has(.student-board) .app-sidebar,body:has(.student-board) .mobile-topbar,body:has(.student-board) .mobile-tabbar,body:has(.student-board) .assistant){display:none}.shell:has(.student-board){min-height:0;max-width:none!important;padding:0!important}body:has(.student-board) .app-frame{display:block}.student-board{flex-direction:column;height:100dvh;display:flex;position:relative}.student-board .canvas-stage{touch-action:none;flex:1;height:auto}.student-top{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:12px;min-height:52px;padding:8px 16px;display:flex}.student-top strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.student-people{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.student-tools{border:1px solid var(--line);bottom:calc(16px + env(safe-area-inset-bottom));box-shadow:var(--shadow-md);z-index:10;background:#fff;border-radius:18px;align-items:center;gap:6px;max-width:calc(100vw - 24px);padding:8px 10px;display:flex;position:absolute;left:50%;overflow-x:auto;transform:translate(-50%)}.student-tool{cursor:pointer;background:0 0;border:0;border-radius:12px;flex-shrink:0;width:44px;height:44px;font-size:20px}.student-tool.active{background:var(--accent-soft);color:var(--accent-dark)}.student-sep{background:var(--line);flex-shrink:0;width:1px;height:28px}.student-color{box-shadow:0 0 0 1px var(--line-strong);cursor:pointer;border:3px solid #fff;border-radius:999px;flex-shrink:0;width:30px;height:30px}.student-color.active{box-shadow:0 0 0 2px var(--accent)}.student-width{cursor:pointer;background:0 0;border:0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:40px;display:inline-flex}.student-width span{background:var(--ink);border-radius:999px;display:block}.student-width.active{background:var(--accent-soft)}.student-paused,.student-notice{color:#8a4b00;font:inherit;z-index:11;background:#fff4e0;border:1px solid #f3d9a6;border-radius:12px;padding:8px 14px;font-size:14px;font-weight:600;position:absolute;top:64px;left:50%;transform:translate(-50%)}.student-notice{cursor:pointer;top:110px}.student-name-backdrop{z-index:20;background:#14151c59;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.student-name{box-shadow:var(--shadow-md);text-align:center;background:#fff;border-radius:24px;justify-items:center;gap:12px;width:100%;max-width:400px;padding:28px 24px;display:grid}.student-name img{width:72px;height:72px}.student-name h1{margin:0;font-size:1.6rem}.student-name p{margin:0}.student-name input{border:1px solid var(--line-strong);font:inherit;text-align:center;border-radius:12px;width:100%;min-height:52px;padding:0 16px;font-size:18px}.student-name .button{width:100%}.student-message{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.share-button{gap:6px}.share-button.is-live{color:#15803d;border-color:#16a34a}.live-dot{background:#16a34a;border-radius:999px;width:8px;height:8px;animation:1.6s ease-in-out infinite live-pulse;display:inline-block}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.live-dot{animation:none}}.share-panel{width:300px}.share-text{margin:0;font-size:13.5px}.share-link{gap:6px;display:flex}.share-link input{border:1px solid var(--line-strong);font:inherit;border-radius:10px;flex:1;min-width:0;padding:0 8px;font-size:12.5px}.share-toggle{font-size:13.5px}.share-section{border-top:1px solid var(--line);gap:8px;padding-top:10px;display:grid}.share-section-head{align-items:center;gap:8px;display:flex}.share-section .is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-dark)}.share-authors{gap:4px;margin:0;padding:0;list-style:none;display:grid}.share-authors li{grid-template-columns:1fr auto auto;align-items:center;gap:6px;font-size:13.5px;display:grid}.share-footer{border-top:1px solid var(--line);justify-content:space-between;padding-top:10px;display:flex}.share-export{font-size:13px}.share-export a{color:var(--accent-dark);font-weight:600;text-decoration:underline}.shared-library-grid li.on-dark{background:#2e4838}.shared-library-grid li.on-dark small{color:#cbd6c8}.canvas-icon-list button.on-dark{background:#2e4838}.canvas-element-sticky,.canvas-shape-label{font-family:var(--canvas-font-sans,"Canvas Sans"), Arial, sans-serif}.canvas-element-sticky{color:var(--canvas-ink,#202636)}.canvas-element-card{border:1px solid color-mix(in srgb, var(--canvas-ink,#202636) 14%, transparent);color:var(--canvas-ink,#202636);border-radius:16px;overflow:visible;box-shadow:0 10px 28px #1920331f}.canvas-element-card .canvas-card-content{max-height:100%;overflow:hidden}.canvas-card-content{flex-direction:column;gap:8px;height:100%;padding:18px;display:flex}.canvas-card-content strong{font-size:20px;line-height:1.15}.canvas-card-content p{color:color-mix(in srgb, var(--canvas-ink,#202636) 72%, transparent);margin:0;font-size:14px;line-height:1.35;overflow:hidden}.canvas-card-status{background:var(--canvas-accent-soft,#eef2ff);color:var(--canvas-accent,#315ed1);text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:4px 8px;font-size:11px;font-weight:700}.canvas-card-status.status-done{color:#23764a;background:#dcf5e8}.canvas-card-status.status-doing{color:#8b5b00;background:#fff1c9}.canvas-card-meta{color:color-mix(in srgb, var(--canvas-ink,#202636) 58%, transparent);margin-top:auto;font-size:12px}.canvas-card-tags{flex-wrap:wrap;gap:4px;display:flex}.canvas-card-tags i{background:var(--canvas-accent-soft,#eef2ff);color:var(--canvas-accent,#315ed1);border-radius:999px;padding:3px 7px;font-size:11px;font-style:normal}.canvas-card-progress{color:color-mix(in srgb, var(--canvas-ink,#202636) 65%, transparent);font-size:12px}.canvas-card-checks{gap:6px;display:grid}.canvas-layer-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.canvas-layer-list li{border:1px solid var(--line);border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:3px;padding:5px;display:grid}.canvas-layer-list li.active{background:var(--accent-soft);border-color:var(--accent)}.canvas-layer-list button{background:0 0;border:0;border-radius:7px;min-height:32px}.canvas-layer-list button:hover{background:#ffffffb8}.canvas-layer-name{grid-template-columns:28px minmax(0,1fr);align-items:center;display:grid}.canvas-layer-name input{font:inherit;background:0 0;border:0;min-width:0;padding:6px 2px;font-weight:700}.canvas-frame-notes{resize:vertical;grid-column:1/-1;width:100%;min-height:52px}.presentation-notes{color:#fff;z-index:5;background:#141926eb;border-radius:12px;max-width:360px;padding:12px 14px;position:fixed;bottom:72px;left:18px}.presentation-notes p{white-space:pre-wrap;margin:5px 0 0}.canvas-editing-card{padding:18px;font-size:17px}.board-ai-styles{border:0;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0;padding:0;display:grid}.board-ai-styles legend{color:var(--ink-soft);margin-bottom:8px;font-size:13.5px;font-weight:600}.style-card{border:1.5px solid var(--line-strong);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;gap:2px;padding:0 0 10px;transition:border-color .14s,box-shadow .14s;display:flex;position:relative;overflow:hidden}.style-card input{opacity:0;width:1px;height:1px;position:absolute}.style-card-thumb{aspect-ratio:16/9;border-bottom:1px solid var(--line);object-fit:cover;width:100%;margin-bottom:6px;display:block}span.style-card-thumb{background:var(--accent-soft);justify-content:center;align-items:center;display:flex}span.style-card-thumb .ui-icon{color:var(--accent);width:32px;height:32px}.style-card-title{padding:0 10px;font-size:14px;font-weight:650}.style-card small{color:var(--muted);padding:0 10px;font-size:12px;line-height:1.3}.style-card:hover{border-color:var(--accent)}.style-card.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.style-card:has(input:focus-visible){box-shadow:var(--focus-ring)}@media (max-width:600px){.board-ai-styles{grid-template-columns:repeat(2,1fr)}}.board-ai-modes{background:var(--accent-soft);border-radius:12px;gap:4px;padding:4px;display:inline-flex}.board-ai-modes button{color:var(--ink-soft);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:9px;min-height:40px;padding:0 16px;font-size:14px;font-weight:600}.board-ai-modes button.active{color:var(--accent-dark);background:#fff;box-shadow:0 1px 3px #1e283c1f}.board-ai-modes button:focus-visible{box-shadow:var(--focus-ring);outline:none}.manual-plan{justify-items:start;gap:10px;display:grid}.manual-sections{gap:10px;width:100%;margin:0;padding:0;list-style:none;display:grid}.manual-section{border:1px solid var(--line);background:#fff;border-radius:12px;gap:8px;padding:12px;display:grid}.manual-section-head{align-items:center;gap:8px;display:flex}.manual-section-number{background:var(--accent-soft);color:var(--accent-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:inline-flex}.manual-section-head input{border:1px solid var(--line-strong);font:inherit;border-radius:10px;flex:1;min-width:0;min-height:40px;padding:0 12px;font-weight:600}.manual-section textarea{border:1px solid var(--line-strong);font:inherit;resize:vertical;border-radius:10px;width:100%;padding:10px 12px}.manual-section textarea[aria-invalid=true]{border-color:var(--danger,#c0392b)}.manual-kind{border:1px solid var(--line-strong);border-radius:10px;flex-shrink:0;display:inline-flex;overflow:hidden}.manual-kind button{cursor:pointer;font:inherit;background:#fff;border:0;min-height:38px;padding:0 10px;font-size:13px}.manual-kind button.active{background:var(--accent-soft);color:var(--accent-dark);font-weight:600}.manual-hint{color:var(--muted);font-size:12px}.manual-hint.error{color:var(--danger,#c0392b);font-weight:600}@media (max-width:600px){.manual-section-head{flex-wrap:wrap}.manual-section-head input{flex-basis:calc(100% - 36px)}}.canvas-element-path{pointer-events:none;padding:0}.canvas-element-path .canvas-path-svg{width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.canvas-element-path .canvas-path-hit{cursor:move;pointer-events:stroke}.canvas-element-path .canvas-resize-handle,.canvas-element-path .canvas-rotate-handle,.canvas-group-bounds .canvas-rotate-handle{pointer-events:auto}.canvas-element-path.selected{outline:calc(1.5px * var(--inv,1)) dashed #5b4cf0}.canvas-stage.drawing .canvas-path-hit{cursor:crosshair}.canvas-stage.erasing,.canvas-stage.erasing .canvas-element,.canvas-stage.erasing .canvas-path-hit{cursor:cell}.canvas-stage.filling,.canvas-stage.filling .canvas-element{cursor:copy}.canvas-frame-label.movable{cursor:grab;font:inherit;pointer-events:auto;transform:scale(var(--inv,1));transform-origin:0 100%;white-space:nowrap;border:0;font-size:12px;top:auto;bottom:100%}.canvas-frame-label.movable:active{cursor:grabbing}.canvas-frame-handle{pointer-events:auto;z-index:100001;position:absolute}.canvas-stage.has-selection .canvas-frame-handle,.canvas-stage.has-selection .canvas-frame-label.movable{pointer-events:none}.canvas-stage.has-selection .canvas-frame-label.movable{opacity:.55}.canvas-frame-label.movable{z-index:100001}.canvas-frame-handle.frame-n,.canvas-frame-handle.frame-s{cursor:ns-resize;height:calc(14px * var(--inv,1));left:0;right:0}.canvas-frame-handle.frame-e,.canvas-frame-handle.frame-w{cursor:ew-resize;width:calc(14px * var(--inv,1));top:0;bottom:0}.canvas-frame-handle.frame-n{top:calc(-7px * var(--inv,1))}.canvas-frame-handle.frame-s{bottom:calc(-7px * var(--inv,1))}.canvas-frame-handle.frame-e{right:calc(-7px * var(--inv,1))}.canvas-frame-handle.frame-w{left:calc(-7px * var(--inv,1))}.canvas-frame-handle.frame-ne,.canvas-frame-handle.frame-nw,.canvas-frame-handle.frame-se,.canvas-frame-handle.frame-sw{border:calc(2px * var(--inv,1)) solid #5b4cf0;height:calc(14px * var(--inv,1));width:calc(14px * var(--inv,1));z-index:100001;background:#fff;border-radius:50%}.canvas-frame-handle.frame-nw{cursor:nwse-resize;left:calc(-7px * var(--inv,1));top:calc(-7px * var(--inv,1))}.canvas-frame-handle.frame-se{bottom:calc(-7px * var(--inv,1));cursor:nwse-resize;right:calc(-7px * var(--inv,1))}.canvas-frame-handle.frame-ne{cursor:nesw-resize;right:calc(-7px * var(--inv,1));top:calc(-7px * var(--inv,1))}.canvas-frame-handle.frame-sw{bottom:calc(-7px * var(--inv,1));cursor:nesw-resize;left:calc(-7px * var(--inv,1))}.canvas-frame-handle.frame-n:hover,.canvas-frame-handle.frame-s:hover,.canvas-frame-handle.frame-e:hover,.canvas-frame-handle.frame-w:hover{background:#5b4cf02e}.canvas-rail{contain:size;min-height:0;padding:0;overflow:hidden}.canvas-rail-scroll{scrollbar-color:#c6ccd4 transparent;scrollbar-width:thin;flex-direction:column;flex:1;align-items:center;gap:4px;width:100%;min-height:0;padding:10px 0;display:flex;overflow-y:auto}.canvas-rail .rail-button{flex-shrink:0}.rail-scroll-arrow{color:var(--accent-dark);cursor:pointer;background:#fff;border:0;flex-shrink:0;width:100%;padding:4px 0;font-size:12px;font-weight:700}.rail-scroll-arrow:hover{background:var(--accent-soft)}.rail-scroll-arrow.up{border-bottom:1px solid var(--line)}.rail-scroll-arrow.down{border-top:1px solid var(--line);box-shadow:0 -8px 12px #ffffffe6}.rail-tip{color:#fff;pointer-events:none;white-space:nowrap;z-index:1000;background:#263246;border-radius:6px;max-width:260px;padding:6px 10px;font-size:13px;line-height:1.3;position:fixed;transform:translateY(-50%);box-shadow:0 4px 14px #141e2d33}.canvas-editor-layout{position:relative}.canvas-version-panel{z-index:80;background:#121d2a6b;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.canvas-version-card{color:#192737;background:#fff;border-radius:16px;width:min(460px,100%);max-height:min(600px,90vh);padding:20px;overflow:auto;box-shadow:0 16px 50px #0000002e}.canvas-version-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.canvas-version-heading h2{margin:0;font-size:20px}.canvas-version-heading button{cursor:pointer;background:0 0;border:0;font-size:26px}.canvas-version-card>p{font-size:14px;line-height:1.5}.canvas-version-card ol{margin:18px 0 0;padding:0;list-style:none}.canvas-version-card li{border-top:1px solid #e5ebef;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:13px;display:flex}.canvas-version-card li small{color:#60717d;margin-top:3px;display:block}.canvas-version-card li button{color:#155c6a;cursor:pointer;background:#eef8f8;border:1px solid #a6c8d0;border-radius:8px;padding:6px 10px}.canvas-version-card li em{color:#60717d}.canvas-navigator{border:1px solid var(--line);box-shadow:var(--shadow-md);z-index:22;background:#fff;border-radius:12px;width:230px;max-width:min(230px,100% - 70px);position:absolute;bottom:14px;right:14px}.canvas-navigator-toggle{color:var(--ink);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;min-height:38px;padding:7px 10px;font-size:13px;font-weight:700;display:flex}.canvas-navigator-count{background:var(--bg);color:var(--muted);border-radius:10px;margin-left:auto;padding:2px 7px;font-size:11px}.canvas-navigator-body{border-top:1px solid var(--line);padding:8px}.canvas-minimap{border:1px solid var(--line);cursor:crosshair;background:#f7f8fa;border-radius:7px;width:100%;height:auto;display:block}.canvas-minimap-frame{fill:#fff;stroke:var(--accent);stroke-width:1.2px}.canvas-minimap-element{fill:var(--ink-soft);opacity:.65}.canvas-minimap-viewport{fill:#0f8fa821;pointer-events:none;stroke:var(--accent-dark);stroke-width:1.5px}.canvas-selection-size{background:var(--accent-dark);border-radius:calc(5px * var(--inv));color:#fff;font-size:calc(11px * var(--inv));line-height:calc(20px * var(--inv));padding:0 calc(6px * var(--inv));pointer-events:none;transform:translate(-50%, calc(8px * var(--inv)));white-space:nowrap;z-index:100003;position:absolute}.canvas-guide{box-shadow:0 0 0 calc(.5px * var(--inv)) #fffc;pointer-events:none;z-index:100002;background:#db3b65;position:absolute}.canvas-guide.vertical{height:200000px;width:calc(1px * var(--inv));top:-100000px}.canvas-guide.horizontal{height:calc(1px * var(--inv));width:200000px;left:-100000px}.classroom-layer{pointer-events:none;z-index:90000;position:absolute;inset:0}.classroom-note{border:calc(1px * var(--inv)) solid #302a1429;border-radius:calc(9px * var(--inv));box-shadow:0 calc(5px * var(--inv)) calc(14px * var(--inv)) #19160a24;box-sizing:border-box;cursor:grab;pointer-events:auto;width:168px;height:148px;padding:16px;position:absolute}.classroom-note:active{cursor:grabbing}.classroom-note.is-private{background-image:repeating-linear-gradient(135deg,#0000 0 10px,#5741000b 10px 20px)!important}.classroom-note.is-selected{outline:calc(3px * var(--inv)) solid #8b5cf6}.classroom-note p{color:#282414;font:600 18px/1.28 var(--font-sans);overflow-wrap:anywhere;margin:6px 0 28px}.classroom-note footer{color:#665f43;align-items:center;gap:5px;font-size:11px;display:flex;position:absolute;bottom:9px;left:12px;right:9px}.classroom-note footer span{text-overflow:ellipsis;white-space:nowrap;max-width:74px;margin-right:auto;overflow:hidden}.classroom-note footer button{cursor:pointer;background:#ffffff94;border:0;border-radius:5px;min-height:24px}.classroom-note footer button.active{color:#fff;background:#6d4aff}.classroom-private{font-size:12px;position:absolute;top:6px;right:8px}.classroom-selected-by{border-radius:calc(4px * var(--inv));color:#fff;font-size:calc(10px * var(--inv));padding:calc(2px * var(--inv)) calc(5px * var(--inv));left:0;top:calc(-20px * var(--inv));background:#8b5cf6;position:absolute}.classroom-comment{border:calc(2px * var(--inv)) solid #fff;pointer-events:auto;background:#6d4aff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #1e14503d}.classroom-comment.resolved{opacity:.7;background:#667085}.classroom-panel{width:min(390px,100vw - 96px);overflow-y:auto}.classroom-panel-section{border-top:1px solid var(--line);gap:8px;padding:14px 0;display:grid}.classroom-panel-section textarea{resize:vertical;min-height:92px}.classroom-vote-setup{grid-template-columns:1fr 1fr auto;align-items:end;gap:7px;display:grid}.classroom-vote-setup label{color:var(--muted);gap:3px;font-size:12px;display:grid}.classroom-vote-setup input{width:100%;min-width:0}.classroom-results{gap:4px;margin:0;padding-left:22px;display:grid}.classroom-results li{align-items:center;gap:8px;display:flex}.classroom-results li span{flex:1}.classroom-comments{gap:8px;display:grid}.classroom-comments article{background:var(--surface-soft);border-radius:9px;padding:9px}.classroom-comments article.resolved{opacity:.58}.classroom-comments p{margin:0 0 6px;font-size:13px}.classroom-comments .reply{border-left:2px solid var(--line);padding-left:7px}.classroom-comments article>div{gap:4px;display:flex}.classroom-comments input{width:100%;min-width:0}.student-bulk{position:relative}.student-bulk textarea{resize:vertical;width:100%;min-height:150px}.student-modal-close{position:absolute;top:10px;right:10px}.student-comments{border:1px solid var(--line);z-index:220;background:#fff;border-radius:14px;gap:10px;width:min(360px,100vw - 36px);max-height:min(520px,65vh);padding:14px;display:grid;position:fixed;bottom:84px;right:18px;overflow-y:auto;box-shadow:0 18px 48px #1619282e}.student-comments header{justify-content:space-between;align-items:center;display:flex}.student-comments header button{background:0 0;border:0;font-size:22px}.student-comments article{background:var(--surface-soft);border-radius:9px;padding:10px}.student-comments p{margin:0 0 7px;font-size:13px}.student-comments .reply{border-left:2px solid var(--line);padding-left:7px}.student-comments form{gap:5px;display:flex}.student-comments input{width:100%;min-width:0}.comment-composer textarea{resize:vertical;width:100%;min-height:120px}.canvas-navigator-actions{gap:5px;margin:8px 0;display:flex}.canvas-navigator-actions button,.canvas-frame-list button{background:var(--bg);border:1px solid var(--line);color:var(--ink);cursor:pointer;font:inherit;border-radius:6px;padding:4px 6px;font-size:11px}.canvas-navigator-actions button:disabled{cursor:default;opacity:.45}.canvas-frame-list{gap:4px;max-height:170px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.canvas-frame-list li{align-items:center;gap:5px;display:flex}.canvas-frame-list li>button:first-child{flex:0 0 25px}.canvas-frame-list input{color:var(--ink);font:inherit;border:1px solid #0000;border-radius:5px;flex:1;min-width:0;padding:4px;font-size:12px}.canvas-frame-list li{flex-wrap:wrap}.canvas-frame-list li.is-hidden{opacity:.58}.canvas-frame-list li.is-locked>input{font-weight:700}.canvas-frame-actions{gap:2px;width:calc(100% - 30px);margin-left:30px;display:flex}.canvas-frame-actions button{cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:32px;min-height:32px}.canvas-frame-actions button:hover{background:var(--accent-soft)}.canvas-frame.is-hidden{background-image:repeating-linear-gradient(135deg,#5b4cf014 0 12px,#0000 12px 24px)}.canvas-frame.is-hidden:after{color:var(--muted);content:"Скрытая область";font-size:calc(16px * var(--inv));pointer-events:none;background:#ffffffb8;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.canvas-frame.is-locked{box-shadow:inset 0 0 0 calc(2px * var(--inv)) #5b4cf052}.canvas-presentation{z-index:1000;background:#11131a;grid-template-rows:60px minmax(0,1fr) 64px;display:grid;position:fixed;inset:0}.canvas-presentation .canvas-stage{border-radius:0;min-height:0}.presentation-topbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:16px;padding:8px 16px;display:flex}.presentation-topbar>strong{font-size:16px}.presentation-topbar>span{color:var(--muted);font-size:13px}.presentation-topbar>.button{margin-left:auto}.presentation-timer{gap:6px;margin-left:auto;display:flex}.presentation-timer button,.presentation-controls button,.presentation-dots button{border:1px solid var(--line-strong);color:var(--ink);cursor:pointer;font:inherit;background:#fff;border-radius:10px;min-height:44px;padding:0 14px}.presentation-topbar>.button+.button{margin-left:0}.presentation-controls{border-top:1px solid var(--line);background:#fff;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:8px 16px;display:grid}.presentation-dots{justify-content:center;gap:6px;display:flex;overflow-x:auto}.presentation-dots button{min-width:44px;padding:0}.presentation-dots button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.presentation-reactions{pointer-events:none;gap:6px;display:grid;position:absolute;bottom:78px;right:18px}.presentation-reactions span{box-shadow:var(--shadow-md);background:#fffffff5;border-radius:999px;padding:8px 14px;font-weight:700;animation:.22s ease-out reaction-in}@keyframes reaction-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.presentation-reactions span{animation:none}}.student-timer{color:#fff;font-variant-numeric:tabular-nums;z-index:35;background:#202735;border-radius:999px;padding:8px 14px;font-weight:800;position:absolute;top:70px;left:50%;transform:translate(-50%)}.student-reaction{font-size:18px}@media (max-width:700px){.presentation-topbar{gap:8px}.presentation-topbar>span,.presentation-timer button:first-child{display:none}.canvas-presentation{grid-template-rows:56px minmax(0,1fr) 60px}}.canvas-frame-list input:hover,.canvas-frame-list input:focus{border-color:var(--line-strong)}@media (max-width:700px){.canvas-navigator{width:190px;bottom:56px;right:8px}.canvas-toolbar .button-sm{display:inline-flex}}.canvas-viewport-controls{border:1px solid var(--line);box-shadow:var(--shadow-md);z-index:22;background:#fff;border-radius:10px;align-items:center;min-height:40px;padding:4px;display:flex;position:absolute;bottom:14px;left:74px}.canvas-viewport-controls button{color:var(--ink);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;min-width:32px;height:32px;font-size:17px;display:inline-flex}.canvas-viewport-controls button:hover,.canvas-viewport-controls button.active{background:var(--accent-soft);color:var(--accent-dark)}.canvas-viewport-controls output{color:var(--ink);font-variant-numeric:tabular-nums;text-align:center;min-width:48px;font-size:12px}.canvas-viewport-divider{background:var(--line);width:1px;height:24px;margin:0 3px}.canvas-mode-hint{color:#fff;pointer-events:none;z-index:24;background:#202735;border-radius:8px;padding:8px 12px;font-size:13px;position:absolute;top:14px;left:50%;transform:translate(-50%)}@media (max-width:700px){.canvas-viewport-controls{bottom:8px;left:60px}.canvas-mode-hint{text-align:center;max-width:calc(100% - 84px)}}.canvas-tool-options{border:1px solid var(--line);z-index:25;background:#fff;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px 14px;max-width:calc(100% - 96px);padding:8px 10px 8px 14px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #161f3224}.canvas-tool-options strong{font-size:14px}.canvas-tool-options .muted{font-size:12.5px}.canvas-tool-colors,.canvas-tool-widths{flex-wrap:wrap;gap:5px;display:flex}.canvas-tool-colors button{cursor:pointer;border:1px solid #141e3233;border-radius:50%;width:24px;height:24px;padding:0}.canvas-tool-colors button.active{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--accent)}.canvas-tool-widths button{border:1px solid var(--line-strong);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.canvas-tool-widths button span{background:var(--ink);border-radius:50%;display:block}.canvas-tool-widths button.active{background:var(--accent-soft);border-color:var(--accent)}.canvas-size-select{border:1px solid var(--line-strong);font:inherit;border-radius:10px;height:36px;padding:0 8px;font-size:13px}.canvas-draft-path{pointer-events:none}@media (max-width:700px){.canvas-tool-options{max-width:calc(100% - 72px);left:60px;transform:none}.canvas-size-select{display:none}}.canvas-save-message{text-overflow:ellipsis;white-space:nowrap;max-width:170px;overflow:hidden}.app-sidebar.compact{z-index:60;background:#f3f2fb;border-right:1px solid #dcd8f5;transition:width .16s,margin-right .16s,box-shadow .16s}.app-sidebar.compact:hover,.app-sidebar.compact:focus-within{align-items:stretch;width:248px;margin-right:-176px;padding-inline:16px;box-shadow:8px 0 28px #161f3229}.app-sidebar.compact:hover .sidebar-label,.app-sidebar.compact:focus-within .sidebar-label{white-space:nowrap;display:inline}.app-sidebar.compact:hover .sidebar-brand .sidebar-label,.app-sidebar.compact:focus-within .sidebar-brand .sidebar-label,.app-sidebar.compact:hover .sidebar-user-link .sidebar-label,.app-sidebar.compact:focus-within .sidebar-user-link .sidebar-label{display:grid}.app-sidebar.compact:hover .sidebar-logout,.app-sidebar.compact:focus-within .sidebar-logout{display:inline-flex}.app-sidebar.compact:hover .sidebar-user-link,.app-sidebar.compact:focus-within .sidebar-user-link{flex:1}.app-sidebar.compact:hover .sidebar-label-block,.app-sidebar.compact:focus-within .sidebar-label-block{display:block}.app-sidebar.compact:hover .sidebar-create,.app-sidebar.compact:focus-within .sidebar-create{justify-content:flex-start;width:auto;padding:0 14px}.app-sidebar.compact:hover .sidebar-nav a,.app-sidebar.compact:focus-within .sidebar-nav a{justify-content:flex-start;width:auto;padding:0 12px}.app-sidebar.compact:hover .sidebar-brand,.app-sidebar.compact:focus-within .sidebar-brand{margin-inline:4px}@media (prefers-reduced-motion:reduce){.app-sidebar.compact{transition:none}}.canvas-element.locked,.canvas-element.locked .canvas-path-hit{cursor:default}.canvas-lock-badge{font-size:calc(14px * var(--inv,1));pointer-events:none;right:calc(-10px * var(--inv,1));top:calc(-12px * var(--inv,1));position:absolute}.canvas-element.curtain-closed{background-image:repeating-linear-gradient(45deg,#ffffff2e 0 10px,#0000 10px 20px)}.canvas-element.curtain-open{border:calc(2px * var(--inv,1)) dashed #5b4cf08c!important;box-shadow:none!important;background:0 0!important}.canvas-element.curtain-open>span,.canvas-element.curtain-open .canvas-shape-fill{opacity:0}.canvas-curtain-toggle{border-radius:calc(8px * var(--inv,1));color:#fff;cursor:pointer;font:inherit;font-size:calc(13px * var(--inv,1));padding:calc(5px * var(--inv,1)) calc(10px * var(--inv,1));right:calc(6px * var(--inv,1));top:calc(6px * var(--inv,1));z-index:2;background:#5b4cf0;border:0;font-weight:600;position:absolute}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}label.rail-button{cursor:pointer;justify-content:center;align-items:center;display:inline-flex}label.rail-button:has(input:focus-visible){box-shadow:var(--focus-ring)}.canvas-context-bar{border:1px solid var(--line);z-index:30;background:#fff;border-radius:12px;align-items:center;gap:2px;max-width:calc(100% - 16px);padding:4px;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 6px 20px #161f3229}.canvas-context-bar.below{transform:translate(-50%)}.canvas-context-bar>button,.canvas-context-bar .context-popover>button,.canvas-context-bar .context-font-size button{color:var(--ink);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0 6px;font-size:13px;display:inline-flex}.canvas-context-bar button:hover{background:var(--bg)}.canvas-context-bar button.active{background:var(--accent-soft);color:var(--accent-dark)}.canvas-context-bar button.danger:hover{color:#c0392b;background:#fdecec}.canvas-context-bar .ui-icon{width:18px;height:18px}.context-divider{background:var(--line);align-self:stretch;width:1px;margin:4px 3px}.context-hint{color:var(--muted);white-space:nowrap;padding:0 8px;font-size:12.5px}.context-text-button{white-space:nowrap;font-weight:550;padding:0 10px!important}.context-bold{font-weight:800!important}.context-swatch{border:1px solid #141e3240;border-radius:50%;width:20px;height:20px;display:block}.context-font-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.context-font-size{align-items:center;display:inline-flex}.context-font-size input{border:1px solid var(--line-strong);font:inherit;text-align:center;-moz-appearance:textfield;border-radius:6px;width:44px;height:28px;font-size:13px}.context-font-size input::-webkit-inner-spin-button{appearance:none}.context-width span{background:var(--ink);border-radius:50%;display:block}.context-popover{position:relative}.context-popover-panel{border:1px solid var(--line);z-index:2;background:#fff;border-radius:12px;max-height:320px;padding:8px;position:absolute;top:calc(100% + 6px);left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 10px 28px #161f322e}.canvas-context-bar:not(.below) .context-popover-panel{top:auto;bottom:calc(100% + 6px)}.context-colors{grid-template-columns:repeat(6,24px);gap:5px;display:grid}.context-colors button{cursor:pointer;border:1px solid #141e3233;border-radius:50%;width:24px;height:24px;padding:0}.context-colors button.active{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--accent)}.context-colors button.none{background:linear-gradient(135deg,#fff 45%,#c0392b 45% 55%,#fff 55%)}.context-subtitle{color:var(--muted);text-transform:uppercase;margin:6px 4px 4px;font-size:11.5px;font-weight:600}.context-font-list{min-width:250px;display:grid}.context-font-list button{cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:7px 10px;font-size:17px}.context-font-list button:hover{background:var(--bg)}.context-font-list button.active{background:var(--accent-soft)}.context-menu{min-width:170px;display:grid}.context-menu button{cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:14px}.context-menu button:hover{background:var(--bg)}.context-align-grid{grid-template-columns:repeat(4,36px);gap:4px;display:grid}.context-align-grid button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;height:36px;display:inline-flex}.context-align-grid button:disabled{cursor:default;opacity:.35}.context-size{gap:8px;display:flex}.context-size label{align-items:center;gap:4px;font-size:13px;display:flex}.context-size input{border:1px solid var(--line-strong);font:inherit;border-radius:6px;width:72px;height:30px;font-size:13px}@media (max-width:700px){.canvas-context-bar{flex-wrap:wrap;max-width:calc(100vw - 80px)}}.canvas-element-table{align-items:stretch;padding:0}.canvas-table{border:2px solid var(--canvas-rule,#cfd6e0);border-collapse:collapse;color:var(--canvas-ink,#202636);font-family:var(--canvas-font-sans,"Canvas Sans"), Arial, sans-serif;table-layout:fixed;background:#fff;width:100%;height:100%}.canvas-table td{border:1px solid var(--canvas-rule,#cfd6e0);vertical-align:middle;word-break:break-word;padding:4px 8px;line-height:1.2;overflow:hidden}.canvas-table.editing td{padding:0}.canvas-table.editing input{font:inherit;background:0 0;border:0;width:100%;height:100%;min-height:28px;padding:4px 8px}.canvas-table.editing input:focus{outline-offset:-2px;background:#5b4cf014;outline:2px solid #5b4cf0}span.canvas-frame-label.movable{align-items:center;gap:4px;padding:0;display:inline-flex}span.canvas-frame-label.movable>button{color:#fff;cursor:grab;font:inherit;white-space:nowrap;background:0 0;border:0;padding:5px 8px;font-size:12px}span.canvas-frame-label.movable>button:active{cursor:grabbing}.canvas-frame-remove{cursor:pointer!important;border-left:1px solid #ffffff40!important}.laser-trail{pointer-events:none;z-index:100001;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.canvas-stage.lasering,.canvas-stage.lasering .canvas-element,.canvas-stage.lasering .canvas-path-hit{cursor:none}.account-material-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.account-material-list li{border:1px solid var(--line);border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.account-material-kind{background:var(--accent-soft);color:var(--accent-dark);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:650}.account-material-kind.sheet{color:#1f7a45;background:#e7f4ec}.account-material-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.account-material-actions{gap:8px;font-size:13px;font-weight:600;display:inline-flex}@media (max-width:600px){.account-material-list li{grid-template-columns:auto minmax(0,1fr)}.account-material-list small,.account-material-actions{grid-column:2}}.canvas-toolbar{flex-wrap:wrap;row-gap:6px}.canvas-toolbar-title .icon-button{flex-shrink:0}.board-ai-extra{border:1px solid var(--line);border-radius:14px;gap:10px;margin:0;padding:14px 16px;display:grid}.board-ai-extra legend{padding:0 6px;font-weight:700}.board-ai-extra legend em{color:var(--muted);font-style:normal;font-weight:400}.board-ai-extra textarea{border:1px solid var(--line-strong);font:inherit;resize:vertical;border-radius:10px;width:100%;padding:10px 12px}.material-upload{gap:6px;display:grid}.reference-picker{gap:10px;display:grid}.reference-selected{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.reference-selected li{background:var(--surface,#fff);border:1px solid var(--line);border-radius:10px;width:84px;height:84px;padding:6px;position:relative}.reference-selected img{object-fit:contain;width:100%;height:100%}.reference-remove{background:var(--ink,#222);color:#fff;cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:-8px;right:-8px}.reference-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.reference-actions label.button{cursor:pointer}.reference-actions .is-disabled{opacity:.5;pointer-events:none}.reference-library{border:1px solid var(--line);border-radius:12px;gap:10px;padding:12px;display:grid}.reference-filters{flex-wrap:wrap;gap:8px;display:flex}.reference-filters input{flex:1;min-width:160px}.reference-filters input,.reference-filters select{border:1px solid var(--line-strong);font:inherit;border-radius:10px;min-height:38px;padding:0 10px}.reference-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;max-height:320px;display:grid;overflow-y:auto}.reference-grid button{aspect-ratio:1;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:10px;padding:6px}.reference-grid button.on-dark{background:#2f3a34}.reference-grid button.active{border-color:var(--accent,#5b4fe0);box-shadow:0 0 0 2px var(--accent-soft,#e7e4ff)}.reference-grid button:disabled{cursor:not-allowed;opacity:.4}.reference-grid img{object-fit:contain;width:100%;height:100%}.notes-studio{gap:16px;display:grid}.notes-form,.notes-choose{gap:14px;display:grid}.notes-topic{flex:2}.notes-form textarea,.notes-choose textarea{border:1px solid var(--line-strong);font:inherit;resize:vertical;border-radius:10px;width:100%;padding:10px 12px}.notes-working{background:var(--accent-soft,#efedff);border-radius:12px;gap:6px;padding:14px 16px;display:grid}.notes-clarify{background:#fff8e6;border:1px solid #f1d58a;border-radius:10px;margin:0;padding:10px 14px}.notes-options{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.notes-option{border:2px solid var(--line);cursor:pointer;border-radius:14px;gap:6px;padding:14px 16px;display:grid}.notes-option input{opacity:0;pointer-events:none;position:absolute}.notes-option.active{border-color:var(--accent,#5b4fe0);box-shadow:0 0 0 3px var(--accent-soft,#e7e4ff)}.notes-option span{color:var(--muted);font-size:.95rem}.notes-sources ul{margin:8px 0 0;padding-left:20px}.notes-sources li{overflow-wrap:anywhere;margin:4px 0}.notes-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.notes-list-item{border:1px solid var(--line);cursor:pointer;font:inherit;text-align:left;background:#fff;border-radius:12px;gap:2px;width:100%;padding:12px 16px;display:grid}.notes-list-item:hover{border-color:var(--accent,#5b4fe0)}.note-result{gap:18px;min-width:0;display:grid}.note-check{background:#edf7ee;border:1px solid #b9dfbd;border-radius:12px;padding:12px 16px}.note-check.has-fixes{background:#fff8e6;border-color:#f1d58a}.note-check ul{margin:8px 0 0;padding-left:20px}.note-view{overflow-wrap:anywhere;max-width:820px;line-height:1.6}.note-view h2{margin:0 0 12px;font-size:1.6rem}.note-view h3{margin:22px 0 8px;font-size:1.2rem}.note-view h4{margin:16px 0 6px;font-size:1.05rem}.note-view p{margin:0 0 10px}.note-view ul,.note-view ol{margin:0 0 12px;padding-left:22px}.note-result-foot{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.danger-link{color:var(--danger,#c0392b)}@media (max-width:700px){.notes-form .form-row{flex-direction:column}.worksheet-result-actions{flex-wrap:wrap}}:is(body:has(.classroom-panel-section) .assistant,body:has(.canvas-version-panel) .assistant){display:none}.landing{gap:56px;max-width:1080px;margin:0 auto;padding:24px 0 48px;display:grid}.landing-hero{text-align:center;justify-items:center;gap:16px;max-width:760px;margin:0 auto;padding-top:24px;display:grid}.landing-hero h1{letter-spacing:-.02em;margin:0;font-size:clamp(32px,6vw,52px);line-height:1.1}.landing-lead{color:var(--ink-soft);margin:0;font-size:18px}.landing-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.landing-actions .button{padding:12px 22px;font-size:16px}.landing-note{margin:0;font-size:14px}.landing-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.landing-gallery figure{margin:0}.landing-gallery img{aspect-ratio:400/196;border:1px solid var(--line);box-shadow:var(--shadow-sm);object-fit:cover;object-position:top;border-radius:12px;width:100%;height:auto;display:block}.landing-gallery figcaption{color:var(--muted);text-align:center;margin-top:6px;font-size:13px}.landing-section{gap:20px;display:grid}.landing-section h2,.landing-final h2{letter-spacing:-.01em;text-align:center;margin:0;font-size:clamp(24px,4vw,32px)}.landing-features,.landing-plans{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.landing-plans{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:16px;align-content:start;gap:8px;padding:20px;display:grid}.landing-card.is-featured{border-color:var(--accent);box-shadow:var(--shadow-accent)}.landing-card h3,.landing-steps h3{margin:0;font-size:17px}.landing-card p,.landing-steps p{color:var(--ink-soft);margin:0}.landing-price{font-size:22px;font-weight:700;color:var(--accent-dark)!important}.landing-steps{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.landing-steps li{counter-increment:step;gap:6px;padding-left:52px;display:grid;position:relative}.landing-steps li:before{background:var(--accent-soft);color:var(--accent-dark);content:counter(step);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex;position:absolute;top:0;left:0}.landing-more{text-align:center;margin:0}.landing-final{background:var(--accent-soft);border-radius:20px;justify-items:center;gap:16px;padding:36px 20px;display:grid}@media (max-width:900px){.landing-gallery,.landing-features{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-plans,.landing-steps{grid-template-columns:1fr}}.landing-center{text-align:center;margin:-8px auto 0}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.gallery-card{align-content:start;gap:6px;display:grid}.gallery-card-link{color:inherit;gap:6px;text-decoration:none;display:grid}.gallery-card-link strong{font-size:15px;line-height:1.3}.gallery-card-link small{color:var(--muted);font-size:13px}.gallery-thumb{aspect-ratio:3/4;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:12px;transition:transform .15s,box-shadow .15s;display:block;overflow:hidden}.gallery-thumb.is-wide{aspect-ratio:16/9;align-self:start}.gallery-thumb.is-board{aspect-ratio:4/3}.gallery-thumb img{width:100%;height:auto;display:block}.gallery-card-link:hover .gallery-thumb,.gallery-card-link:focus-visible .gallery-thumb{box-shadow:var(--shadow-accent);transform:translateY(-2px)}.landing-club{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:28px;padding:0 32px 0 0;display:grid;overflow:hidden}.landing-club img{object-fit:cover;width:100%;height:100%;min-height:260px;display:block}.landing-club>div{justify-items:start;gap:12px;padding:28px 0;display:grid}.landing-club h2{letter-spacing:-.01em;margin:0;font-size:clamp(24px,3.5vw,30px)}.landing-club p{color:var(--ink-soft);margin:0}.gallery-similar{font-size:14px}.gallery-crumbs{margin-bottom:-32px}.gallery-item{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}.gallery-pages{gap:20px;display:grid}.gallery-pages img{border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:8px;width:100%;height:auto;display:block}.gallery-aside{gap:12px;display:grid;position:sticky;top:24px}.gallery-aside h1{letter-spacing:-.01em;margin:0;font-size:clamp(26px,4vw,36px);line-height:1.15}.gallery-aside h2{margin:8px 0 0;font-size:17px}.gallery-aside p{margin:0}.gallery-aside .button{justify-self:start;padding:12px 22px;font-size:16px}.gallery-outline{color:var(--ink-soft);gap:4px;margin:0;padding-left:20px;display:grid}.gallery-note{font-size:14px}.gallery-text{gap:16px;max-width:820px;display:grid}.gallery-text>p{margin:-8px 0 0}.gallery-text-block h3{margin:0 0 4px;font-size:18px}.gallery-text-block p{margin:0 0 6px;font-size:14px}.gallery-text-table{border-collapse:collapse;width:100%;font-size:15px}.gallery-text-table th,.gallery-text-table td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:6px 10px}.gallery-text-plain{gap:6px;margin:0;padding:0;list-style:none;display:grid}.gallery-text-block ol{gap:6px;margin:0;padding-left:24px;line-height:1.5;display:grid}@media (max-width:900px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-item{grid-template-columns:1fr}.landing-club{grid-template-columns:1fr;padding:0}.landing-club>div{padding:0 20px 24px}.landing-club img{min-height:0}.gallery-aside{order:-1;position:static}}@media (max-width:520px){.landing{gap:40px}.gallery-grid{gap:14px}.landing-features{grid-template-columns:1fr}.landing-lead{font-size:16px}}@media (max-width:480px){.guest-nav .text-link{display:none}.guest-nav .button{padding:8px 12px;font-size:14px}.cookie-notice{box-sizing:border-box;flex-wrap:wrap;width:calc(100vw - 24px)}}.verify-notice{background:var(--accent-soft);color:var(--ink-soft);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-width:0;margin:0 0 16px;padding:12px 16px;display:flex}.verify-notice p{overflow-wrap:anywhere;flex:220px;min-width:0;margin:0}.verify-notice.is-done{color:#0d6b47;background:#e7f7ef}.forgot-link{color:var(--accent-dark);justify-self:end}.brand-mark.brand-logo{box-shadow:none;background:0 0;border-radius:0;flex:none;padding:0}.club-manager{gap:16px;display:grid}.club-create{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.club-create .field{flex:220px}.club-class{gap:14px;display:grid}.club-class-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.club-class-toggle{color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;gap:2px;padding:0;display:grid}.club-class-toggle strong{font-size:20px}.club-class-toggle small{color:var(--muted)}.club-class-actions{flex-wrap:wrap;gap:8px;display:flex}.club-invite{background:var(--accent-soft);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 14px;display:flex}.club-invite>span{color:var(--ink-soft);font-size:14px;font-weight:600}.club-invite code{overflow-wrap:anywhere;flex:220px;font-size:14px}.club-table-wrap{overflow-x:auto}.club-table{border-collapse:collapse;width:100%;min-width:720px;font-size:14px}.club-table caption{color:var(--muted);text-align:left;padding-bottom:8px;font-size:13px}.club-table th,.club-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:8px 10px}.club-table th{color:var(--muted);font-size:12px;font-weight:600}.club-student{align-items:center;gap:10px;display:flex}.club-student small{color:var(--muted);font-size:12px;display:block}.club-hero{background:var(--bg-deep);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:18px;display:grid;position:relative}.club-hero i{font-size:13px;font-style:normal;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.club-row-actions{white-space:nowrap}.club-row-actions .text-link+.text-link{margin-left:10px}.club-manager button.text-link{cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:14px}.lesson-start{gap:18px;display:grid}.lesson-start-fields{grid-template-columns:minmax(0,2.4fr) minmax(0,1.2fr) minmax(0,1fr);gap:14px;display:grid}.lesson-start-error{grid-column:1/-1;margin:0}.lesson-start .section-title{margin:6px 0 0}.lesson-start-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.lesson-kind{color:var(--ink);cursor:pointer;font:inherit;text-align:left;border:0;border-radius:20px;align-content:start;gap:4px;padding:16px 16px 18px;transition:transform .16s,box-shadow .16s;display:grid}.lesson-kind:hover,.lesson-kind:focus-visible{box-shadow:var(--shadow-md);transform:translateY(-2px)}.lesson-kind-art{justify-content:center;align-items:center;height:104px;margin-bottom:6px;display:flex}.lesson-kind-art img{object-fit:contain;width:88px;height:88px}.lesson-kind-task{color:var(--accent-dark);letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:700}.lesson-kind strong{font-size:17px}.lesson-kind-text{color:var(--ink-soft);font-size:14px;line-height:1.45}.lesson-kind-cost{color:var(--muted);margin-top:6px;font-size:13px}@media (max-width:900px){.lesson-start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.lesson-start-fields{grid-template-columns:1fr}.lesson-start-grid{gap:12px}.lesson-kind-art{height:72px}.lesson-kind-art img{width:60px;height:60px}}.catalog-search{flex-wrap:wrap;gap:10px;display:flex}.catalog-search input{flex:260px;min-height:46px}.catalog-search select{min-height:46px}.catalog-moderator{text-align:center;margin:-24px 0 0}.catalog-mine{gap:10px;margin:0;padding:0;list-style:none;display:grid}.catalog-mine li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding-bottom:10px;display:flex}.catalog-mine small{color:var(--muted);flex:200px}.catalog-mine button.text-link,.board-card-publish button.text-link,.publish-link{cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:13px}.catalog-status.is-approved{color:#1f7a4d;font-weight:600}.catalog-status.is-pending{color:#a46a00;font-weight:600}.catalog-status.is-rejected{color:#a33;font-weight:600}.board-card-publish{padding:0 12px 10px}.publish-note{color:var(--muted);font-size:13px}.publish-note.is-error{color:#a33;display:block}.lesson-start-library{color:var(--muted);margin:4px 0 0}.moderation-list{gap:16px;display:grid}.moderation-item{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;display:grid}.moderation-pages{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.moderation-pages img{border:1px solid var(--line);border-radius:8px;width:100%;height:auto;display:block}.moderation-info{align-content:start;gap:8px;display:grid}.moderation-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (max-width:760px){.moderation-item{grid-template-columns:1fr}}.math-frac{vertical-align:middle;white-space:nowrap;flex-direction:column;align-items:center;margin:0 .1em;font-size:.85em;line-height:1.1;display:inline-flex}.math-frac>span{padding:0 .15em}.math-frac>span:first-child{border-bottom:.08em solid}.math-sqrt{white-space:nowrap}.math-sqrt>span{border-top:.07em solid;padding-left:.05em}.new-badge{color:#fff;vertical-align:middle;background:#ff5c8a;border:2px solid #fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;margin-left:6px;display:inline-flex;box-shadow:0 2px 6px #ff5c8a59}.new-badge svg{fill:currentColor;width:12px;height:12px}.new-badge.corner{margin:0;position:absolute;top:2px;right:2px}.sidebar-nav a,.rail-button,.mobile-tabbar a{position:relative}.app-sidebar.compact .sidebar-nav .new-badge{margin:0;position:absolute;top:4px;right:4px}.chip .new-badge{width:18px;height:18px;margin-left:6px}@media (prefers-reduced-motion:no-preference){.new-badge{animation:2.4s ease-in-out 3 new-badge-pop}}@keyframes new-badge-pop{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.stack>*{min-width:0}.canvas-more-toggle{display:none}.canvas-toolbar-more{display:contents}.canvas-more-label{display:none}.canvas-toolbar.more-open .canvas-more-label{display:inline}@media (max-width:700px){.canvas-toolbar{gap:8px;position:relative}.canvas-toolbar-title{flex:1 1 0}.canvas-toolbar-title h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-toolbar-spacer{flex-basis:100%;order:3;height:0}.canvas-more-toggle{order:1;justify-content:center;align-items:center;font-size:22px;display:inline-flex}.canvas-toolbar>.primary-button{order:2}.canvas-toolbar-group{order:4}.canvas-toolbar-group+.canvas-toolbar-group{border-left:0;padding-left:0}.canvas-zoom .canvas-size-select,.canvas-zoom [aria-label="Показать все области"],.canvas-zoom [aria-label=Показать\ выделенное],.canvas-zoom [aria-label="На весь экран"],.canvas-toolbar-more{display:none}.canvas-toolbar.more-open .canvas-toolbar-more{border:1px solid var(--line);z-index:60;background:#fff;border-radius:14px;flex-direction:column;gap:6px;width:220px;padding:10px;display:flex;position:absolute;top:calc(100% - 4px);right:12px;box-shadow:0 12px 32px #14142829}.canvas-toolbar.more-open .canvas-toolbar-more>*{justify-content:flex-start;width:100%}.canvas-stage{height:calc(100dvh - 250px);min-height:420px}.canvas-mobile-note{padding:0 12px;font-size:.82rem}:is(body:has(.canvas-editor-shell) .assistant,body:has(.canvas-editor-shell) .assistant-restore){display:none}}.shared-library-row-label{color:var(--muted);align-self:center;min-width:44px;font-size:.8rem;font-weight:600}.shared-library-topics .chip.active{background:var(--accent-soft,#efedff);border-color:var(--accent,#5b4cf0);color:var(--accent-dark,#4636d8)}@media (max-width:700px){.shared-library-subjects{scrollbar-width:none;flex-wrap:nowrap;margin-right:-16px;padding-bottom:4px;overflow-x:auto}.shared-library-subjects::-webkit-scrollbar{display:none}.shared-library-subjects .chip{flex:none}}.voice-assistant{min-width:0;margin-bottom:20px}.voice-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.voice-heading h2{margin:0 0 6px;font-size:20px}.voice-heading p{margin:0}.voice-heading button{flex-shrink:0}.voice-content{gap:18px;margin-top:22px;display:grid}.voice-reply{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:8px;padding:16px}.voice-reply p{margin:0 0 8px}.voice-read-aloud{align-items:center;gap:8px;font-size:14px;display:flex}.voice-read-aloud input{width:auto}.voice-turn{gap:10px;display:grid}.voice-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.voice-actions .field-hint{flex:200px}.voice-draft{border:0;border-top:1px solid var(--line);gap:14px;min-width:0;padding:18px 0 0;display:grid}.voice-draft legend{padding:0 8px 0 0;font-weight:700}.voice-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.voice-fields .field,.voice-turn .field{min-width:0}.voice-recording{border-color:var(--danger);color:var(--danger)}.voice-transcript{background:var(--bg);overflow-wrap:anywhere;border-radius:8px;padding:12px}.voice-result{justify-items:start;gap:12px;display:grid}@media (max-width:680px){.voice-heading{flex-direction:column;align-items:flex-start}.voice-fields{grid-template-columns:minmax(0,1fr)}.voice-actions .button{white-space:normal}}.voice-assistant .text-button{color:var(--accent-dark)}.studio-form[hidden],.board-ai[hidden]{display:none}.voice-simple-head{align-items:center;gap:18px;display:flex}.voice-simple-title{flex:1;min-width:0}.voice-simple-title h2{margin:0 0 6px;font-size:20px}.voice-simple-title p{margin:0 0 8px}.voice-simple-title small{color:var(--muted)}.voice-mic{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:68px;height:68px;transition:transform .18s,background .18s;display:grid;position:relative}.voice-mic:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-2px)}.voice-mic:focus-visible{outline:3px solid var(--ink);outline-offset:5px}.voice-mic:disabled{opacity:.6;cursor:default}.voice-mic svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;width:28px;height:28px}.voice-mic.is-recording{background:var(--danger)}.voice-mic.is-recording:after{content:"";border:2px solid var(--danger);pointer-events:none;border-radius:50%;animation:1.4s ease-out infinite voice-pulse;position:absolute;inset:-6px}.voice-mic.is-recording svg{opacity:0}.voice-wave{align-items:center;gap:3px;height:28px;display:flex;position:absolute}.voice-wave i{background:currentColor;border-radius:2px;width:3px;height:9px;animation:.9s ease-in-out infinite alternate voice-wave;display:block}.voice-wave i:nth-child(2){animation-delay:-.2s}.voice-wave i:nth-child(3){animation-delay:-.5s}.voice-wave i:nth-child(4){animation-delay:-.3s}.voice-wave i:nth-child(5){animation-delay:-.1s}.voice-privacy{margin:16px 0 0}.voice-simple-content{gap:16px;margin-top:20px;display:grid}.voice-kind-choice{flex-wrap:wrap;gap:8px;display:flex}@keyframes voice-pulse{0%{opacity:.7;transform:scale(.96)}to{opacity:0;transform:scale(1.22)}}@keyframes voice-wave{0%{transform:scaleY(.5)}to{transform:scaleY(2.6)}}@media (max-width:680px){.voice-simple-head{flex-wrap:wrap;gap:14px}.voice-simple-title{flex:calc(100% - 82px)}.voice-return{margin-left:82px}.voice-simple .voice-actions .button{white-space:normal;max-width:100%}}@media (prefers-reduced-motion:reduce){.voice-mic,.voice-mic:after,.voice-wave i{transition:none;animation:none!important}}.diagram-dialog{color:#192737;background:#fff;border:1px solid #c8d4dc;border-radius:14px;width:min(540px,100vw - 24px);max-height:85dvh;padding:24px;overflow:auto}.diagram-dialog::backdrop{background:#121d2a6b}.diagram-dialog h2{margin:0 0 20px;font-size:22px}.diagram-dialog fieldset{border:1px solid #dce5ea;border-radius:8px;margin:12px 0;padding:12px}.diagram-dialog legend{padding:0 6px;font-weight:600}.diagram-field{gap:6px;margin-bottom:12px;font-size:14px;display:grid}.diagram-field input,.diagram-field select{width:100%;min-height:40px;font:inherit;border:1px solid #a6b9c4;border-radius:6px;padding:8px 10px}.diagram-field small{color:#526675}.diagram-dialog .field-error{color:#a22424}.diagram-field input[aria-invalid=true]{border-color:#a22424}.diagram-actions{justify-content:flex-end;gap:10px;padding-top:12px;display:flex}@media (pointer:coarse){.canvas-frame-handle.frame-n,.canvas-frame-handle.frame-s{height:calc(28px * var(--inv,1))}.canvas-frame-handle.frame-e,.canvas-frame-handle.frame-w{width:calc(28px * var(--inv,1))}.canvas-frame-handle.frame-n{top:calc(-14px * var(--inv,1))}.canvas-frame-handle.frame-s{bottom:calc(-14px * var(--inv,1))}.canvas-frame-handle.frame-e{right:calc(-14px * var(--inv,1))}.canvas-frame-handle.frame-w{left:calc(-14px * var(--inv,1))}.canvas-frame-handle.frame-ne,.canvas-frame-handle.frame-nw,.canvas-frame-handle.frame-se,.canvas-frame-handle.frame-sw{height:calc(26px * var(--inv,1));width:calc(26px * var(--inv,1))}.canvas-frame-handle.frame-nw{left:calc(-13px * var(--inv,1));top:calc(-13px * var(--inv,1))}.canvas-frame-handle.frame-se{bottom:calc(-13px * var(--inv,1));right:calc(-13px * var(--inv,1))}.canvas-frame-handle.frame-ne{right:calc(-13px * var(--inv,1));top:calc(-13px * var(--inv,1))}.canvas-frame-handle.frame-sw{bottom:calc(-13px * var(--inv,1));left:calc(-13px * var(--inv,1))}.canvas-frame-label.movable button{padding-block:6px}}.canvas-tool-warn{color:#9a4b00;font-weight:600}@media (max-width:520px){.look-options-sheets{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.look-options-sheets .look-option{padding:6px 6px 8px}.look-options-sheets .look-option small{font-size:11px}}.guest-try{border:1px solid var(--line);box-shadow:var(--shadow-md);box-sizing:border-box;text-align:left;background:#fff;border-radius:20px;grid-template-columns:1fr 1fr;gap:12px;width:100%;padding:20px;scroll-margin-top:80px;display:grid}.guest-try .guest-topic,.guest-try .guest-submit,.guest-try .guest-error,.guest-try .guest-note{grid-column:1/-1}.guest-try .guest-submit{padding:14px 22px;font-size:16px}.guest-try .guest-note{text-align:center;margin:0;font-size:13px}.guest-try .guest-error{margin:0}.guest-result{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}.guest-result-pages{gap:12px;max-height:70vh;display:grid;overflow:auto}.guest-result-pages img{border:1px solid var(--line);border-radius:8px;width:100%;height:auto;display:block}.guest-result-cta{gap:12px;display:grid}.guest-result-cta h2,.guest-result-cta p{margin:0}@media (max-width:620px){.guest-try,.guest-result{grid-template-columns:1fr;padding:16px}.guest-result-pages{max-height:none}.auth-panel{border-left:1px solid var(--line);border-radius:22px 22px 0 0;order:-1;gap:18px;padding:24px 20px}.auth-intro{border-radius:0 0 22px 22px;min-height:0;padding:20px}.auth-intro:before{display:none}.auth-intro h1{font-size:1.4rem}.cookie-notice{flex-flow:row;align-items:center;gap:10px;padding:8px 10px 8px 14px;bottom:8px}.cookie-notice p{flex:1;font-size:12px;line-height:1.35}.cookie-notice .button{min-height:32px;padding:6px 12px}}.landing-club.landing-club-small{grid-template-columns:1fr;padding:0 24px}.landing-club.landing-club-small>div{padding:20px 0}.landing-club.landing-club-small h2{font-size:20px}.landing-faq{gap:8px;max-width:760px;margin-left:auto;margin-right:auto;display:grid}.landing-faq details{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 18px}.landing-faq summary{cursor:pointer;font-weight:600}.landing-faq details p{color:var(--ink-soft);margin:10px 0 0}.hero{justify-items:center;gap:14px;width:100%;max-width:980px;margin:0 auto;padding-top:8px;display:grid}.hero-line{color:var(--ink-soft);letter-spacing:0;text-align:center;margin:0;font-size:15px;font-weight:600;line-height:1.3}.hero-stage{aspect-ratio:16/10;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-md);contain:strict;border-radius:20px;width:min(100%,160svh - 544px);position:relative;overflow:hidden}.hero-board{opacity:0;visibility:hidden;transition:opacity .5s;position:absolute;inset:0}.hero-board[data-active=true]{opacity:1;visibility:visible}.hero-camera{transform-origin:0 0;will-change:transform;width:100%;position:absolute;top:0;left:0}.hero-camera img{pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform, opacity;width:100%;height:100%;position:absolute;top:0;left:0}.hero-style-name{color:var(--ink-soft);background:#ffffffe6;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;bottom:12px;right:12px}.hero-form{grid-template-columns:1fr auto;gap:10px;width:100%;max-width:680px;display:grid}.hero-form input{border:2px solid var(--accent,#5b4cf0);box-sizing:border-box;border-radius:14px;width:100%;min-height:54px;padding:0 16px;font-size:18px}.hero-form>.button{min-height:54px;padding:0 24px;font-size:16px}.hero-chips{flex-wrap:wrap;grid-column:1/-1;justify-content:center;gap:8px;display:flex}.hero-chip{background:var(--panel);border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;font:inherit;border-radius:999px;padding:6px 12px;font-size:14px}.hero-chip:hover{border-color:var(--accent,#5b4cf0);color:var(--ink)}.hero-note{text-align:center;grid-column:1/-1;margin:0}.hero-result{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;width:100%;display:grid}.hero-result-board{border:1px solid var(--line);border-radius:16px;max-height:70vh;overflow:auto}.hero-result-board img{width:100%;height:auto;display:block}.hero-result-cta{text-align:left;align-content:start;gap:12px;display:grid}.hero-result-cta h2,.hero-result-cta p{margin:0}@media (prefers-reduced-motion:reduce){.hero-board{transition:none}}@media (max-width:620px){.hero-stage{aspect-ratio:4/5;border-radius:16px;width:min(100%,80svh - 208px)}.hero-form{grid-template-columns:1fr}.hero-form>.button{width:100%}.hero-result{grid-template-columns:1fr}.hero-result-board{max-height:none}}.materials-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.materials-tabs{flex-wrap:wrap;gap:8px;display:flex}.materials-tabs .chip .muted{margin-left:4px}.materials-tabs .chip[aria-current=page]{background:var(--accent,#5b4cf0);border-color:var(--accent,#5b4cf0);color:#fff}.materials-tabs .chip[aria-current=page] .muted{color:#fffc}.materials-search input{border:1px solid var(--line);font:inherit;border-radius:12px;min-width:240px;min-height:40px;padding:0 12px}.recent-title{color:inherit;text-overflow:ellipsis;white-space:nowrap;min-width:0;text-decoration:none;overflow:hidden}.recent-title:hover{color:var(--accent-dark,#4433d6)}.recent-date{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.recent-downloads{gap:8px;display:inline-flex}.recent-downloads a{color:var(--accent-dark,#4433d6);font-weight:600}@media (max-width:620px){.materials-search,.materials-search input{width:100%;min-width:0}}@media (min-width:621px){.cookie-notice{box-shadow:none;border-width:1px 0 0;border-radius:0;justify-content:center;gap:12px;width:100%;max-width:none;padding:6px 16px;bottom:0;left:0;transform:none}.cookie-notice p{font-size:13px}.cookie-notice .button{min-height:30px;padding:4px 14px}}