:root{color:#20242b;font-synthesis:none;text-rendering:optimizelegibility;--ink:#20242b;--muted:#69717d;--line:#d9dee5;--paper:#fff;--surface:#f7f8fa;--blue:#2f6df6;--coral:#ff5d52;--mint:#18a777;--shadow:0 10px 30px #1e27331a;background:#eef1f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #2f6df647}button:disabled{cursor:not-allowed;opacity:.42}svg{flex:none;width:18px;height:18px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;overflow:hidden;position:absolute!important}h1,h2,h3,p{margin-top:0}.app-shell{grid-template-columns:228px minmax(0,1fr);min-height:100vh;display:grid}.app-sidebar{z-index:30;height:100vh;color:var(--ink);border-right:1px solid var(--line);background:#fff;flex-direction:column;padding:14px 10px;display:flex;position:sticky;top:0}.brand-button,.nav-button,.account-button{cursor:pointer;background:0 0;border:0}.brand-button{color:var(--ink);align-items:center;gap:10px;padding:7px 8px 18px;font-size:15px;display:flex}.brand-button strong{color:var(--coral)}.brand-mark{background:var(--coral);color:#fff;border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.primary-nav{gap:5px;display:grid}.nav-button{color:#4f5661;text-align:left;border-radius:5px;align-items:center;gap:11px;width:100%;min-height:42px;padding:0 11px;display:flex}.nav-button:hover,.nav-button.active{color:var(--ink);background:#f5f6f8}.nav-button.active{color:var(--coral);box-shadow:inset 3px 0 var(--coral)}.sidebar-footer{border-top:1px solid var(--line);align-items:center;gap:4px;margin-top:auto;padding-top:10px;display:flex}.account-button{color:#444b55;flex:1;align-items:center;gap:9px;min-width:0;padding:8px;display:flex}.account-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.icon-button.quiet{color:#656d78}.sidebar-book-pages{border-top:1px solid var(--line);flex-direction:column;flex:1;min-height:0;margin:14px -2px 8px;padding-top:12px;display:flex}.sidebar-book-heading{justify-content:space-between;gap:8px;padding:0 10px 9px;font-size:12px;font-weight:750;display:flex}.sidebar-book-heading small{color:var(--muted);font-weight:500}.sidebar-page-list{gap:10px;min-height:0;padding:0 5px 12px;display:grid;overflow-y:auto}.sidebar-page-list button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;width:100%;padding:4px 4px 4px 29px;display:block;position:relative}.sidebar-page-list button:hover{background:#f5f6f8}.sidebar-page-list button.active{border-color:var(--coral);background:#fff8f7}.sidebar-page-list img{object-fit:contain;background:#fff;border:1px solid #e5e7eb;width:100%;max-height:126px;display:block}.sidebar-page-list span{color:var(--muted);font-size:11px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.sidebar-page-list button.active span{color:var(--coral);font-weight:800}.app-main{min-width:0;min-height:100vh}.mobile-menu.icon-button{z-index:40;display:none;position:fixed;top:10px;left:10px}.icon-button{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:6px;place-items:center;width:36px;height:36px;padding:0;display:inline-grid}.icon-button:hover{background:#f1f4f7}.icon-button.quiet{color:#656d78;background:0 0;border-color:#0000}.preferences-backdrop{z-index:100;background:#1c212857;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.preferences-dialog{border:1px solid var(--line);background:var(--paper);border-radius:8px;width:min(430px,100%);overflow:hidden;box-shadow:0 24px 70px #181e263d}.preferences-dialog header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:70px;padding:15px 16px 13px 20px;display:flex}.preferences-dialog header span{color:var(--muted);text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:750;display:block}.preferences-dialog h2{letter-spacing:0;margin:0;font-size:18px}.preferences-section{gap:12px;padding:18px 20px 22px;display:grid}.preferences-section>strong{font-size:12px}.preference-row{border:1px solid var(--line);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:18px;min-height:66px;padding:12px;display:flex}.preference-row:hover{background:#fafbfc;border-color:#b7bec8}.preference-row>span{gap:4px;min-width:0;display:grid}.preference-row b{font-size:13px}.preference-row small{color:var(--muted);font-size:11px;line-height:1.35}.preference-row input{width:19px;height:19px;accent-color:var(--coral);flex:none}.secondary-button,.wide-command,.export-button,.showcase-button{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-weight:650;display:inline-flex}.secondary-button:hover,.wide-command:hover{background:#f7f9fb;border-color:#b8c0cb}.secondary-button.compact{min-height:34px;padding:0 11px;font-size:13px}.library-view,.showcase-view{padding:42px clamp(24px,5vw,72px) 64px}.library-header,.admin-header,.showcase-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:28px;display:flex}.library-header h1,.admin-header h1,.showcase-header h1{letter-spacing:0;margin-bottom:8px;font-size:clamp(26px,3vw,38px);line-height:1.08}.library-header p,.admin-header p,.book-intro p,.showcase-header p{color:var(--muted)}.continue-band{padding:30px 0 34px}.section-heading>div{align-items:center;gap:9px;display:flex}.section-heading h2{margin:0;font-size:16px}.continue-item{border:1px solid var(--line);background:var(--paper);text-align:left;cursor:pointer;border-radius:7px;grid-template-columns:82px 1fr 28px;align-items:center;gap:13px;width:min(520px,100%);margin-top:13px;padding:10px;display:grid}.continue-item:hover{border-color:#b9c1cc;box-shadow:0 6px 18px #1e273314}.continue-item img{object-fit:cover;border-radius:4px;width:82px;height:58px}.continue-item span{gap:5px;display:grid}.continue-item small,.page-tile small,.book-row small{color:var(--muted)}.book-section{border-top:1px solid var(--line);grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:clamp(24px,4vw,58px);padding:34px 0;display:grid}.book-intro h2{margin-bottom:9px;font-size:22px}.book-intro span{color:var(--blue);font-size:13px;font-weight:700}.page-rail{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px;display:grid}.page-tile{grid-template-columns:1fr auto;align-items:end;gap:7px;min-width:0;display:grid}.page-open{text-align:left;cursor:pointer;background:0 0;border:0;grid-column:1/-1;gap:7px;padding:0;display:grid}.page-image-frame{aspect-ratio:4/5;border:1px solid var(--line);background:#fff;border-radius:6px;overflow:hidden}.page-image-frame img{object-fit:cover;width:100%;height:100%;transition:transform .18s}.page-open:hover img{transform:scale(1.025)}.gallery-link,.source-link{color:var(--blue);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:11px;font-weight:700;display:inline-flex}.gallery-link svg,.source-link svg{width:14px}.editor-view{background:#f2f4f6;grid-template-rows:68px minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100vh;min-height:620px;display:grid;overflow:hidden}.editor-topbar{background:var(--paper);border-bottom:1px solid var(--line);grid-column:1/-1;grid-template-columns:minmax(220px,1fr) auto minmax(230px,1fr);align-items:center;gap:16px;padding:0 18px;display:grid}.page-context{align-items:center;gap:9px;min-width:0;display:flex}.page-context svg{color:#535b66}.page-context strong{text-overflow:ellipsis;white-space:nowrap;max-width:210px;font-size:13px;overflow:hidden}.page-context span{border-left:1px solid var(--line);color:var(--muted);white-space:nowrap;padding-left:12px;font-size:12px}.history-controls,.room-controls{align-items:center;gap:8px;display:flex}.room-controls{justify-self:end}.document-actions{border-left:1px solid var(--line);border-right:1px solid var(--line);align-items:center;gap:3px;padding:0 5px;display:flex}.document-actions button{color:#505965;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:34px;height:34px;padding:0;display:grid}.document-actions button:hover{color:var(--ink);background:#f1f3f5}.document-actions button:disabled{opacity:.4;cursor:default}.document-actions svg{width:17px;height:17px}.topbar-command{cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;min-height:34px;padding:0 8px;font-size:12px;display:flex}.topbar-command:hover{background:#f4f5f7}.save-state,.connection-state{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex}.save-state{margin-left:10px}.save-state svg{width:15px;color:var(--mint)}.connection-state>span{background:#aab1ba;border-radius:50%;width:7px;height:7px}.connection-state.connected>span{background:var(--mint)}.connection-state.connecting>span{background:#f4a72b}.connection-state.degraded>span{background:var(--coral)}.participant-stack{padding-left:5px;display:flex}.participant-stack>span{color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;margin-left:-5px;font-size:11px;font-weight:800;display:grid}.canvas-workspace{overscroll-behavior:none;touch-action:none;background:#f1f3f5;grid-area:2/1;place-items:center;min-width:0;min-height:0;padding:24px 24px 62px;display:grid;position:relative;overflow:hidden}.canvas-stage{filter:drop-shadow(0 10px 24px #1e273324);transform-origin:50%;will-change:transform;place-items:center;width:min(100%,930px);min-width:320px;max-height:calc(100vh - 122px);display:grid;position:relative}.canvas-surface{max-width:100%;max-height:calc(100vh - 122px);line-height:0;display:inline-block;position:relative}.paint-canvas{z-index:1;touch-action:none;cursor:none;background:#fff;border:1px solid #dfe3e8;border-radius:2px;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 122px);display:block;position:relative}.selection-overlay{z-index:2;opacity:.65;filter:drop-shadow(0 0 1px #14191ff2)drop-shadow(0 0 3px #ff564ee6);pointer-events:none;width:100%;height:100%;transition:opacity .12s;position:absolute;inset:0}.selection-overlay.active{opacity:1}.canvas-workspace.space-pan-ready,.canvas-workspace.space-pan-ready .paint-canvas{cursor:grab}.canvas-workspace.is-panning,.canvas-workspace.is-panning .paint-canvas{cursor:grabbing}.canvas-loading{z-index:8;color:#fff;background:#20242b;border-radius:6px;padding:10px 13px;font-size:13px;position:absolute}.canvas-loading.error{background:#a83434}.stencil-object{z-index:3;aspect-ratio:1;pointer-events:none;transform-origin:50%;border:1px dashed #0000;position:absolute}.stencil-object.editing{border-color:#1f2937b3}.stencil-pattern{opacity:.42;pointer-events:none;display:block;position:absolute;inset:0;overflow:hidden}.stencil-pattern:after{content:"";background:#ffffff40;position:absolute;inset:0}.stencil-pattern.stencil-image{filter:grayscale();mix-blend-mode:multiply;background-position:50%;background-repeat:no-repeat;background-size:100% 100%}.stencil-pattern.stencil-image.inverted{filter:grayscale()invert()}.stencil-pattern.stencil-image:after{display:none}.stencil-drag-handle{z-index:2;color:#303740;pointer-events:auto;cursor:grab;background:#fff;border:1px solid #303740;border-radius:4px;align-items:center;gap:4px;min-height:26px;padding:0 8px;font-size:10px;font-weight:750;display:flex;position:absolute;top:-31px;left:50%;transform:translate(-50%)}.stencil-drag-handle:active{cursor:grabbing}.stencil-rotate-handle{z-index:2;color:#303740;pointer-events:auto;cursor:alias;background:#fff;border:1px solid #303740;border-radius:50%;place-items:center;width:27px;height:27px;padding:0;display:grid;position:absolute;top:-33px;right:-33px}.stencil-rotate-handle svg{width:14px;height:14px}.stencil-close-handle{z-index:2;color:#303740;pointer-events:auto;cursor:pointer;background:#fff;border:1px solid #303740;border-radius:50%;place-items:center;width:27px;height:27px;padding:0;display:grid;position:absolute;top:-33px;left:-33px}.stencil-close-handle:hover{color:#fff;border-color:var(--coral);background:var(--coral)}.stencil-close-handle svg{width:14px;height:14px}.stencil-resize-handle{z-index:2;pointer-events:auto;touch-action:none;background:#303740;border:2px solid #fff;border-radius:2px;width:15px;height:15px;padding:0;position:absolute;box-shadow:0 0 0 1px #303740}.stencil-resize-handle.nw{cursor:nwse-resize;top:-8px;left:-8px}.stencil-resize-handle.ne{cursor:nesw-resize;top:-8px;right:-8px}.stencil-resize-handle.se{cursor:nwse-resize;bottom:-8px;right:-8px}.stencil-resize-handle.sw{cursor:nesw-resize;bottom:-8px;left:-8px}.local-cursor-preview{--cursor-angle:0deg;z-index:7;pointer-events:none;min-width:4px;max-width:180px;min-height:4px;max-height:180px;position:absolute;transform:translate(-50%,-50%)}.local-cursor-preview.fill,.local-cursor-preview.select,.local-cursor-preview.color-adjust{width:30px!important;height:30px!important}.cursor-footprint{transform:rotate(var(--cursor-angle));border:1px solid #161d26d1;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 2px #fff,0 2px 7px #1419213d}.local-cursor-preview.constrained .cursor-footprint{outline-offset:3px;outline:1px dashed #ff5d52f2}.local-cursor-preview.tip-marker .cursor-footprint{border-radius:38%}.local-cursor-preview.tip-spray .cursor-footprint{background:radial-gradient(circle,#161d262e 0 9%,#0000 11%) 50%/7px 7px;border-style:dotted;box-shadow:0 0 0 2px #ffffffe6,0 0 10px #1419212e}.local-cursor-preview.tip-watercolor .cursor-footprint{border-style:dashed;border-color:#161d2694;box-shadow:0 0 0 3px #ffffffb8,0 0 9px #14192124}.local-cursor-preview.bitmap-tip .cursor-footprint{opacity:.72;background-position:50%;background-repeat:no-repeat;background-size:contain}.local-cursor-preview.stamp .cursor-footprint{border-style:dashed;border-radius:6px}.local-cursor-preview.eraser-inside .cursor-footprint,.local-cursor-preview.eraser-everywhere .cursor-footprint{background:#ffffffb3}.cursor-tool-glyph{z-index:2;color:#2f3741;background:#fffffff0;border:1px solid #1d232b94;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;top:0;right:0;transform:translate(50%,-50%);box-shadow:0 1px 4px #1419212e}.cursor-tool-glyph svg{stroke-width:2.2px;width:11px;height:11px}.local-cursor-preview.compact-footprint .cursor-tool-glyph{display:none}.fixed-tool-cursor .cursor-tool-glyph,.local-cursor-preview.stamp .cursor-tool-glyph{width:19px;height:19px;box-shadow:none;background:0 0;border:0;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.fixed-tool-cursor .cursor-tool-glyph svg,.local-cursor-preview.stamp .cursor-tool-glyph svg{filter:drop-shadow(0 1px #fff);width:15px;height:15px}.cursor-material{border:2px solid #fff;border-radius:50%;width:13px;height:13px;display:block;box-shadow:0 0 0 1px #1d232b8c}.local-cursor-preview .cursor-material{z-index:3;position:absolute;bottom:-5px;right:-5px}.remote-cursor{z-index:8;pointer-events:none;position:absolute;transform:translate(-2px,-2px)}.remote-cursor svg{filter:drop-shadow(0 1px #fff);width:24px;height:24px}.remote-cursor span{color:#fff;border-radius:4px;width:max-content;margin:-1px 0 0 14px;padding:3px 6px;font-size:10px;font-weight:700;display:block}.canvas-bottom-dock{z-index:12;border:1px solid var(--line);min-height:52px;box-shadow:var(--shadow);background:#fffffff7;border-radius:7px;align-items:center;gap:3px;padding:4px;transition:bottom .18s,opacity .1s;display:flex;position:absolute;bottom:12px;left:50%;overflow:visible;transform:translate(-50%)}.canvas-bottom-dock:has(.tool-flyout){z-index:22}.context-quick-tools{z-index:13;border:1px solid var(--line);background:#fffffff7;border-radius:7px;align-items:center;gap:3px;max-width:calc(100% - 24px);min-height:42px;padding:4px;display:flex;position:absolute;bottom:76px;left:50%;overflow:visible;transform:translate(-50%);box-shadow:0 4px 18px #14192124}.context-quick-strip{scrollbar-width:none;align-items:center;gap:3px;min-width:0;display:flex;overflow:auto hidden}.context-quick-strip::-webkit-scrollbar{display:none}.context-quick-tools button{color:#4d5662;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:4px;min-width:42px;height:34px;padding:0 7px;display:flex}.context-quick-tools button:hover{background:#f0f2f4}.context-quick-tools button.active{color:var(--coral);background:#ffe8e4;box-shadow:inset 0 0 0 1px #ff5d5280}.context-quick-tools button svg{flex:none;width:17px;height:17px}.context-quick-tools button span{font-size:9px;font-weight:750}.context-quick-tools .brush-preset-trigger{border:1px solid var(--line);background:#fafbfc;justify-content:flex-start;gap:7px;width:126px;min-width:126px;padding:0 8px}.context-quick-tools .brush-preset-trigger:hover,.context-quick-tools .brush-preset-trigger[aria-expanded=true]{background:#f2f4f6;border-color:#aeb6c0}.context-quick-tools .brush-preset-trigger .brush-preset-label{min-width:0;color:var(--ink);text-align:left;text-overflow:ellipsis;flex:1;font-size:10px;display:block;overflow:hidden}.context-quick-tools .brush-preset-trigger .brush-preset-chevron{width:14px;height:14px;color:var(--muted)}.context-quick-tools .brush-preset-settings{border:1px solid var(--line);background:#fafbfc;width:34px;min-width:34px;padding:0}.context-quick-tools .brush-preset-settings:hover{background:#f2f4f6;border-color:#aeb6c0}.context-size-control{z-index:1;border:1px solid var(--line);color:#303740;cursor:ew-resize;background:#fafbfc;border-radius:4px;flex:0 0 54px;justify-content:center;align-items:center;gap:6px;width:54px;height:34px;padding:0 7px;display:flex;position:relative}.context-size-control:hover,.context-size-control:focus-within{background:#f2f4f6;border-color:#aeb6c0}.context-size-control input{z-index:2;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.context-size-control output{text-align:right;min-width:20px;font-size:9px;font-weight:750}.selection-tint-properties{gap:10px;display:grid}.selection-tint-row{grid-template-columns:1fr;gap:7px;display:grid}.selection-tint-row>button{justify-content:center;align-items:center;gap:7px;min-height:40px;display:flex}.selection-tint-property-swatch>span{border:2px solid #fff;border-radius:4px;width:22px;height:22px;box-shadow:0 0 0 1px #8d96a1}.selection-tint-property-swatch strong{font-size:10px}.context-size-dot{background:currentColor;border-radius:50%;flex:none;display:block;box-shadow:0 0 0 1px #fff,0 0 0 2px #7e8792}.context-size-preview{z-index:38;border:1px solid var(--line);pointer-events:none;background:#fff;border-radius:6px;grid-template-rows:1fr auto;gap:4px;width:154px;height:58px;padding:9px 10px 7px;display:grid;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 10px 28px #14192133}.context-size-preview-track{background:#f2f4f6;border-radius:3px;place-items:center;display:grid;overflow:hidden}.context-size-preview-track i{background:#252b33;border-radius:999px;width:110px;min-height:1px;display:block}.context-size-preview output{color:var(--muted);text-align:center;font-size:9px;font-weight:750}.brush-stroke-sample{flex:0 0 42px;width:42px;height:16px;display:block;position:relative;overflow:hidden}.brush-stroke-sample:before{content:"";background:currentColor;position:absolute;top:50%;left:2px;right:2px;transform:translateY(-50%)}.brush-stroke-sample.round:before{border-radius:5px;height:5px}.brush-stroke-sample.marker:before{border-radius:1px;height:7px;transform:translateY(-50%)skew(-13deg)}.brush-stroke-sample.spray:before{background:radial-gradient(circle,currentColor 0 1px,#0000 1.4px) 0 0/7px 6px;inset:2px 1px;transform:none}.brush-stroke-sample.watercolor:before{opacity:.62;filter:blur(.5px);background:linear-gradient(90deg,#0000,currentColor 8% 76%,#0000);border-radius:50% 35% 55% 40%;height:9px}.stamp-preset-sample{color:currentColor;flex:0 0 42px;place-items:center;width:42px;height:22px;display:grid}.stamp-preset-sample svg{width:20px!important;height:20px!important}.bitmap-preset-sample{background-color:#f3f5f7;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #d3d8df;border-radius:3px;flex:0 0 42px;width:42px;height:22px}.brush-preset-menu{z-index:35;border:1px solid var(--line);background:#fff;border-radius:7px;gap:2px;width:210px;max-height:min(420px,60vh);padding:5px;display:grid;position:absolute;bottom:calc(100% + 8px);left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 12px 30px #14192138}.brush-preset-group-label{color:var(--muted);letter-spacing:0;text-transform:uppercase;padding:8px 9px 3px;font-size:9px!important;font-weight:750!important}.context-quick-tools .brush-preset-menu button{justify-content:flex-start;gap:10px;width:100%;min-width:0;height:38px;padding:0 9px}.context-quick-tools .brush-preset-menu button.active{color:var(--coral);box-shadow:none;background:#fff1ef}.context-quick-tools .brush-preset-menu .brush-preset-label{color:inherit;text-align:left;flex:1;font-size:11px;font-weight:700;display:block}.context-quick-tools .brush-preset-menu svg{width:15px;height:15px}.context-quick-tools.quick-fill,.context-quick-tools.quick-draw{gap:6px}.context-quick-tools .quick-color{border-radius:50%;width:34px;min-width:34px;padding:0}.context-quick-tools .quick-color i{border:3px solid #fff;border-radius:50%;width:25px;height:25px;display:block;box-shadow:0 0 0 1px #b9c0c9}.context-quick-tools .quick-color.active i{box-shadow:0 0 0 2px var(--coral)}.quick-tools-divider{background:var(--line);flex:none;width:1px;height:24px;margin:0 2px}.context-quick-tools .quick-all-label{font-size:11px}.context-adjust-readout{min-height:34px;color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;padding:0 8px;font-size:10px;display:flex}.context-adjust-readout span{align-items:center;gap:3px;display:flex}.context-adjust-readout strong{color:var(--ink);font-size:9px}.context-material{flex:0 0 38px;place-items:center;width:38px;height:34px;display:grid;position:relative;overflow:visible}.context-quick-tools .context-color-trigger{border:3px solid #fff;border-radius:5px;width:30px;min-width:30px;height:30px;padding:0;display:block;position:relative;box-shadow:0 0 0 1px #aeb6c0,0 2px 5px #14192129}.context-quick-tools .context-color-trigger:hover{box-shadow:0 0 0 2px var(--coral), 0 3px 8px #14192133}.context-color-trigger-marker{background:#202630;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;right:-4px;box-shadow:0 0 0 1px #171c2359}.canvas-palette-tray{z-index:17;border:1px solid var(--line);opacity:0;visibility:hidden;pointer-events:none;background:#fffffffa;border-radius:8px;gap:7px;width:max-content;max-width:calc(100% - 150px);padding:7px;transition:opacity .12s,transform .15s,visibility .15s;display:grid;position:absolute;box-shadow:0 10px 30px #14192133}.canvas-palette-tray.open{opacity:1;visibility:visible;pointer-events:auto}.palette-tray-main{align-items:center;gap:8px;min-width:0;display:flex}.palette-row-label{color:var(--muted);text-transform:uppercase;flex:none;font-size:8px;font-weight:750}.palette-select-label{background:#f3f5f7;border-radius:5px;align-items:center;gap:7px;min-width:132px;height:38px;padding:0 5px 0 9px;display:flex}.palette-select-label>svg{width:16px;height:16px;color:var(--coral);flex:none}.palette-select-label select{min-width:0;height:30px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;flex:1;padding:0 22px 0 0;font-size:10px;font-weight:750}.palette-swatch-list{scrollbar-width:none;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.palette-swatch-list::-webkit-scrollbar{display:none}.palette-swatch{cursor:pointer;border:3px solid #fff;border-radius:50%;flex:0 0 32px;width:32px;height:32px;padding:0;box-shadow:0 0 0 1px #b8bfc8}.palette-swatch:hover{transform:translateY(-1px);box-shadow:0 0 0 2px #8d96a2}.palette-swatch.active{box-shadow:0 0 0 2px var(--ink)}.palette-recent-group{align-items:center;gap:6px;display:flex}.palette-recent-colors{gap:4px}.palette-recent-colors .palette-swatch{border-width:2px;flex-basis:22px;width:22px;height:22px}.palette-tray-divider{background:var(--line);flex:0 0 1px;width:1px;height:28px}.palette-tray-command,.palette-editor-button{border:1px solid var(--line);color:#4d5662;cursor:pointer;background:#fff;border-radius:4px;flex:none;justify-content:center;align-items:center;gap:5px;min-width:34px;height:32px;padding:0 8px;font-size:10px;font-weight:750;display:flex}.palette-tray-command:hover,.palette-editor-button:hover{color:var(--ink);background:#f2f4f6;border-color:#aeb6c0}.palette-tray-command svg,.palette-editor-button svg{width:15px;height:15px}.material-editor-command{color:var(--coral)}.palette-preset-editor{border-top:1px solid var(--line);align-items:center;gap:7px;padding-top:7px;display:flex}.palette-name-input{border:1px solid var(--line);width:128px;height:32px;font:inherit;border-radius:4px;padding:0 8px;font-size:10px}.palette-draft-colors{scrollbar-width:none;gap:5px;min-width:0;display:flex;overflow-x:auto}.palette-draft-colors button{cursor:pointer;border:3px solid #fff;border-radius:50%;flex:0 0 28px;width:28px;height:28px;padding:0;position:relative;box-shadow:0 0 0 1px #b8bfc8}.palette-draft-colors button svg{color:#fff;background:#242a32;border-radius:50%;width:11px;height:11px;padding:1px;position:absolute;top:-5px;right:-5px}.palette-add-color{cursor:pointer;flex:0 0 30px;width:30px;height:30px;position:relative}.palette-add-color input{opacity:0;width:1px;height:1px;position:absolute}.palette-add-color span{border:3px solid #fff;border-radius:50%;width:30px;height:30px;display:block;box-shadow:0 0 0 1px #b8bfc8}.palette-editor-button.primary{border-color:var(--coral);background:var(--coral);color:#fff}.palette-editor-button:disabled{opacity:.45;cursor:default}.canvas-material-well{z-index:20;background-color:var(--coral);cursor:pointer;border:5px solid #fff;border-radius:50%;width:54px;height:54px;padding:0;position:absolute;bottom:14px;right:14px;box-shadow:0 0 0 1px #aeb6c0,0 5px 18px #14192140}.canvas-material-well:hover,.canvas-material-well.active{box-shadow:0 0 0 2px var(--coral), 0 7px 22px #14192147}.material-well-icon{color:#fff;background:#242a32;border:2px solid #fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:-5px;right:-5px}.material-well-icon svg{width:11px;height:11px}.canvas-material-well[class*=texture-]{background-size:8px 8px}.quick-stencil-thumbnail{filter:grayscale();background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:3px;width:28px;height:28px;display:block}.quick-stencil-thumbnail.inverted{filter:grayscale()invert()}.dock-group{align-items:center;gap:2px;display:flex}.primary-dock-group,.stencil-dock-group,.dock-tool-slot{position:relative}.dock-tool-slot{align-items:center;display:flex}.dock-drag-indicator{display:none}.dock-divider{background:var(--line);width:1px;height:28px;margin:0 2px;display:block}.canvas-bottom-dock button{color:#4d5662;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:6px;height:42px;padding:0 9px;font-size:10px;font-weight:750;display:flex}.canvas-bottom-dock button:not(.canvas-tone-handle):hover{background:#f0f2f4}.canvas-bottom-dock button.active,.canvas-bottom-dock .dock-visibility.enabled{color:var(--coral);background:#fff1ef}.canvas-bottom-dock .dock-tool.active{background:#ffe8e4;box-shadow:inset 0 0 0 1px #ff5d5294}.canvas-bottom-dock svg{width:17px;height:17px}.boundary-tool-icon{border:1.5px dashed;border-radius:50%;place-items:center;width:27px;height:27px;display:grid!important}.boundary-tool-icon>svg{width:16px!important;height:16px!important}.additive-tool-icon{place-items:center;width:22px;height:22px;position:relative;overflow:visible;display:grid!important}.additive-tool-icon>svg{width:18px;height:18px}.additive-tool-icon .additive-badge{z-index:2;color:currentColor;pointer-events:none;filter:drop-shadow(0 0 1px #fff)drop-shadow(0 0 1px #fff);place-items:center;width:14px;height:14px;position:absolute;top:-8px;right:-7px;display:grid!important}.additive-tool-icon .additive-badge svg{stroke-width:3.2px;width:13px!important;height:13px!important}.selected-fill-tool-icon{place-items:center;width:22px;height:22px;position:relative;display:grid!important}.selected-fill-tool-icon>svg:first-child{width:18px!important;height:18px!important}.selected-fill-tool-icon>svg:last-child{color:currentColor;stroke-width:3px;background:#fff;border-radius:2px;padding:1px;position:absolute;bottom:-5px;right:-6px;box-shadow:0 0 0 1px;width:12px!important;height:12px!important}.dock-tool{min-width:62px}.dock-fill-tool,.dock-draw-tool{position:relative}.dock-fill-tool{touch-action:none}.dock-fill-tool:active{cursor:grabbing}.tool-corner-swatch{pointer-events:none;border:2px solid #fff;border-radius:2px;width:10px;height:10px;position:absolute;bottom:4px;right:4px;box-shadow:0 0 0 1px #1c222a4d}.tool-corner-swatch[class*=texture-]{background-size:4px 4px}.tool-flyout{z-index:22;border:1px solid var(--line);background:#fffffffa;border-radius:6px;gap:2px;min-width:158px;padding:5px;display:grid;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 10px 28px #1419213d}.tool-flyout:after{content:"";border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;width:9px;height:9px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.canvas-bottom-dock .tool-flyout button{z-index:1;border-radius:4px;justify-content:flex-start;width:100%;height:40px;padding:0 9px;font-size:11px;position:relative}.canvas-bottom-dock .tool-flyout button.active{color:var(--coral);background:#ffe8e4;box-shadow:inset 0 0 0 1px #ff5d526b}.tool-flyout button span{display:inline!important}.tool-flyout button .boundary-tool-icon,.tool-flyout button .additive-tool-icon{display:grid!important}.stencil-appearance-flyout{grid-template-columns:repeat(2,minmax(0,1fr));min-width:158px}.canvas-bottom-dock .stencil-appearance-flyout button{align-content:center;place-items:center;gap:4px;height:78px;padding:5px;display:grid}.stencil-appearance-thumbnail{filter:grayscale();background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #cbd1d8;border-radius:3px;place-items:center;width:48px;height:48px;overflow:hidden;display:grid!important}.stencil-appearance-thumbnail.inverted{filter:grayscale()invert()}.stencil-appearance-thumbnail svg{width:17px;height:17px}.dock-stencil-preview{min-width:74px;padding:4px 7px!important}.dock-stencil-thumbnail{filter:grayscale();background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #ccd1d7;border-radius:3px;flex:none;place-items:center;width:34px;height:34px;display:grid;position:relative;overflow:hidden}.dock-stencil-thumbnail.inverted{filter:grayscale()invert()}.dock-stencil-preview.is-hidden .dock-stencil-thumbnail{opacity:.48}.dock-stencil-preview.is-hidden .dock-stencil-thumbnail:after{content:"";background:var(--coral);border-radius:2px;width:2px;height:44px;position:absolute;top:-5px;left:50%;transform:translate(-50%)rotate(-45deg);box-shadow:0 0 0 1px #fff}.dock-stencil-thumbnail svg{width:15px;height:15px}.dock-drawer-toggle{display:none!important}.dock-material{flex:0 0 82px;width:82px;height:42px;padding:0;position:relative}.canvas-color-control{background:#fff;border-radius:50%;width:82px;height:82px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 12px #191f2742}.hue-ring{cursor:crosshair;touch-action:none;background:conic-gradient(#ff3b30,#fc0,#34c759,#00c7be,#0a84ff,#5856d6,#af52de,#ff2d55,#ff3b30);border-radius:50%;position:absolute;inset:4px}.hue-ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:13px;box-shadow:inset 0 0 0 1px #1c222a24}.hue-ring:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.hue-marker{z-index:2;pointer-events:none;transform:rotate(var(--hue));border-radius:50%;position:absolute;inset:2px}.hue-marker:after{content:"";background:#202630;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:-1px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #171c2359}.canvas-tone-handle{z-index:3;background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, var(--tone-color));cursor:crosshair;touch-action:none;border:2px solid #fff;border-radius:4px;padding:0;position:absolute;inset:20px;box-shadow:0 0 0 1px #1c222a47}.canvas-bottom-dock button.canvas-tone-handle,.canvas-bottom-dock button.canvas-tone-handle:hover,.canvas-bottom-dock button.canvas-tone-handle:active,.context-quick-tools button.canvas-tone-handle,.context-quick-tools button.canvas-tone-handle:hover,.context-quick-tools button.canvas-tone-handle:active{background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, var(--tone-color));min-width:0;height:auto;padding:0}.tone-position-marker{pointer-events:none;background:#202630;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #171c2380}.canvas-native-color-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.canvas-zoom-control{z-index:14;position:absolute;top:12px;right:12px}.zoom-trigger{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);cursor:pointer;background:#fffffff5;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 2px 9px #1419212e}.zoom-trigger:hover,.zoom-trigger[aria-expanded=true]{background:#fff;border-color:#aeb6c1}.zoom-trigger svg{width:20px;height:20px}.zoom-popover{color:#fff;background:#20242b;border-radius:8px;align-items:center;gap:4px;min-height:52px;padding:7px;display:flex;position:absolute;top:45px;right:0;box-shadow:0 8px 22px #1419214d}.zoom-popover output{font-variant-numeric:tabular-nums;min-width:58px;padding:0 8px;font-size:15px}.zoom-popover button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;min-width:38px;height:38px;padding:0;display:grid}.zoom-popover button:hover{background:#ffffff1a}.zoom-popover button svg{width:19px;height:19px}.zoom-popover .zoom-reset{background:#3a3e45;min-width:58px;padding:0 11px;font-size:12px;font-weight:700}.swatch-drag-preview{z-index:100;pointer-events:none;border:3px solid #fff;border-radius:50%;width:34px;height:34px;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #1b21298c,0 5px 14px #14192140}.tune-edge-controls{--tune-rail-length:clamp(190px, calc(100vw - 110px), 360px);--tune-rail-size:12px;z-index:13;pointer-events:none;position:absolute;inset:0}.tune-edge-controls:before{width:var(--tune-rail-size);height:var(--tune-rail-size);content:"";background:#d7dbe0;border-bottom:1px solid #9ba3ad;border-right:1px solid #9ba3ad;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #ffffff80}.tune-slider{pointer-events:none;position:absolute}.tune-slider span{height:var(--tune-rail-size);color:#202630;min-height:0;box-shadow:none;white-space:nowrap;background:#ffffffe6;border:0;border-radius:0;align-items:center;gap:4px;padding:0 4px;font-size:8px;font-weight:750;line-height:1;display:flex;position:absolute}.tune-slider output{color:var(--muted);font:inherit;font-weight:600}.tune-slider input{height:var(--tune-rail-size);appearance:none;cursor:pointer;touch-action:none;border:0;border-radius:0;margin:0;display:block;box-shadow:inset 0 0 0 1px #1c222a42}.tune-slider input::-webkit-slider-thumb{appearance:none;background:#202630;border:2px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #171c238c}.tune-slider input::-moz-range-thumb{background:#202630;border:2px solid #fff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 1px #171c238c}.tune-saturation-slider{left:var(--tune-rail-size);width:var(--tune-rail-length);top:0}.tune-saturation-slider span{top:50%;left:50%;transform:translate(-50%,-50%)}.tune-saturation-slider input{background:linear-gradient(to right, gray, var(--full-color));width:100%}.tune-value-slider{left:0;top:var(--tune-rail-size);width:var(--tune-rail-size);height:var(--tune-rail-length)}.tune-value-slider span{top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.tune-value-slider input{width:var(--tune-rail-length);background:linear-gradient(to right, #050607, var(--tone-color));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.tune-edge-controls.tint-mode .tune-saturation-slider input{background:linear-gradient(90deg,#ff3b30,#fc0,#34c759,#00c7be,#0a84ff,#5856d6,#af52de,#ff2d55,#ff3b30)}.tune-edge-controls.tint-mode .tune-value-slider input{background:linear-gradient(to right, #f5f6f7, var(--tone-color))}.desktop-modal-backdrop{z-index:29;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:default;background:#181d2457;border:0;padding:0;position:fixed;inset:68px 0 0}.tool-inspector{z-index:30;overscroll-behavior:contain;border:1px solid var(--line);background:var(--paper);opacity:0;visibility:hidden;pointer-events:none;border-radius:8px;width:min(440px,100vw - 32px);max-height:min(720px,100vh - 104px);padding:0 22px 20px;transition:opacity .12s,transform .15s,visibility .15s;display:block;position:fixed;top:calc(50% + 34px);left:50%;overflow-y:auto;transform:translate(-50%,-48%)scale(.985);box-shadow:0 24px 70px #12182047}.tool-inspector.desktop-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.desktop-inspector-header{z-index:3;border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;min-height:50px;margin:0 -22px;padding:0 16px 0 22px;display:flex;position:sticky;top:0}.desktop-inspector-header strong{font-size:12px}.desktop-inspector-header button{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.desktop-inspector-header button:hover{color:var(--ink);background:#f0f2f4}.desktop-inspector-header svg{width:16px;height:16px}.mobile-modal-header,.mobile-modal-backdrop{display:none}.inspector-section{border-bottom:1px solid var(--line);padding:18px 0}.inspector-heading{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;display:flex}.inspector-heading span{color:var(--muted);font-size:11px;font-weight:500}.selection-heading-actions{align-items:center;gap:7px;display:flex}.selection-heading-actions button{border:1px solid var(--line);width:27px;height:27px;color:var(--muted);cursor:pointer;background:#fff;border-radius:4px;place-items:center;padding:0;display:grid}.selection-heading-actions button:hover:not(:disabled){color:var(--coral);border-color:var(--coral)}.selection-heading-actions button:disabled{opacity:.4;cursor:default}.selection-heading-actions svg{width:14px;height:14px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.tool-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;align-content:center;place-items:center;gap:7px;min-height:72px;padding:8px 4px;display:grid}.tool-button svg{width:22px;height:22px}.tool-button span{text-align:center;max-width:76px;font-size:10px;font-weight:650;line-height:1.2}.tool-button:hover{background:#fafbfc;border-color:#aeb6c1}.tool-button.active{color:var(--coral);border-color:var(--coral);background:#fff8f7}.tool-button.modifier-active:not(.active){box-shadow:inset 0 -3px var(--mint)}.material-tabs{border-bottom:1px solid var(--line);margin-bottom:14px;display:flex}.material-tabs button{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 11px;font-size:12px}.material-tabs button.active{color:var(--coral);border-bottom-color:var(--coral);font-weight:750}.material-color-controls{gap:11px;display:grid}.texture-grid+.material-color-controls{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.material-native-color{border:1px solid var(--line);cursor:pointer;background:#f7f8f9;border-radius:5px;align-items:center;gap:9px;min-height:42px;padding:7px 10px;display:flex;position:relative}.material-native-color input{opacity:0;width:1px;height:1px;position:absolute}.material-native-color span{border:3px solid #fff;border-radius:50%;flex:none;width:28px;height:28px;box-shadow:0 0 0 1px #bfc6ce}.material-native-color strong{font-size:11px}.material-editor-section{border-bottom:0;padding-top:14px}.material-editor-preview{background-color:#fff;border:1px solid #cbd1d8;border-radius:6px;height:68px;margin-bottom:10px;box-shadow:inset 0 0 0 4px #ffffff6b}.material-color-editor{grid-template-columns:158px minmax(0,1fr);align-items:center;gap:18px;display:grid}.material-color-wheel{place-items:center;min-height:158px;display:grid}.material-color-wheel .canvas-color-control{width:150px;height:150px;position:relative;top:auto;left:auto;transform:none;box-shadow:0 5px 20px #191f2738}.material-color-wheel .hue-ring{inset:7px}.material-color-wheel .hue-ring:after{inset:24px}.material-color-wheel .canvas-tone-handle{inset:39px}.material-color-options{gap:13px;display:grid}.material-editor-palette{grid-template-columns:repeat(6,28px);gap:8px;display:grid}.material-editor-palette button{cursor:pointer;border:3px solid #fff;border-radius:50%;width:28px;height:28px;padding:0;box-shadow:0 0 0 1px #bfc6ce}.material-editor-palette button.active{box-shadow:0 0 0 2px var(--ink)}.material-texture-grid,.gradient-controls{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.gradient-controls{gap:14px;display:grid}.material-source-editor{border-top:1px solid var(--line);gap:12px;margin-top:16px;padding-top:16px;display:grid}.bitmap-library,.brush-tip-library{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.bitmap-library button,.brush-tip-library button{border:1px solid var(--line);min-width:0;color:var(--ink);cursor:pointer;font:inherit;text-overflow:ellipsis;background:#fff;border-radius:5px;gap:5px;padding:5px;font-size:9px;display:grid;overflow:hidden}.bitmap-library button>span,.brush-tip-library button>span{aspect-ratio:1.7;background-color:#f4f5f6;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #d8dde3;border-radius:3px;width:100%;display:block}.bitmap-library button.active,.brush-tip-library button.active{color:var(--coral);border-color:var(--coral);background:#fff8f7}.brush-tip-library .procedural-tip-preview{background-image:radial-gradient(circle,#202630 0 42%,#0000 44%);background-size:contain}.asset-import-button{color:#414954;cursor:pointer;background:#fafbfc;border:1px dashed #aeb6c0;border-radius:5px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 9px;font-size:10px;font-weight:700;display:flex}.asset-import-button:hover{color:var(--coral);border-color:var(--coral)}.asset-import-button svg{width:14px;height:14px}.asset-import-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.material-empty-state,.material-note{color:var(--muted);grid-column:1/-1;margin:0;font-size:9px;line-height:1.45}.advanced-settings{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.advanced-settings>summary{color:#3f4751;cursor:pointer;font-size:11px;font-weight:750;list-style-position:outside}.advanced-settings[open]>summary{margin-bottom:10px}.advanced-settings .range-control:first-of-type{margin-top:8px}.select-control{color:#464d57;gap:6px;margin-top:13px;font-size:11px;font-weight:650;display:grid}.select-control select{border:1px solid var(--line);width:100%;height:36px;color:var(--ink);background:#fff;border-radius:5px;padding:0 9px}.gradient-stop-rail{border:1px solid #bfc5cd;border-radius:4px;height:38px;margin:16px 8px 20px;position:relative}.gradient-stop-rail>button{cursor:pointer;border:3px solid #fff;border-radius:50%;width:18px;height:18px;padding:0;position:absolute;bottom:-15px;transform:translate(-50%);box-shadow:0 0 0 1px #77818d}.gradient-stop-rail>button.active{box-shadow:0 0 0 2px var(--ink)}.gradient-stop-editor{grid-template-columns:minmax(0,1fr) auto;gap:0 8px;display:grid}.gradient-stop-editor>button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:5px;align-items:center;gap:5px;min-height:38px;padding:0 10px;font-size:10px;display:flex}.gradient-stop-editor>button svg{width:14px}.gradient-stop-editor>button:disabled{opacity:.4;cursor:default}.gradient-stop-editor .range-control{grid-column:1/-1}.gradient-swap{border:1px solid var(--line);min-height:38px;color:var(--ink);cursor:pointer;background:#fff;border-radius:5px;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.gradient-swap:hover{color:var(--coral);border-color:var(--coral)}.gradient-swap svg{width:16px;height:16px}.swatch-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.swatch,.color-picker{aspect-ratio:1;cursor:pointer;border:2px solid #fff;border-radius:50%;place-items:center;min-width:0;padding:0;display:grid;box-shadow:0 0 0 1px #cbd1d8}.swatch.active{box-shadow:0 0 0 2px var(--ink)}.color-picker{background:#fff}.color-picker input{opacity:0;width:1px;height:1px;position:absolute}.texture-grid,.stencil-library{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.current-stencil{border:1px solid var(--line);width:100%;min-height:64px;color:var(--ink);text-align:left;cursor:pointer;background:#f7f8f9;border-radius:5px;grid-template-columns:50px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:7px;display:grid}.current-stencil:hover{background:#fff;border-color:#b7bec7}.current-stencil>span:first-child{filter:grayscale();background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid #d6dbe1;border-radius:3px;place-items:center;width:50px;height:50px;display:grid;position:relative}.current-stencil>span:nth-child(2){gap:3px;display:grid}.current-stencil strong{font-size:11px}.current-stencil small{color:var(--muted);font-size:9px}.current-stencil>svg{width:16px;color:var(--muted);transition:transform .14s}.current-stencil>svg.open{transform:rotate(180deg)}.stencil-section .stencil-library{margin-top:9px}.texture-swatch,.stencil-choice{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:5px;gap:5px;min-width:0;padding:5px;display:grid}.texture-swatch>span,.stencil-choice>span{aspect-ratio:1;border:1px solid #d8dde3;border-radius:3px;width:100%;display:block}.stencil-choice.stencil-image>span{filter:grayscale();background-color:#f4f4f4;background-position:50%;background-repeat:no-repeat;background-size:contain}.stencil-choice.stencil-text>span{position:relative}.stencil-choice.stencil-text>span svg{width:12px;height:12px;color:var(--ink);background:#fff;border-radius:2px;padding:2px;position:absolute;bottom:3px;right:3px}.texture-swatch small,.stencil-choice small{color:var(--muted);text-overflow:ellipsis;font-size:9px;overflow:hidden}.texture-swatch.active,.stencil-choice.active{color:var(--coral);border-color:var(--coral);background:#fff8f7}.texture-dots>span,.cursor-material.texture-dots,.tool-corner-swatch.texture-dots,.context-color-trigger.texture-dots,.material-editor-preview.texture-dots{background-image:radial-gradient(circle,#11161cd1 0 17%,#0000 19%);background-size:8px 8px}.texture-hatch>span,.cursor-material.texture-hatch,.tool-corner-swatch.texture-hatch,.context-color-trigger.texture-hatch,.material-editor-preview.texture-hatch{background-image:repeating-linear-gradient(45deg,#11161cbf 0 2px,#0000 2px 7px)}.texture-crosshatch>span,.cursor-material.texture-crosshatch,.tool-corner-swatch.texture-crosshatch,.context-color-trigger.texture-crosshatch,.material-editor-preview.texture-crosshatch{background-image:repeating-linear-gradient(45deg,#11161c9e 0 1px,#0000 1px 6px),repeating-linear-gradient(-45deg,#11161c9e 0 1px,#0000 1px 6px)}.texture-confetti>span,.cursor-material.texture-confetti,.tool-corner-swatch.texture-confetti,.context-color-trigger.texture-confetti,.material-editor-preview.texture-confetti{background-image:radial-gradient(circle at 20% 30%,#11161ce0 0 1px,#0000 2px),radial-gradient(circle at 70% 65%,#11161cb8 0 1px,#0000 2px);background-size:9px 9px}.texture-ink-row{align-items:center;gap:7px;margin-top:12px;display:flex}.texture-ink-row>span{color:var(--muted);margin-right:3px;font-size:10px}.texture-ink-row button{width:20px;height:20px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border:2px solid #fff;border-radius:50%;padding:0}.texture-ink-row button.active{box-shadow:0 0 0 2px var(--ink)}.recent-colors{gap:7px;margin-top:10px;display:flex}.recent-swatch{width:20px;height:20px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border:2px solid #fff;border-radius:50%;padding:0}.option-grid{gap:7px;display:grid}.option-grid.three{grid-template-columns:repeat(3,1fr)}.option-grid.four{grid-template-columns:repeat(4,1fr)}.option-grid.five{grid-template-columns:repeat(5,1fr)}.option-grid button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:5px;place-items:center;gap:4px;min-width:0;min-height:54px;padding:5px 2px;display:grid}.option-grid button span{font-size:9px}.option-grid button.active{color:var(--coral);border-color:var(--coral);background:#fff8f7}.mode-control{border:1px solid var(--line);background:#f3f5f7;border-radius:5px;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:12px;padding:3px;display:grid}.mode-control button{min-height:31px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:3px;font-size:10px;font-weight:700}.mode-control.three{grid-template-columns:repeat(3,1fr)}.mode-control button{justify-content:center;align-items:center;gap:5px;display:flex}.mode-control button svg{width:14px;height:14px}.mode-control button.active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #1e273321}.range-control{gap:7px;margin-top:14px;display:grid}.range-control>span{color:#464d57;justify-content:space-between;font-size:11px;font-weight:650;display:flex}.range-control output{color:var(--muted);font-weight:500}.range-control input{width:100%;accent-color:var(--coral)}.brush-settings-preview{border:1px solid var(--line);background-color:#f8f9fa;background-image:linear-gradient(45deg,#e9edf0 25%,#0000 25%),linear-gradient(-45deg,#e9edf0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e9edf0 75%),linear-gradient(-45deg,#0000 75%,#e9edf0 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border-radius:5px;height:96px;margin:2px 0 16px;position:relative;overflow:hidden}.brush-settings-preview canvas{width:100%;height:100%;display:block}.preset-save-control{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:18px;padding-top:14px;display:grid}.preset-save-control label{gap:5px;min-width:0;display:grid}.preset-save-control label span{color:#464d57;font-size:11px;font-weight:650}.preset-save-control input{border:1px solid var(--line);width:100%;min-width:0;height:36px;color:var(--ink);font:inherit;border-radius:5px;padding:0 10px}.preset-save-control button{border:1px solid var(--line);background:var(--paper);height:36px;color:var(--ink);cursor:pointer;border-radius:5px;align-self:end;align-items:center;gap:5px;padding:0 10px;font-size:10px;font-weight:700;display:inline-flex}.preset-save-control button:disabled{opacity:.45;cursor:default}.preset-save-control button svg{width:14px;height:14px}.preset-save-control small{color:var(--muted);grid-column:1/-1;font-size:9px}.mini-toggle{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:4px;align-items:center;gap:5px;min-height:28px;padding:0 8px;font-size:10px;display:flex}.mini-toggle.active{color:var(--coral);border-color:var(--coral)}.stencil-hint{color:var(--muted);align-items:center;gap:6px;margin:12px 0 0;font-size:10px;line-height:1.4;display:flex}.stencil-hint svg{width:14px}.stencil-commands{grid-template-columns:1fr 1fr;gap:7px;margin-top:12px;display:grid}.stencil-commands button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:5px;justify-content:center;align-items:center;gap:6px;min-height:34px;font-size:10px;display:flex}.stencil-commands button.active{color:var(--coral);border-color:var(--coral)}.text-stencil-controls{gap:8px;margin:12px 0 14px;display:grid}.text-stencil-controls>label{gap:5px;display:grid}.text-stencil-controls span{color:#464d57;font-size:10px;font-weight:700}.text-stencil-controls input,.text-stencil-controls select{border:1px solid var(--line);width:100%;min-width:0;height:35px;color:var(--ink);background:#fff;border-radius:4px;padding:0 9px}.text-style-control{margin:3px 0 0}.mandala-controls{margin-bottom:4px}.quick-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.quick-actions-heading{grid-column:1/-1;margin-bottom:5px}.wide-command{width:100%;min-width:0;margin:0;padding:0 8px;font-size:10px}.hsv-readout{grid-template-columns:42px repeat(3,minmax(0,1fr));align-items:center;gap:8px;display:grid}.hsv-readout.tone-readout{grid-template-columns:42px repeat(2,minmax(0,1fr))}.hsv-preview{width:38px;height:38px;box-shadow:0 0 0 1px var(--line);border:3px solid #fff;border-radius:50%;display:block}.hsv-readout div{gap:2px;min-width:0;display:grid}.hsv-readout small{color:var(--muted);text-transform:uppercase;font-size:8px}.hsv-readout strong{font-size:10px}.selection-empty{color:var(--muted);margin:0;font-size:11px}.color-adjust-command{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:5px;justify-content:center;align-items:center;gap:6px;min-height:36px;margin-top:13px;display:flex}.quick-actions .wide-command:last-child{grid-column:1/-1}.room-note{color:var(--muted);align-items:center;gap:7px;margin-top:10px;font-size:10px;display:flex}.showcase-header{justify-content:flex-start;align-items:center}.showcase-header>div{flex:1}.showcase-header>div>span{color:var(--coral);text-transform:uppercase;font-size:11px;font-weight:800}.showcase-header p{margin-bottom:0}.showcase-grid{columns:4 220px;column-gap:18px;margin-top:30px}.showcase-item{break-inside:avoid;border-bottom:1px solid var(--line);width:100%;margin:0 0 18px;padding-bottom:10px;display:inline-block}.showcase-image{cursor:zoom-in;background:#fff;border:0;border-radius:7px;width:100%;padding:0;display:block;overflow:hidden}.showcase-image img{width:100%;height:auto;display:block}.showcase-meta{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:9px 2px 5px;display:grid}.showcase-meta>div{gap:2px;min-width:0;display:grid}.showcase-meta strong,.showcase-meta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.showcase-meta small{color:var(--muted)}.showcase-meta button,.lightbox-caption button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;display:flex}.showcase-meta button.hearted,.lightbox-caption button.hearted{color:#e54555}.showcase-meta button.hearted svg,.lightbox-caption button.hearted svg{fill:currentColor}.showcase-meta>span,.lightbox-caption>span{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:flex}.showcase-meta svg{width:15px}.source-link{padding:0 2px}.showcase-empty{text-align:center;align-content:center;place-items:center;min-height:55vh;display:grid}.showcase-empty>svg{color:#a7afb9;width:44px;height:44px}.showcase-empty h2{margin:15px 0 6px}.showcase-empty p{color:var(--muted)}.lightbox{z-index:200;background:#111419e6;place-items:center;padding:56px 20px 24px;display:grid;position:fixed;inset:0}.lightbox>img{border-radius:5px;max-width:min(900px,94vw);max-height:calc(100vh - 135px);box-shadow:0 20px 60px #0006}.lightbox-close{color:#fff;background:#ffffff1a;border-color:#ffffff3d;position:absolute;top:16px;right:18px}.lightbox-caption{background:#fff;border-radius:6px;align-items:center;gap:15px;min-width:min(520px,90vw);margin-top:12px;padding:10px 13px;display:flex}.lightbox-caption>div{flex:1;display:grid}.lightbox-caption span{color:var(--muted);font-size:12px}.admin-view{padding:42px clamp(20px,4vw,58px) 60px}.admin-identity{color:var(--mint);align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.admin-layout{grid-template-columns:250px minmax(0,1fr);gap:28px;margin-top:28px;display:grid}.book-list-panel{border-right:1px solid var(--line);padding-right:20px}.panel-heading{justify-content:space-between;align-items:center;display:flex}.panel-heading h2{margin:0;font-size:16px}.panel-heading span{color:var(--muted);font-size:12px}.book-list{gap:5px;margin-top:12px;display:grid}.book-row{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;width:100%;padding:7px;display:grid}.book-row.active{border-color:var(--line);background:#fff}.book-row img{object-fit:cover;border-radius:3px;width:42px;height:48px}.book-row>span{gap:3px;min-width:0;display:grid}.book-row strong,.book-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inline-form{grid-template-columns:1fr 36px;gap:5px;margin-top:14px;display:grid}.inline-form input,.upload-panel input{border:1px solid var(--line);background:#fff;border-radius:5px;min-width:0;height:36px;padding:0 10px}.book-editor-heading{justify-content:space-between;gap:20px;display:flex}.book-editor-heading>div{grid-template-columns:10px 1fr;column-gap:8px;display:grid}.book-editor-heading h2{margin:0;font-size:22px}.book-editor-heading p{color:var(--muted);grid-column:2;margin:5px 0 0}.status-dot{background:#a5abb3;border-radius:50%;width:8px;height:8px;margin-top:9px}.status-dot.published{background:var(--mint)}.processing-summary{border-block:1px solid var(--line);gap:28px;margin:24px 0 18px;padding:13px 0;display:flex}.processing-summary span{color:var(--muted);font-size:12px}.processing-summary strong{color:var(--ink);margin-right:4px;font-size:17px}.page-table{min-width:620px}.page-table-header,.page-table-row{grid-template-columns:minmax(240px,1.5fr) 90px 120px 130px;align-items:center;gap:12px;display:grid}.page-table-header{min-height:38px;color:var(--muted);border-bottom:1px solid var(--line);text-transform:uppercase;font-size:11px;font-weight:750}.page-table-row{border-bottom:1px solid var(--line);min-height:67px;font-size:13px}.page-cell-title{align-items:center;gap:9px;min-width:0;display:flex}.page-cell-title>svg{color:#a1a8b1;width:14px}.page-cell-title img{object-fit:cover;border-radius:3px;width:42px;height:48px}.page-cell-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-label{text-transform:capitalize;align-items:center;gap:5px;display:flex}.status-label svg{width:15px}.status-label.published{color:var(--mint)}.status-label.draft{color:#8a6262}.page-table-row>button{color:var(--blue);cursor:pointer;text-align:left;background:0 0;border:0;font-size:12px;font-weight:700}.upload-panel{background:#ffffff80;border:1px dashed #b9c0c9;border-radius:7px;grid-template-columns:34px minmax(190px,1fr) minmax(140px,220px) auto;align-items:center;gap:14px;margin-top:24px;padding:18px;display:grid}.upload-panel>svg{color:var(--blue)}.upload-panel h3{margin:0 0 4px;font-size:14px}.upload-panel p{color:var(--muted);margin:0;font-size:12px}.upload-panel label input{display:none}.upload-panel .disabled{opacity:.45}.moderation-panel{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.moderation-row{border-bottom:1px solid var(--line);grid-template-columns:45px minmax(0,1fr) 36px 36px;align-items:center;gap:9px;min-height:62px;display:grid}.moderation-row img{object-fit:cover;border-radius:3px;width:42px;height:50px}.moderation-row>span{gap:3px;min-width:0;display:grid}.moderation-row strong,.moderation-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.moderation-row small,.muted-copy{color:var(--muted)}.icon-button.danger{color:#c53e46}.empty-state{text-align:center;color:var(--muted);padding:60px}.admin-content{min-width:0;overflow-x:auto}.toast{z-index:100;color:#fff;max-width:min(420px,100vw - 36px);box-shadow:var(--shadow);pointer-events:none;background:#20242b;border-radius:7px;align-items:center;gap:14px;padding:12px 12px 12px 15px;font-size:13px;display:flex;position:fixed;bottom:18px;right:18px}.toast button{color:#ffbd3e;cursor:pointer;pointer-events:auto;background:0 0;border:0;font-weight:700}@media (width>=901px){.canvas-workspace{padding-bottom:70px;padding-right:88px}.context-quick-tools{max-width:calc(100% - 190px);top:12px;bottom:auto;left:50%;transform:translate(-50%)}.canvas-workspace.tone-active .context-quick-tools{top:34px}.context-quick-tools .brush-preset-menu{top:calc(100% + 8px);bottom:auto}.canvas-bottom-dock{flex-direction:column;min-width:50px;min-height:0;padding:4px;inset:50% 12px auto auto;transform:translateY(-50%)}.canvas-bottom-dock .dock-group,.canvas-bottom-dock .dock-tool-slot{flex-direction:column}.canvas-bottom-dock .dock-divider{width:30px;height:1px;margin:2px 0}.canvas-bottom-dock .dock-tool,.canvas-bottom-dock .dock-stencil-preview{width:42px;min-width:42px;height:42px;padding:0!important}.canvas-bottom-dock .dock-tool span,.canvas-bottom-dock .dock-stencil-label{display:none}.canvas-bottom-dock .dock-stencil-thumbnail{width:32px;height:32px}.canvas-bottom-dock .dock-drawer-toggle{display:none!important}.canvas-bottom-dock .tool-flyout{inset:50% calc(100% + 10px) auto auto;transform:translateY(-50%)}.canvas-bottom-dock .tool-flyout:after{border:0;border-top:1px solid var(--line);border-right:1px solid var(--line);inset:50% -5px auto auto;transform:translateY(-50%)rotate(45deg)}.canvas-palette-tray{bottom:12px;left:50%;transform:translate(-50%,8px)}.canvas-palette-tray.open{transform:translate(-50%)}}@media (width<=1080px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.brand-button>span:last-child,.nav-button span,.account-button span{display:none}.brand-button,.nav-button{justify-content:center}.sidebar-book-heading,.sidebar-page-list span{display:none}.sidebar-page-list{padding:0}.sidebar-page-list button{padding:3px}.save-state{display:none}.canvas-bottom-dock{gap:1px;max-width:calc(100% - 16px);min-height:50px;padding:3px}.canvas-bottom-dock button{height:36px;padding:0}.canvas-bottom-dock .dock-tool{width:36px;min-width:36px}.canvas-bottom-dock .dock-tool span,.canvas-bottom-dock .dock-stencil-label{display:none}.canvas-bottom-dock .dock-stencil-preview{width:40px;min-width:40px;padding:2px!important}.canvas-bottom-dock .dock-stencil-thumbnail{width:30px;height:30px}.canvas-bottom-dock .dock-material{flex-basis:78px;width:78px;height:36px;padding:0}.canvas-bottom-dock .canvas-color-control{width:78px;height:78px}.canvas-bottom-dock .canvas-tone-handle{inset:20px}.canvas-bottom-dock .dock-divider{margin:0 1px}.upload-panel{grid-template-columns:32px minmax(0,1fr)}.upload-panel input,.upload-panel label{grid-column:2}}@media (width<=900px){.editor-view{grid-template-rows:68px minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.editor-topbar,.canvas-workspace{grid-column:1}.mobile-modal-backdrop{z-index:29;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;background:#1a1f265c;border:0;padding:0;display:block;position:fixed;inset:68px 0 0 76px}.tool-inspector{z-index:30;width:min(440px,100vw - 108px);height:auto;max-height:calc(100dvh - 104px);padding:0 18px calc(14px + env(safe-area-inset-bottom));border:1px solid var(--line);opacity:0;border-radius:8px;transition:opacity .12s,transform .15s,visibility .15s;inset:calc(50% + 34px) auto auto calc(50% + 38px);transform:translate(-50%,-48%)scale(.985);box-shadow:0 24px 70px #1218204d}.desktop-inspector-header{display:none}.tool-inspector.mobile-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.mobile-modal-header{z-index:2;border-bottom:1px solid var(--line);background:var(--paper);grid-template-columns:32px 1fr 32px;align-items:center;min-height:50px;margin:0 -18px;padding:0 10px 0 18px;display:grid;position:sticky;top:0}.mobile-modal-header strong{text-align:center;grid-column:2;font-size:13px}.mobile-modal-header button{width:32px;height:32px;color:var(--ink);cursor:pointer;background:#f0f2f4;border:0;border-radius:50%;grid-column:3;place-items:center;padding:0;display:grid}.mobile-modal-header button svg{width:16px;height:16px}.canvas-bottom-dock{z-index:19;touch-action:none;position:fixed;bottom:8px;left:calc(50% + 38px)}.context-quick-tools{z-index:18;max-width:calc(100% - 96px);position:fixed;bottom:66px;left:calc(50% + 38px)}.canvas-palette-tray{z-index:19;width:auto;min-width:0;max-width:none;max-height:min(240px,100dvh - 150px);position:fixed;bottom:66px;left:88px;right:12px;overflow-y:auto;transform:translateY(8px)}.canvas-palette-tray.open{transform:translateY(0)}.canvas-material-well{z-index:20;width:50px;height:50px;position:fixed;bottom:9px;right:12px}.palette-tray-open .context-quick-tools{opacity:0;visibility:hidden;pointer-events:none}.canvas-bottom-dock .dock-drag-indicator{pointer-events:none;background:#c5cbd2;border-radius:2px;width:30px;height:3px;display:block;position:absolute;top:2px;left:50%;transform:translate(-50%)}.canvas-bottom-dock .dock-drawer-toggle{width:26px;min-width:26px;padding:0!important;display:flex!important}.canvas-bottom-dock .dock-drawer-toggle svg{width:15px;height:15px}.canvas-bottom-dock .dock-drawer-toggle.drawer-hint{animation:.9s ease-in-out 3 drawer-hint}}@keyframes drawer-hint{0%,to{color:#4d5662;box-shadow:none;background:0 0;transform:translateY(0)}45%{color:#fff;background:var(--coral);transform:translateY(-3px);box-shadow:0 0 0 5px #ff5d5229}}@media (width<=760px){.app-shell{display:block}.app-sidebar{width:214px;box-shadow:var(--shadow);transition:transform .16s;position:fixed;left:-230px}.app-sidebar.is-open{transform:translate(230px)}.brand-button>span:last-child,.nav-button span,.account-button span{display:inline}.brand-button,.nav-button{justify-content:flex-start}.mobile-menu.icon-button{display:grid}.library-view,.admin-view,.showcase-view{padding:66px 16px 40px}.library-header,.admin-header,.showcase-header{flex-direction:column;align-items:stretch}.book-section{grid-template-columns:1fr;gap:18px}.page-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-grid{columns:2 145px;column-gap:11px}.editor-view{grid-template-rows:58px minmax(0,1fr);grid-template-columns:1fr;height:100dvh;min-height:0;overflow:hidden}.editor-topbar{z-index:20;grid-area:1/1;grid-template-columns:1fr auto;padding-left:58px;position:sticky;top:0}.history-controls,.room-controls .connection-state,.participant-stack{display:none}.document-actions{gap:0;padding:0 2px}.document-actions button{width:30px;height:32px}.sidebar-book-heading{display:flex}.sidebar-page-list{padding:0 5px 12px}.sidebar-page-list span{display:block}.sidebar-page-list button{padding:4px 4px 4px 29px}.canvas-workspace{grid-area:2/1;min-height:0;padding:12px 10px 62px;overflow:hidden}.canvas-stage{min-width:0;max-height:calc(100dvh - 132px);width:100%!important}.canvas-surface{max-height:none}.paint-canvas{max-height:calc(100dvh - 132px)}.mobile-modal-backdrop{inset:58px 0 0}.tool-inspector{width:calc(100vw - 24px);max-height:calc(100dvh - 82px);padding:0 14px calc(12px + env(safe-area-inset-bottom));top:calc(50% + 29px);left:50%}.mobile-modal-header{margin:0 -14px;padding-left:14px;padding-right:8px}.tool-grid{grid-template-columns:repeat(3,1fr)}.tool-button{min-height:58px}.material-color-editor{grid-template-columns:140px minmax(0,1fr);gap:12px}.material-color-wheel{min-height:140px}.material-color-wheel .canvas-color-control{width:136px;height:136px}.material-color-wheel .canvas-tone-handle{inset:36px}.material-editor-palette{grid-template-columns:repeat(4,28px)}.canvas-color-control{width:78px;height:78px}.canvas-tone-handle{inset:20px}.canvas-bottom-dock{gap:1px;max-width:calc(100% - 16px);min-height:48px;padding:3px;bottom:8px;left:50%;transform:translate(-50%)}.context-quick-tools{width:max-content;max-width:calc(100% - 20px);left:50%}.canvas-palette-tray{left:10px;right:10px}.palette-tray-main{flex-wrap:wrap}.palette-select-label{min-width:118px}.palette-preset-editor{flex-wrap:wrap}.context-quick-strip{flex:auto}.context-quick-tools button{flex:0 0 34px;width:34px;min-width:34px;padding:0}.context-size-control{flex-basis:50px;width:50px;padding:0 5px}.context-quick-tools button span{display:none}.context-quick-tools .brush-preset-trigger{flex:0 0 144px;width:144px;min-width:144px}.context-quick-tools .brush-preset-trigger .brush-stroke-sample{flex-basis:36px;width:36px}.context-quick-tools .brush-preset-trigger .brush-stroke-sample,.context-quick-tools .brush-preset-trigger .brush-preset-label{display:block}.context-quick-tools .brush-preset-menu button{flex-basis:auto;width:100%;min-width:0}.context-quick-tools .brush-preset-menu .brush-stroke-sample,.context-quick-tools .brush-preset-menu .brush-preset-label,.context-quick-tools .quick-all-label{display:block}.canvas-bottom-dock button{height:34px;padding:0}.canvas-bottom-dock .dock-tool{width:32px;min-width:32px}.canvas-bottom-dock .dock-tool span{display:none}.canvas-bottom-dock .dock-stencil-preview{width:40px;min-width:40px;padding:2px!important}.canvas-bottom-dock .dock-stencil-label{display:none}.canvas-bottom-dock .dock-stencil-thumbnail{width:30px;height:30px}.canvas-bottom-dock .dock-material{flex-basis:78px;width:78px;height:34px;padding:0}.canvas-bottom-dock .dock-divider{margin:0 1px}.admin-layout{grid-template-columns:1fr}.book-list-panel{border-right:0;border-bottom:1px solid var(--line);padding:0 0 18px}.processing-summary{flex-wrap:wrap;gap:14px}}@media (width<=430px){.library-header .secondary-button{width:100%}.page-rail{gap:11px}.editor-topbar{gap:8px}.page-context span{display:none}.room-controls .secondary-button{width:36px;padding:0;font-size:0}.option-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.canvas-bottom-dock{justify-content:center;width:auto;max-width:none;left:8px;right:66px;transform:none}.canvas-material-well{width:48px;height:48px;right:8px}.canvas-palette-tray{bottom:64px;left:8px;right:8px}.palette-recent-group,.recent-divider,.command-divider{display:none}.palette-select-label{width:100%}.palette-select-label select{flex:1}.palette-primary-colors{flex:auto}}