.artist-color-picker{--artist-paper: var(--panel);--artist-ink: var(--text);--artist-line: var(--line);--artist-muted: var(--muted);--artist-accent: var(--accent);color:var(--artist-ink);width:100%;min-width:0;display:flex;flex-direction:column;gap:10px;font-size:11px}.artist-color-heading{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:26px}.artist-color-heading>span{color:var(--artist-muted);font-size:10px;line-height:1.3}.artist-color-mode-button{flex:0 0 26px;width:26px;height:26px;display:grid;place-items:center;padding:0;border:0;border-radius:4px;background:var(--raised);color:var(--artist-accent);font:inherit;cursor:pointer}.artist-color-mode-button:not(:disabled):hover{background:var(--soft)}.artist-color-mode-menu{position:absolute;top:calc(100% + 5px);right:0;z-index:5;width:100%;padding:4px;box-sizing:border-box;border:1px solid var(--artist-line);border-radius:7px;background:var(--artist-paper);box-shadow:0 8px 24px #0003}.artist-color-mode-menu button{display:flex;align-items:center;gap:8px;width:100%;min-height:34px;padding:7px 8px;border:0;border-radius:4px;background:transparent;color:var(--artist-ink);font:inherit;line-height:1.35;text-align:left;cursor:pointer}.artist-color-mode-menu button>svg{flex-shrink:0}.artist-color-mode-menu button[aria-checked=true]{color:var(--artist-accent);background:var(--raised)}.artist-color-mode-menu button:hover,.artist-color-mode-menu button:focus-visible{background:var(--soft);outline-offset:-2px}.artist-color-mode-check{width:12px;flex-shrink:0;margin-left:auto}.artist-sv-plane{position:relative;aspect-ratio:1.6;width:100%;border-radius:4px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),var(--artist-hue);cursor:crosshair;touch-action:none;user-select:none;-webkit-user-select:none;outline-offset:3px}.artist-color-handle{position:absolute;width:11px;height:11px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #20231e,0 1px 3px #0008;pointer-events:none;transform:translate(-50%,-50%);box-sizing:border-box}.artist-color-picker .artist-hue-bar{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:14px;margin:3px 0;padding:0;border:0;border-radius:3px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:ew-resize;touch-action:none}.artist-color-picker input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:7px;height:19px;border:2px solid #fff;border-radius:3px;box-shadow:0 0 0 1px #20231eaa;background:transparent}.artist-color-picker input[type=range]::-moz-range-thumb{width:5px;height:16px;border:2px solid #fff;border-radius:3px;box-shadow:0 0 0 1px #20231eaa;background:transparent}.artist-hue-wheel{position:relative;width:min(100%,230px);aspect-ratio:1;margin:0 auto}.artist-hue-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}.artist-wheel-hole{position:absolute;top:7%;right:7%;bottom:7%;left:7%;border-radius:50%;background:var(--artist-paper);pointer-events:none}.artist-sv-in-wheel{position:absolute;width:60%;height:60%;left:20%;top:20%;aspect-ratio:1;border-radius:2px}.artist-hue-handle{width:12px;height:12px}.artist-harmony-marker{position:absolute;width:18px;height:18px;padding:0;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #20231e;transform:translate(-50%,-50%);cursor:pointer;touch-action:none}.artist-harmony-marker[aria-pressed=true]{box-shadow:0 0 0 2px #20231e,0 0 0 4px #fff}.artist-harmony-colors{display:flex;gap:6px}.artist-harmony-colors button{flex:1;min-width:0;min-height:36px;border:1px solid var(--line-strong);border-radius:4px;padding:6px 2px;font-size:9px;font-variant-numeric:tabular-nums;cursor:pointer}.artist-harmony-colors button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.artist-hsv-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.artist-color-number{min-width:0;display:flex;gap:4px;align-items:center;color:var(--artist-muted);font-size:10px}.artist-color-number>span{font-weight:650}.artist-color-number input{min-width:0;width:100%;height:25px;border:0;border-bottom:1px solid var(--artist-line);border-radius:0;padding:3px 2px;background:transparent;color:var(--artist-ink);font:inherit;font-size:11px;font-variant-numeric:tabular-nums;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.artist-color-number input::-webkit-inner-spin-button{-webkit-appearance:none}.artist-color-value{display:flex;align-items:center;gap:9px}.artist-current-color{width:30px;height:29px;border-radius:4px;border:1px solid var(--line-strong);display:grid;place-items:center;color:transparent!important;font-size:0;flex:0 0 auto}.artist-color-value>label{display:flex;align-items:center;gap:8px;min-width:0;flex:1;border-bottom:1px solid var(--artist-line)}.artist-color-value>label>span{font-size:9px;color:var(--artist-muted);letter-spacing:.06em}.artist-color-value input{min-width:0;width:100%;border:0;border-radius:0;padding:5px 1px;background:transparent;color:var(--artist-ink);font:inherit;font-size:12px;font-variant-numeric:tabular-nums;text-align:right}.artist-color-value input[aria-invalid=true]{color:var(--danger)}.artist-color-swatches{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}.artist-color-swatches button{width:100%;min-width:0;aspect-ratio:1.2;min-height:16px;padding:0;border:1px solid var(--line-strong);border-radius:3px;cursor:pointer;box-shadow:none}.artist-color-swatches button[aria-pressed=true]{outline:2px solid var(--artist-accent);outline-offset:2px}.artist-color-swatches button:not(:disabled):hover{transform:translateY(-1px)}.artist-color-recents{display:flex;flex-direction:column;gap:6px}.artist-color-recents>span{color:var(--artist-muted);font-size:9px}.artist-shade-palette{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;width:100%;min-width:0}.artist-shade-palette button{display:grid;place-items:center;min-width:0;min-height:23px;aspect-ratio:1;padding:0;border:1px solid var(--line-strong);border-radius:4px;font-size:13px;cursor:pointer}.artist-shade-palette button[aria-pressed=true],.artist-shade-palette button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;z-index:1}.artist-shade-palette button:not(:disabled):hover{box-shadow:0 0 0 1px var(--text)}.artist-shade-palette button:disabled{opacity:.5;cursor:default}.artist-color-compact{gap:8px}.artist-color-compact .artist-sv-plane:not(.artist-sv-in-wheel){aspect-ratio:1.8}.artist-color-compact .artist-hue-wheel{width:min(100%,194px)}@media(max-height:700px){.artist-color-compact{gap:5px}.artist-color-compact .artist-sv-plane:not(.artist-sv-in-wheel){aspect-ratio:3}.artist-color-compact .artist-hue-wheel{width:min(100%,150px)}.artist-color-compact .artist-color-recents{gap:3px}.artist-color-compact .artist-color-swatches button{aspect-ratio:1.7}}.artist-color-picker button:disabled,.artist-color-picker input:disabled{opacity:.5;cursor:default}.artist-color-picker [aria-disabled=true]{opacity:.5;cursor:default}.artist-color-picker :focus-visible{outline:2px solid var(--artist-accent);outline-offset:3px}.artist-color-swatch-button{width:36px;height:32px;flex-shrink:0;border:1px solid var(--line-strong);border-radius:4px;cursor:pointer}.artist-color-swatch-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.artist-color-popover{position:fixed;z-index:130;width:280px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-y:auto;padding:13px;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 12px 40px #00000052;color:var(--text)}.artist-color-popover-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;gap:8px;font-size:11px}.artist-color-popover-heading button{padding:4px;border:0;background:none;color:inherit;cursor:pointer}@media(prefers-reduced-motion:reduce){.artist-color-swatches button:not(:disabled):hover{transform:none}}.pro-range>div{display:flex;align-items:baseline;position:relative}.pro-range>div>label{width:100%;color:var(--muted);font-size:10px;line-height:18px}.pro-range input[type=range]{--range-track-size: 4px;margin-top:4px}.pro-range-label{display:block;padding-right:72px}.pro-range:has(.pressure-toggle) .pro-range-label{padding-right:93px}.pressure-toggle{display:grid;place-items:center;width:21px;height:21px;flex:0 0 21px;padding:0;border:1px solid var(--line);border-radius:4px;color:var(--muted)}.pressure-toggle[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--soft)}.pressure-toggle:not(:disabled):hover{background:var(--hover)}.pro-range .range-value{position:absolute;display:flex;align-items:center;right:0;top:-2px;gap:2px;background:var(--panel)}.pro-range input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;width:46px;text-align:right;padding:2px 3px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.pro-range input[type=number]:hover,.pro-range input[type=number]:focus{border-color:var(--line);background:var(--hover)}.pro-range input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.brush-select{display:grid;gap:7px;margin-bottom:16px;font-size:10px;color:var(--muted)}.brush-select select{font-size:11px;padding:7px}.brush-note{font-size:9px;line-height:1.6;color:var(--muted);margin:0 0 13px}.brush-3d-settings{margin:14px 0;padding:14px 0 0;border-top:1px solid var(--line)}.brush-3d-settings h4{margin:0 0 12px;font-size:11px;font-weight:550}.brush-3d-settings fieldset:disabled{opacity:.5}.brush-secondary{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px;margin:2px 0 10px;border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:10px}.pressure-curve{border:1px solid var(--line);border-radius:5px;margin-bottom:14px;padding:0 7px}.pressure-curve summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;color:var(--muted);font-size:10px;padding:5px 0}.pressure-curve summary::-webkit-details-marker{display:none}.pressure-curve summary>svg{width:58px;height:25px;background:var(--raised)}.pressure-curve svg path{fill:none;stroke:var(--accent);stroke-width:2}.pressure-curve .pressure-graph{display:block;width:132px;height:132px;margin:5px auto 9px;overflow:visible;background:var(--raised);border:1px solid var(--line);touch-action:none;cursor:crosshair}.pressure-graph path.curve-grid{stroke:var(--line-strong);stroke-width:.6}.pressure-graph path.curve-handle{stroke:var(--accent);stroke-width:1;stroke-dasharray:3}.pressure-graph circle{fill:var(--accent)}.curve-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:9px}.curve-presets button{font-size:8px;padding:5px 2px;background:var(--raised);border-radius:3px}.curve-coordinates{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:8px}.curve-coordinates label{display:grid;gap:4px;color:var(--muted);font-size:8px}.curve-coordinates input{min-width:0;width:100%;padding:5px 2px;font-size:9px;color:var(--muted);border:1px solid var(--line);border-radius:3px;background:var(--raised)}.custom-tip-preview{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px;margin-bottom:12px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:10px}.custom-tip-preview canvas{width:64px;height:64px;object-fit:contain;image-rendering:pixelated;background:#eceee4}.custom-tip-preview>span{min-width:0;display:grid;gap:6px}.custom-tip-preview strong{font-size:10px;font-weight:500;word-break:break-word}.custom-tip-preview small{font-size:9px}.editor .rail-tools{min-height:0;overflow-y:auto;scrollbar-width:none}.editor .rail-bottom{flex-shrink:0}.brush-cursor.brush-cursor-square{border-radius:0}.brush-cursor.brush-cursor-custom{border:0;outline:0;border-radius:0}.brush-cursor-outline{display:block;width:100%;height:100%;overflow:visible}.brush-cursor-outline path{fill:none;stroke:#000b;stroke-width:1}.brush-cursor-outline path.cursor-outline-halo{stroke:#fffc;stroke-width:3}.tool-pencil,.tool-airbrush,.tool-pen{cursor:none}.editor .brush-panel.professional-brush-panel{width:274px;overflow:hidden}.professional-brush-panel{--brush-border: var(--line);--brush-muted: var(--muted)}.subtool-panel .subtool-heading{min-height:62px;padding:0 14px;flex-shrink:0;border-bottom:1px solid var(--line);position:relative}.subtool-heading>span{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:14px}.subtool-heading>span>small{font-size:9px;font-weight:400;color:var(--brush-muted)}.subtool-heading>div{display:flex;align-items:center;gap:3px}.subtool-menu>summary{list-style:none;width:28px;height:30px;display:grid;place-items:center;cursor:pointer;border-radius:5px;color:var(--muted)}.subtool-menu>summary::-webkit-details-marker{display:none}.subtool-menu[open]>summary{background:var(--raised);color:var(--text)}.subtool-menu>div{position:absolute;right:9px;top:51px;width:244px;padding:6px;z-index:30;background:var(--raised);border:1px solid var(--line);border-radius:9px;box-shadow:0 12px 34px #00000052}.subtool-menu button{display:flex;align-items:center;gap:9px;min-height:35px;padding:6px 9px;font-size:11px;text-align:left;width:100%;border-radius:4px}.subtool-menu button:hover{background:var(--hover)}.subtool-menu button:disabled{opacity:.35;cursor:default}.subtool-menu hr{border:0;border-top:1px solid var(--line);margin:5px 7px}.compact-brush-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin}.subtool-groups{display:flex;flex-wrap:wrap;gap:5px;flex-shrink:0;padding:12px 10px;overflow:visible;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.subtool-groups button{font-size:10px;white-space:nowrap;padding:6px 10px;border:1px solid var(--line);border-radius:14px;color:var(--muted)}.subtool-groups button[aria-pressed=true]{color:var(--muted);background:var(--raised);border-color:var(--line)}.preset-filter{padding:10px 11px 0;flex-shrink:0}.preset-filter label{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:6px;padding:0 9px;background:var(--raised);color:var(--muted)}.preset-filter input{width:100%;min-width:0;border:0;background:none;padding:9px 0;font-size:11px}.subtool-panel .brush-presets{flex:1;min-height:144px;max-height:440px;overflow-y:auto;padding:0 10px 10px;gap:6px;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.subtool-panel .brush-preset{flex-shrink:0;min-height:79px;padding:8px 9px 7px;flex-direction:column;align-items:stretch;gap:6px;border-color:var(--line);background:var(--raised);border-radius:7px}.subtool-panel .brush-preset:hover{border-color:var(--line);background:var(--hover)}.subtool-panel .brush-preset.selected{border-color:var(--line);background:var(--raised);box-shadow:inset 3px 0 #00000052}.subtool-panel .subtool-card-label{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.subtool-card-label strong{font-size:11px;font-weight:550}.subtool-card-label small{max-width:114px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;color:var(--muted)}.rust-thumbnail{display:block;background:#fffefa;border-radius:4px;pointer-events:none}.thumbnail-image,.rust-thumbnail>.thumbnail-pending{display:block;width:100%;height:100%;border-radius:inherit;object-fit:fill}.texture-thumbnail>.thumbnail-image{object-fit:cover}.stroke-thumbnail{width:100%;height:42px;object-fit:fill}.thumbnail-pending{background:var(--raised)}.subtool-panel .brush-preset i{width:5px;height:5px;top:12px;right:6px;display:none}.subtool-empty{padding:20px 8px;text-align:center;color:var(--muted);font-size:11px}.subtool-empty button{display:inline-flex;align-items:center;gap:5px;padding:9px 12px;background:var(--raised);border-radius:6px}.subtool-properties{flex-shrink:0;border-top:1px solid var(--line);padding-top:13px;background:var(--raised)}.preset-current{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 14px 10px}.preset-current strong{font-size:12px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-current small{white-space:nowrap;font-size:9px;color:var(--muted)}.subtool-properties .brush-basics{border:0;padding-top:0;padding-bottom:0}.professional-brush-panel .panel-section{padding:15px 14px 2px}.professional-brush-panel .color-source-control{margin-inline:14px}.professional-brush-panel .pro-range{margin-bottom:16px}.professional-brush-panel .check-row{margin:0 0 18px;font-size:12px;line-height:20px}.subtool-draft{display:flex;align-items:center;gap:5px;margin:0 13px 7px;color:var(--muted);font-size:8px}.subtool-draft>span{flex:1}.subtool-draft button{display:flex;align-items:center;padding:5px;font-size:9px;color:var(--muted)}.configure-brush{display:flex;align-items:center;gap:9px;margin:3px 12px 13px;width:calc(100% - 24px);min-height:37px;padding:8px 11px;border:1px solid var(--line);border-radius:6px;font-size:11px;color:var(--muted);background:var(--raised)}.configure-brush>span{margin-left:auto;font-size:15px}.configure-brush:hover{background:var(--hover)}.context-tool-help{padding:25px 18px;color:var(--muted);font-size:12px;line-height:1.8}.context-tool-help>svg{margin-bottom:15px;color:var(--muted)}.context-tool-help strong{display:block;color:var(--muted);font-size:14px}.professional-brush-panel .compact-color{padding:0 14px 12px;flex-shrink:0;margin-top:auto;border-top:1px solid var(--line)}.professional-brush-panel .compact-color .panel-heading{padding:0;min-height:40px;font-size:11px}.professional-brush-panel .brush-footer{min-height:37px;padding:11px 13px;flex-shrink:0;font-size:9px;border-top:1px solid var(--line)}.preset-name-form{display:flex;flex-wrap:wrap;gap:7px;margin:10px 12px;padding:11px;border:1px solid var(--line);border-radius:6px;background:var(--raised)}.preset-name-form label{display:grid;gap:6px;width:100%;font-size:11px;color:var(--muted)}.preset-name-form input{width:100%;min-width:0;padding:9px;background:var(--raised);border:1px solid var(--line);border-radius:4px;font-size:12px}.preset-name-form button{display:flex;align-items:center;gap:5px;padding:7px 10px;border-radius:4px;background:var(--raised);font-size:11px}.brush-error{margin:8px 12px;padding:10px;border-radius:5px;background:var(--raised);color:var(--muted);font-size:11px;line-height:1.5}.brush-editor-dialog{margin:auto;padding:0;width:min(840px,calc(100vw - 36px));height:min(790px,calc(100dvh - 40px));max-width:none;max-height:none;border:1px solid var(--line);border-radius:14px;color:var(--muted);background:var(--raised);overflow:hidden;box-shadow:0 24px 100px #00000052}.brush-editor-dialog[open]{display:flex;flex-direction:column}.brush-editor-dialog::backdrop{background:var(--raised);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.brush-editor-heading{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:17px 25px;border-bottom:1px solid var(--line)}.brush-editor-heading small{display:block;font-size:9px;letter-spacing:.13em;color:var(--muted)}.brush-editor-heading h2{margin:6px 0 0;font-size:20px;font-weight:550}.brush-editor-heading .icon-button{width:34px;height:34px}.brush-editor-preview{display:flex;align-items:center;gap:24px;padding:16px 25px;background:var(--raised);border-bottom:1px solid var(--line);flex-shrink:0}.live-brush-preview{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fffefa}.live-brush-preview canvas{display:block;width:100%;aspect-ratio:256/88}.live-brush-preview>div{display:flex;justify-content:space-between;gap:10px;padding:5px 8px;font-size:9px;background:var(--raised);color:var(--muted)}.live-brush-preview small{font-size:9px}.brush-editor-preview .live-brush-preview{width:330px;flex-shrink:0}.brush-editor-preview>p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.brush-editor-preview>p>span{display:block;margin-top:9px;font-size:10px;color:var(--muted)}.brush-editor-body{display:grid;grid-template-columns:167px 1fr;flex:1;min-height:0}.brush-editor-body .brush-tabs{display:flex;flex-direction:column;gap:5px;padding:18px 11px;margin:0;border-right:1px solid var(--line);overflow:auto}.brush-editor-body .brush-tabs button{padding:12px 14px;border:1px solid transparent;border-radius:6px;text-align:left;color:var(--muted);font-size:12px}.brush-editor-body .brush-tabs button[aria-selected=true]{background:var(--raised);color:var(--muted);border-color:var(--line)}.brush-editor-body .brush-tabs button:hover{background:var(--hover)}.brush-editor-dialog .advanced{overflow-y:auto;padding:21px 30px 10px;border:0;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;min-height:0}.brush-editor-dialog h3{font-size:16px;font-weight:500;margin:0 0 24px}.brush-editor-dialog .pro-range{margin-bottom:24px}.brush-editor-dialog .pro-range>div>label{font-size:12px;line-height:24px;color:var(--muted)}.brush-editor-dialog .pro-range .range-value input{width:66px;font-size:12px;height:26px}.brush-editor-dialog .pro-range input[type=range]{margin-top:13px}.brush-editor-dialog .brush-select{font-size:12px;margin-bottom:22px}.brush-editor-dialog .brush-select select{padding:10px;font-size:12px}.brush-editor-dialog .brush-note{font-size:11px;line-height:1.8}.brush-editor-dialog .pressure-curve{padding:0 12px;margin-bottom:23px}.brush-editor-dialog .pressure-curve summary{font-size:12px;padding:9px 0}.brush-editor-dialog .pressure-curve .pressure-graph{width:190px;height:190px}.brush-editor-dialog .curve-presets button{font-size:11px;padding:8px}.brush-editor-dialog .curve-coordinates label{font-size:10px}.brush-editor-dialog .curve-coordinates input{font-size:12px;padding:7px}.brush-editor-dialog .brush-secondary{font-size:12px;padding:11px}.brush-editor-dialog .preset-name-form{flex-shrink:0;margin:10px 25px}.brush-editor-footer{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:15px 20px;background:var(--raised);border-top:1px solid var(--line)}.brush-editor-footer>span{flex:1}.brush-editor-footer button{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 11px;border-radius:6px;font-size:11px;min-height:35px}.brush-editor-footer button:disabled{opacity:.4}.editor-revert{color:var(--muted)}.editor-save{background:var(--raised);color:var(--muted);border:1px solid var(--line)}.editor-done{background:var(--raised);color:var(--muted);font-weight:550}.texture-library{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:18px}.texture-choice{display:flex;flex-direction:column;gap:7px;align-items:center;min-width:0;padding:7px;border:1px solid var(--line);border-radius:7px;background:var(--raised)}.texture-choice[aria-pressed=true]{border-color:var(--line);background:var(--raised);box-shadow:inset 0 0 0 1px #00000052}.texture-choice strong{font-size:10px;font-weight:500}.texture-choice .texture-thumbnail,.texture-none{width:100%;height:64px;object-fit:cover}.texture-none{display:grid;place-items:center;color:var(--muted);font-size:29px;background:var(--raised);border-radius:4px}.texture-file{margin:0 0 20px;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.shape-controls{padding:16px 13px 3px}.shape-control-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;color:var(--muted);font-size:10px;line-height:19px}.shape-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:20px}.shape-choices button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:69px;padding:10px 2px;border:1px solid var(--line);border-radius:7px;background:var(--raised);color:var(--muted)}.shape-choices button span{font-size:9px}.shape-choices button:hover{border-color:var(--line);background:var(--hover)}.shape-choices button[aria-pressed=true]{border-color:var(--line);background:var(--raised);color:var(--muted);box-shadow:inset 0 0 0 1px #00000052}.shape-mode-choices button{min-height:61px;gap:6px}.shape-fill-color{border-top:1px solid var(--line);padding-top:12px;margin-bottom:12px}.shape-color-link{display:grid;place-items:center;min-height:26px;min-width:28px;border:1px solid var(--line);border-radius:5px;color:var(--muted)}.shape-color-link[aria-pressed=true]{background:var(--raised);color:var(--muted);border-color:var(--line)}.shape-fill-color-row{display:flex;align-items:center;gap:10px}.shape-fill-color-row>.artist-color-swatch-button{width:38px;height:34px;padding:2px;border:1px solid var(--line);border-radius:5px;cursor:pointer}.shape-fill-color-row label{display:flex;align-items:center;gap:9px;padding:0 9px;min-width:0;flex:1;border:1px solid var(--line);border-radius:5px;background:var(--raised)}.shape-fill-color-row label>span{color:var(--muted);font-size:10px}.shape-fill-color-row input[type=text],.shape-fill-color-row label>input{width:100%;min-width:0;height:34px;padding:0;border:0;background:transparent;font-size:11px;text-align:right}.shape-fill-color>p{margin:8px 0 0;color:var(--muted);font-size:9px;line-height:1.5}@media(max-width:1100px)and (min-width:721px){.editor .brush-panel.professional-brush-panel{width:250px}.subtool-card-label small{max-width:95px}}@media(max-width:720px){.editor.show-brushes .brush-panel.professional-brush-panel{width:min(300px,calc(100vw - 60px))}.subtool-panel .brush-presets{min-height:120px;max-height:360px}.subtool-groups button{padding:8px 10px}.subtool-panel .brush-preset{min-height:83px}.brush-editor-dialog{width:calc(100vw - 16px);height:calc(100dvh - 20px);border-radius:10px}.brush-editor-heading{min-height:64px;padding:12px 16px}.brush-editor-heading h2{font-size:17px}.brush-editor-preview{display:block;padding:12px 16px}.brush-editor-preview .live-brush-preview{width:100%;max-width:360px;margin:auto}.brush-editor-preview>p{display:none}.brush-editor-body{display:flex;flex-direction:column}.brush-editor-body .brush-tabs{flex-direction:row;flex-shrink:0;border-right:0;border-bottom:1px solid var(--line);padding:10px;gap:5px}.brush-editor-body .brush-tabs button{padding:9px 12px;white-space:nowrap;font-size:11px}.brush-editor-dialog .advanced{padding:18px 19px 0;flex:1;min-height:0}.brush-editor-footer{gap:7px;padding:11px;flex-wrap:wrap}.brush-editor-footer>span{display:none}.brush-editor-footer button{font-size:10px;padding:8px;flex:1}.brush-editor-footer .editor-revert{flex-basis:100%;min-height:23px;padding:1px}.brush-editor-dialog .preset-name-form{margin:8px 15px}.texture-library{grid-template-columns:repeat(3,1fr);gap:6px}.texture-choice strong{font-size:9px}}.professional-brush-panel,.brush-editor-dialog{color:var(--text);background:var(--panel)}.professional-brush-panel .subtool-heading,.professional-brush-panel .panel-heading,.preset-current strong,.subtool-card-label strong,.brush-editor-heading h2,.brush-editor-dialog h3,.pro-range input[type=number],.curve-coordinates input,.texture-choice strong{color:var(--text)}.subtool-panel .brush-preset{border-color:transparent;border-bottom-color:var(--line);border-radius:3px;background:transparent}.subtool-panel .brush-preset:hover{background:var(--hover)}.subtool-panel .brush-preset.selected{border-color:transparent;background:var(--soft);box-shadow:inset 3px 0 var(--accent)}.subtool-groups button{border-color:transparent;border-radius:4px}.subtool-groups button[aria-pressed=true],.brush-editor-body .brush-tabs button[aria-selected=true],.shape-choices button[aria-pressed=true],.shape-color-link[aria-pressed=true],.texture-choice[aria-pressed=true]{color:var(--accent);border-color:var(--line-strong);background:var(--soft);box-shadow:none}.subtool-properties{background:transparent}.configure-brush{color:var(--accent);background:transparent;border-color:var(--line-strong)}.configure-brush:hover,.brush-secondary:hover,.curve-presets button:hover{background:var(--soft)}.brush-editor-dialog::backdrop{background:#18181bbd}.subtool-menu[open]>summary,.editor-done{color:var(--on-accent);background:var(--accent)}.editor-save{color:var(--accent);background:var(--soft)}.brush-error{background:var(--danger-soft);color:var(--danger)}.professional-brush-panel input:focus-visible,.professional-brush-panel button:focus-visible,.brush-editor-dialog input:focus-visible,.brush-editor-dialog button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-height:700px){.professional-brush-panel .compact-color{padding-bottom:8px}.professional-brush-panel .compact-color .panel-heading{min-height:27px}.professional-brush-panel .brush-footer{min-height:24px;padding:6px 13px}}@media(min-width:721px){.editor-mode-pro>.professional-brush-panel .brush-presets{min-height:0}}@media(min-width:721px)and (max-height:800px){.editor-mode-pro>.professional-brush-panel .subtool-heading{min-height:48px}.editor-mode-pro>.professional-brush-panel .subtool-groups{flex-wrap:nowrap;overflow-x:auto;padding-block:7px}.editor-mode-pro>.professional-brush-panel .subtool-groups button{flex-shrink:0}.editor-mode-pro>.professional-brush-panel .subtool-properties{padding-top:8px}.editor-mode-pro>.professional-brush-panel .preset-current{padding-bottom:6px}.editor-mode-pro>.professional-brush-panel .subtool-properties .brush-basics{padding-block:0}.editor-mode-pro>.professional-brush-panel .pro-range{margin-bottom:6px}.editor-mode-pro>.professional-brush-panel .pro-range input[type=range]{margin-top:0}.editor-mode-pro>.professional-brush-panel .configure-brush{min-height:32px;padding-block:6px;margin-top:0;margin-bottom:8px}.editor-mode-pro>.professional-brush-panel .brush-footer{min-height:24px;padding-block:6px}}.layers-panel:has(.professional-layer-controls){width:278px}.professional-layer-controls{padding:0 12px 10px}.professional-layer-controls .layer-blending{padding:0}.professional-layer-controls .layer-blending select{margin-bottom:10px}.layer-search{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--bg);border-radius:6px;padding:7px 8px;margin:0 0 10px;color:var(--muted)}.layer-search input{background:transparent;border:0;padding:0;min-width:0;width:100%;color:var(--text);font:inherit;font-size:10px}.layer-lock-controls{display:flex;align-items:center;gap:5px;padding-top:7px}.layer-lock-controls>span{font-size:9px;color:var(--muted);margin-right:auto}.layer-lock-controls .icon-button{width:28px;height:27px;border:1px solid transparent}.layer-lock-controls button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--soft)}.layer-lock-controls .layer-clipping{margin-left:9px}.layers-panel:has(.professional-layer-controls) .layer-item{min-height:58px;height:auto;padding-left:calc(5px + var(--layer-depth, 0) * 12px);padding-right:6px;gap:3px;border-right:3px solid var(--layer-label, transparent)}.layer-item.active-layer{box-shadow:inset 0 0 0 1px var(--accent)}.layer-row-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}.layer-row-text .layer-name{width:100%;padding:4px 1px;flex:initial}.layer-row-text>span{font-size:8px;color:var(--muted);min-height:8px;padding-left:1px}.layer-hidden .layer-row-text{opacity:.52}.layer-fold.icon-button{flex:0 0 13px;width:13px;height:28px;padding:0}.layer-fold:disabled{opacity:0}.layer-visibility-controls{display:flex;flex:0 0 24px;flex-direction:column;gap:2px}.layer-visibility-controls .icon-button{flex:none;width:24px;height:24px;padding:3px}.layer-local-eye{position:relative;display:flex;align-items:center;justify-content:center;width:18px;height:16px}.layer-local-eye-badge{position:absolute;right:-1px;bottom:-2px;padding:1px;box-sizing:content-box;border-radius:50%;background:var(--panel)}.layer-local-visibility[aria-pressed=true]{color:var(--accent);background:var(--soft)}.layers-panel .layer-lock{flex:0 0 23px;width:23px;padding:3px}.layers-panel:has(.professional-layer-controls) .layer-thumb{width:40px;height:31px;overflow:hidden}.layer-thumb img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.layer-thumb>svg{color:var(--line-strong)}.layer-thumb.mask-thumb{background:#fafbf7;border-color:var(--line-strong)}.layer-mask-row{background:var(--bg)}.layer-item.drop-after:after{content:"";position:absolute;left:5px;right:5px;bottom:-2px;height:3px;border-radius:2px;background:var(--accent);pointer-events:none;z-index:2}.layer-item.drop-into{box-shadow:inset 0 0 0 2px var(--accent);background:var(--soft)}.layer-multiselect-status{display:flex;align-items:center;justify-content:space-between;margin-top:9px;font-size:10px;color:var(--accent)}.layer-multiselect-status button{border:0;background:none;color:var(--accent);font:inherit;font-size:9px;cursor:pointer}.layer-mask-paint{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-top:10px;padding:9px;border:1px solid var(--line);border-radius:6px}.layer-mask-paint>span{flex-basis:100%;margin-bottom:3px;font-size:10px;color:var(--text)}.layer-mask-paint button{display:flex;align-items:center;gap:5px;border:1px solid var(--line-strong);padding:5px;border-radius:4px;background:var(--raised);color:var(--text);font:inherit;font-size:9px;cursor:pointer}.layer-mask-paint button>span{width:12px;height:12px;border-radius:2px;border:1px solid var(--line-strong)}.mask-white{background:#fff}.mask-black{background:#000}.layer-no-results{padding:14px;color:var(--muted);font-size:11px}.layer-menu-dismiss{position:fixed;top:0;right:0;bottom:0;left:0;z-index:79}.layer-context-menu{position:fixed;z-index:80;width:250px;max-height:calc(100dvh - 16px);overflow-y:auto;padding:5px;border-radius:9px;border:1px solid var(--line-strong);background:var(--raised);box-shadow:0 12px 35px #00000052;color:var(--text)}.layer-context-menu>button{width:100%;border:0;background:none;color:inherit;display:flex;align-items:center;gap:8px;padding:8px 9px;text-align:left;border-radius:4px;font:inherit;font-size:11px;cursor:pointer}.layer-context-menu>button:not(:disabled):hover{background:var(--hover)}.layer-menu-shortcut{margin-left:auto;font-size:8px;color:var(--muted);white-space:nowrap}.layer-drag-handle[data-movable=false]{cursor:pointer}.layer-context-menu button:disabled{opacity:.4;cursor:default}.layer-context-menu>button.danger{color:var(--danger)}.layer-menu-separator{height:1px;margin:5px 4px;background:var(--raised)}.layer-menu-move{display:flex;flex-direction:column;gap:6px;font-size:10px;padding:7px 9px}.layer-menu-move select{width:100%;font:inherit;padding:6px}.layer-color-labels{display:flex;justify-content:space-between;padding:7px 9px;gap:5px}.layer-color-labels button{border:1px solid var(--line-strong);border-radius:4px;width:22px;height:22px;padding:2px;color:#fff;display:grid;place-items:center;cursor:pointer}.layer-context-menu :focus-visible,.professional-layer-controls :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.layers-panel:has(.professional-layer-controls) .export-section{margin-top:auto}@media(max-width:1100px)and (min-width:721px){.layers-panel:has(.professional-layer-controls){width:250px}}@media(max-width:720px){.editor.show-layers .layers-panel:has(.professional-layer-controls){width:min(300px,calc(100vw - 52px))}}.layer-color-labels button:has(.lucide-check){outline:2px solid var(--accent);outline-offset:2px}.layer-color-labels svg{filter:drop-shadow(0 1px 1px #20231e)}.layer-personal-controls{display:flex;gap:6px;margin-bottom:10px}.layer-personal-controls .button{flex:1;justify-content:center;gap:5px;min-height:30px;padding:5px;font-size:10px;white-space:nowrap}.layer-access-status{margin:0 0 10px;color:var(--muted);font-size:10px}.layer-permission-denied .layer-lock{color:var(--accent)}.layer-permissions-dialog{width:min(430px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:22px;border:1px solid var(--line-strong, #514a68);border-radius:16px;color:var(--text, #f5f0fb);background:var(--panel, #242133)}.layer-permissions-dialog::backdrop{background:#100c209e}.layer-permissions-dialog form{display:flex;flex-direction:column;gap:18px}.layer-permissions-dialog header{display:flex;align-items:start;justify-content:space-between;gap:12px}.layer-permissions-dialog h2{font-size:18px;margin:0 0 5px}.layer-permissions-dialog p{margin:0}.layer-permissions-dialog header p{font-size:13px;overflow-wrap:anywhere}.layer-personal-toggle,.layer-permission-members label{display:flex;gap:9px;align-items:center;cursor:pointer}.layer-permissions-dialog input[type=checkbox]{width:16px;height:16px;flex:0 0 16px;accent-color:var(--accent)}.layer-permission-explanation{font-size:12px;line-height:1.6;color:var(--muted, #b9b3c8)}.layer-permissions-dialog fieldset{min-width:0;padding:12px;border:1px solid var(--line, #514a68);border-radius:8px}.layer-permissions-dialog legend{display:flex;gap:6px;align-items:center;font-size:12px;padding:0 5px}.layer-permission-members{max-height:min(240px,32dvh);overflow:auto;display:flex;flex-direction:column;gap:12px;font-size:12px}.layer-permission-members label{min-height:28px}.layer-permission-members span{overflow-wrap:anywhere}.region-tool-panel{width:100%;max-width:300px;align-content:start;padding:14px;box-sizing:border-box;display:grid;gap:12px}.region-tool-heading{display:grid;gap:3px;font-weight:650}.region-tool-heading small,.region-tool-help{color:var(--muted-text, #87909d);font-size:11px;line-height:1.35}.region-tool-range{display:grid;grid-template-columns:1fr auto;gap:6px 9px;align-items:center;font-size:12px}.region-tool-range input[type=range]{grid-column:1 / -1;width:100%;accent-color:var(--accent, #6aa9ff)}.region-tool-range output{color:var(--muted-text, #87909d);font-variant-numeric:tabular-nums}.region-tool-number{grid-column:2;grid-row:1;width:58px;box-sizing:border-box;padding:2px 4px;color:inherit;background:transparent;border:1px solid var(--panel-border, #303642);border-radius:4px;font:inherit;text-align:right}.region-tool-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.region-tool-modes button{min-width:0;min-height:42px;padding:5px 2px;display:grid;place-items:center;gap:2px;color:inherit;background:transparent;border:1px solid var(--panel-border, #303642);border-radius:6px;font-size:9px}.region-tool-modes button[aria-pressed=true]{color:var(--accent, #6aa9ff);border-color:currentColor;background:color-mix(in srgb,currentColor 12%,transparent)}.region-tool-modes button:disabled,.region-tool-checks label:has(input:disabled),.region-tool-pressure:has(input:disabled){opacity:.55}.region-tool-checks,.region-tool-pressure{display:grid;gap:8px;font-size:12px}.region-tool-checks label,.region-tool-pressure{display:flex;align-items:center;gap:7px}.region-tool-checks svg{color:var(--muted-text, #87909d)}.region-tool-help{margin:0}@media(max-width:420px){.region-tool-panel{width:min(274px,calc(100vw - 24px))}}.region-gesture-overlay{position:absolute;top:50%;left:50%;overflow:visible;pointer-events:none;z-index:3;transform-origin:center}.ruler-panel{display:grid;align-content:start;gap:14px;box-sizing:border-box;width:100%;max-width:none;padding:14px;overflow-y:auto;font-size:12px}.ruler-heading{display:grid;gap:4px;font-size:14px;font-weight:650}.ruler-controls,.ruler-settings{display:grid;gap:12px;min-width:0}.ruler-section-heading{font-weight:650}.ruler-coordinate-row>span{grid-column:1 / -1;color:var(--muted-text, #87909d);font-size:11px}.ruler-field:has(select){grid-template-columns:minmax(0,1fr)}.ruler-actions button{display:flex;align-items:center;justify-content:center;gap:7px}.ruler-heading small,.ruler-help{color:var(--muted-text, #87909d);font-size:11px;line-height:1.4;font-weight:400}.ruler-help{margin:0}.ruler-section{display:grid;gap:10px;padding:12px 0 0;margin:0;min-width:0;border:0;border-top:1px solid var(--panel-border, #303642)}.ruler-section legend{padding:0;font-weight:650}.ruler-check{display:flex;align-items:center;gap:8px;line-height:1.4}.ruler-check input{margin:0;accent-color:var(--accent, #aeb2ff)}.ruler-modes,.ruler-presets,.ruler-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.ruler-panel button{min-width:0;padding:7px 6px;color:inherit;border:1px solid var(--panel-border, #303642);border-radius:6px;background:transparent;font:inherit;line-height:1.3;cursor:pointer}.ruler-modes button{min-height:42px}.ruler-panel button[aria-pressed=true]{color:var(--accent, #aeb2ff);border-color:currentColor;background:color-mix(in srgb,currentColor 12%,transparent)}.ruler-panel button:disabled,.ruler-panel input:disabled,.ruler-panel select:disabled{opacity:.5;cursor:default}.ruler-panel button:focus-visible,.ruler-panel input:focus-visible,.ruler-panel select:focus-visible,.ruler-coordinates summary:focus-visible{outline:2px solid var(--accent, #aeb2ff);outline-offset:2px}.ruler-field{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px}.ruler-field input[type=range]{grid-column:1 / -1;width:100%;accent-color:var(--accent, #aeb2ff)}.ruler-number,.ruler-select,.ruler-panel input[type=number],.ruler-panel select{min-width:0;box-sizing:border-box;padding:4px 6px;color:inherit;background:var(--input-bg, #25262a);border:1px solid var(--panel-border, #303642);border-radius:5px;font:inherit}.ruler-number,.ruler-panel input[type=number]{width:78px;text-align:right;font-variant-numeric:tabular-nums}.ruler-select{width:100%}.ruler-presets button{padding:5px;font-size:10px}.ruler-coordinates{min-width:0}.ruler-coordinates summary{color:var(--muted-text, #87909d);cursor:pointer;padding:3px 0}.ruler-coordinate-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.ruler-coordinate-row label{display:flex;align-items:center;gap:5px;min-width:0}.ruler-coordinate-row input[type=number]{width:100%}.ruler-actions{grid-template-columns:1fr}.ruler-overlay,.ruler-guides{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.ruler-overlay{z-index:5}.ruler-guide{vector-effect:non-scaling-stroke;stroke-width:1;fill:none;opacity:.48;pointer-events:none}.ruler-symmetry{--ruler-color: #bf68e8}.ruler-perspective-0{--ruler-color: #3d9de0}.ruler-perspective-1{--ruler-color: #e39145}.ruler-perspective-2{--ruler-color: #42b395}.ruler-guide{stroke:var(--ruler-color)}.ruler-guide.ruler-symmetry{opacity:.82;stroke-dasharray:7 4}.ruler-horizon{stroke:#48a8e6;stroke-width:1.5;stroke-dasharray:9 5;opacity:.78}.ruler-handle{pointer-events:all;touch-action:none;cursor:move;outline:none}.ruler-handle[data-ruler-handle$=angle]{cursor:crosshair}.ruler-handle-hit{fill:transparent;stroke:none}.ruler-handle-dot{fill:var(--ruler-color, #3d9de0);stroke:#fff;stroke-width:1.5}.ruler-handle-cross{fill:none;stroke:#fff;stroke-width:1.2;pointer-events:none}.ruler-handle-label{fill:#fff;font:600 10px sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none}.ruler-handle:hover .ruler-handle-dot,.ruler-handle:focus-visible .ruler-handle-dot{stroke:#202532;stroke-width:2}@media(max-width:420px){.ruler-panel{width:min(274px,calc(100vw - 24px))}}.text-tool-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9;overflow:hidden}.text-tool-preview{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none}.text-tool-controls{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;touch-action:none}.text-tool-hit{fill:transparent;stroke:none;pointer-events:all;cursor:move;touch-action:none}.text-tool-edge{fill:none;stroke:var(--canvas-accent);stroke-width:1.25;vector-effect:non-scaling-stroke;pointer-events:none}.text-tool-handle{fill:#fff;stroke:var(--canvas-accent);stroke-width:1.5;vector-effect:non-scaling-stroke;pointer-events:all;cursor:nwse-resize;touch-action:none}.text-tool-handle[data-text-handle=ne],.text-tool-handle[data-text-handle=sw]{cursor:nesw-resize}.text-tool-handle[data-text-handle=n],.text-tool-handle[data-text-handle=s]{cursor:ns-resize}.text-tool-handle[data-text-handle=e],.text-tool-handle[data-text-handle=w]{cursor:ew-resize}[data-text-transform-mode=distort] .text-tool-handle,[data-text-transform-mode=perspective] .text-tool-handle,[data-text-transform-mode=skew] .text-tool-handle{cursor:move}.text-tool-handle.text-tool-rotate{cursor:grab}.text-tool-handle:focus-visible{outline:none;stroke-width:3}.text-tool-panel{pointer-events:auto;position:absolute;left:14px;top:14px;width:294px;max-width:calc(100% - 28px);max-height:calc(100% - 28px);overflow:auto;overscroll-behavior:contain;padding:14px;background:var(--panel);color:var(--text);border:1px solid var(--line-strong);border-radius:12px;box-shadow:0 10px 35px #0005;cursor:default;font-size:12px}.text-tool-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px;cursor:grab;touch-action:none}.text-tool-heading button{margin-left:auto;min-height:24px;width:24px;padding:0;font-size:17px}.text-tool-panel[data-collapsed] .text-tool-heading{margin-bottom:0}.text-tool-panel[data-collapsed] .text-tool-actions{margin-top:10px}.text-tool-heading strong{font-size:14px}.text-tool-heading span{color:var(--muted);font-size:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.text-tool-panel fieldset{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:12px;min-width:0}.text-tool-panel textarea{width:100%;resize:vertical;min-height:76px;max-height:180px;padding:10px;border:1px solid var(--line-strong);border-radius:7px;font:14px/1.45 Segoe UI,sans-serif;color:var(--text);background:var(--bg);cursor:text;-webkit-user-select:text;user-select:text}.text-tool-panel textarea:focus,.text-tool-panel input:focus-visible,.text-tool-panel select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.text-tool-field{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:10px}.text-tool-field input,.text-tool-field select{width:100%;min-width:0;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text);padding:7px;font:12px Segoe UI,sans-serif}.text-tool-font-row{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:9px}.text-tool-format-row{display:flex;align-items:center;gap:10px}.text-tool-panel button{border:1px solid var(--line);background:var(--raised);color:var(--text);border-radius:6px;min-height:31px;padding:5px 9px;font:inherit;cursor:pointer}.text-tool-panel button:hover{background:var(--hover)}.text-tool-panel button[aria-pressed=true]{background:var(--soft);border-color:var(--accent);color:var(--accent)}.text-tool-panel button:disabled{cursor:default;opacity:.5}.text-tool-segment{display:flex;gap:3px}.text-tool-segment button{width:32px;padding:5px}.text-tool-align{display:flex;flex-direction:column;gap:3px;width:16px;margin:auto}.text-tool-align i{display:block;height:1.5px;background:currentColor;width:100%}.text-tool-align i:nth-child(2){width:65%}.text-tool-align-center{align-items:center}.text-tool-align-right{align-items:flex-end}.text-tool-color{width:31px;height:31px;margin-left:auto}.text-tool-color input{padding:2px;width:31px;height:31px;border:1px solid var(--line);background:var(--bg);border-radius:6px;cursor:pointer}.text-tool-details{border-top:1px solid var(--line);padding-top:10px}.text-tool-details summary{color:var(--muted);cursor:pointer;font-size:11px}.text-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.text-tool-transform-actions{display:flex;align-items:center;gap:5px}.text-tool-transform-actions label{display:flex;align-items:center;gap:5px;font-size:11px;margin-right:auto}.text-tool-transform-actions input{margin:0;accent-color:var(--accent)}.text-tool-transform-actions button{padding:4px 7px;min-height:27px;font-size:11px}.text-tool-hint{color:var(--muted);font-size:10px;line-height:1.6;margin:10px 0 0}fieldset .text-tool-hint{margin:0}.text-tool-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.text-tool-panel .text-tool-apply{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600;min-width:112px}.text-tool-panel .text-tool-apply:hover{background:var(--accent-hover)}.text-tool-empty{padding:10px;background:var(--bg);border-radius:7px;font-size:12px;line-height:1.5}.text-tool-empty p{margin:0 0 10px}.text-tool-empty button{width:100%}.text-tool-error{font-size:11px;color:var(--danger);line-height:1.5;margin:12px 0 0}.editor .brush-panel.text-tool-sidebar{padding:0;width:294px;overflow:hidden}.text-tool-panel[data-docked]{position:relative;inset:auto;flex:1;width:100%;min-height:0;max-width:none;max-height:100%;border:0;border-radius:0;box-shadow:none}.text-tool-panel[data-docked] .text-tool-heading{cursor:default}.text-tool-instructions{color:var(--muted);font-size:12px;line-height:1.7}.text-tool-instructions h3{color:var(--text);font-size:14px;margin:0 0 10px}.text-tool-instructions p{margin:0 0 12px}@media(max-width:640px){.text-tool-panel{top:8px;left:8px;max-width:calc(100% - 16px);max-height:min(62%,470px);padding:12px}}.selection-panel-body{padding:14px;display:flex;flex-direction:column;gap:17px;overflow-y:auto;min-height:0}.selection-panel button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:7px;padding:8px;background:var(--bg);color:var(--text);font:inherit;font-size:11px;cursor:pointer}.selection-panel button:disabled{opacity:.4;cursor:default}.selection-panel button[aria-pressed=true],.selection-panel .selection-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.selection-panel button:focus-visible,.selection-panel input:focus-visible,.selection-panel select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.selection-fields,.selection-refine,.selection-transform,.selection-transform-start{display:flex;flex-direction:column;gap:12px;min-width:0}.selection-variants{display:flex;flex-direction:column;gap:5px}.selection-variants button{justify-content:flex-start;padding:10px}.selection-combine,.selection-actions,.transform-modes{display:grid;grid-template-columns:1fr 1fr;gap:5px}.transform-modes button{min-height:38px;line-height:1.35}.transform-mode-hint{min-height:48px}.transform-handle:focus-visible{stroke:var(--canvas-accent);stroke-width:3;outline:none}[data-transform-mode=skew] .transform-handle,[data-transform-mode=perspective] .transform-handle{fill:var(--canvas-accent)}.selection-check{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.5}.selection-check input{accent-color:var(--accent)}.selection-number{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:10px;color:var(--text)}.selection-number input,.selection-number select{min-width:0;width:100%;box-sizing:border-box;padding:8px;border-radius:6px;background:var(--bg);border:1px solid var(--line);color:var(--text);font:inherit;font-size:12px}.selection-numeric-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.selection-status{padding:10px;border-radius:7px;background:var(--bg);border:1px solid var(--line);color:var(--text);font-size:11px;line-height:1.5}.selection-hint{color:var(--muted);font-size:10px;line-height:1.6;margin:0}.selection-panel h3{font-size:11px;font-weight:600;margin:0;color:var(--text)}.selection-refine,.selection-transform-start{padding-top:15px;border-top:1px solid var(--line)}.selection-commit{position:sticky;bottom:-14px;background:var(--bg);padding:10px 0;display:flex;flex-direction:column;gap:7px}.selection-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:4}.selection-toolbar-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--text)}.selection-contour,.selection-controls{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.selection-toolbar-badge.empty{color:var(--danger)}.selection-outline{fill:none;stroke:#fff;stroke-width:1;vector-effect:non-scaling-stroke}.selection-outline-shadow{stroke:#20231e}.selection-outline-ants{stroke-dasharray:4 4;animation:selection-march .8s linear infinite}.selection-provisional{fill:#a2b2fa1a}.transform-hit-area{fill:transparent;pointer-events:all;cursor:move}.transform-edge{fill:none;stroke:var(--canvas-accent);stroke-width:1;vector-effect:non-scaling-stroke}.transform-handle{fill:#fff;stroke:#20231e;stroke-width:1.5;vector-effect:non-scaling-stroke;pointer-events:all;cursor:nwse-resize}.transform-handle[data-transform-handle=rotate]{cursor:grab;fill:var(--canvas-accent)}.tool-selection,.tool-transform{cursor:crosshair}@keyframes selection-march{to{stroke-dashoffset:-8}}@media(prefers-reduced-motion:reduce){.selection-outline-ants{animation:none}}.selection-panel button:not(:disabled):not([aria-pressed=true]):not(.selection-primary):hover{background:var(--soft);border-color:var(--line-strong)}.selection-panel .selection-primary:not(:disabled):hover{background:var(--accent-hover)}.canvas-floating-panels{position:absolute;z-index:8;top:12px;right:12px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;width:min(256px,calc(100% - 24px));max-height:calc(100% - 24px);pointer-events:none}.canvas-floating-panel{width:100%;min-height:36px;flex-shrink:1;display:flex;flex-direction:column;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 20px #00000030;overflow:hidden;pointer-events:auto;cursor:default;-webkit-user-select:text;user-select:text;touch-action:pan-y;font-size:11px}.canvas-floating-panel:focus-within{z-index:1}.canvas-floating-panel-header{display:flex;align-items:center;gap:7px;flex-shrink:0;min-height:36px;padding:2px 5px;background:var(--raised);border-bottom:1px solid var(--line);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.canvas-floating-panel-header:active{cursor:grabbing}.canvas-floating-panel.is-collapsed{flex-shrink:0}.canvas-floating-panel.is-collapsed .canvas-floating-panel-header{border-bottom:0}.canvas-floating-panel-header strong{flex:1;font-size:11px;font-weight:600}.canvas-floating-panel-title-icon{display:flex;color:var(--muted)}.canvas-panel-summary{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.canvas-floating-panel button{border-radius:6px}.canvas-floating-panel button:hover:not(:disabled){background:var(--hover)}.canvas-floating-panel button:focus-visible,.canvas-floating-panel input:focus-visible{outline-offset:-2px}.canvas-panel-grip{display:grid;place-items:center;width:18px;min-width:18px;min-height:30px;padding:0;cursor:inherit;color:var(--muted)}.canvas-panel-icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;min-height:28px;padding:5px;color:var(--muted)}.canvas-floating-panel-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:10px}.canvas-floating-panel-content[hidden]{display:none}.canvas-world-position{display:flex;gap:12px;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.canvas-world-position>span{display:inline-flex;flex:1;gap:7px;min-width:0}.canvas-world-position output{color:var(--text)}.canvas-tile-position{margin:5px 0 10px;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.canvas-navigation-actions{display:flex;gap:6px}.canvas-navigation-actions>button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:8px 5px;min-width:0;border:1px solid var(--line);font-size:11px}.canvas-navigation-actions>.canvas-navigation-zoom-out{flex:0;min-width:29px}.canvas-navigation-actions>button:first-child{flex:.9}.canvas-navigation-actions>button:last-child{flex:1.2}.canvas-navigation-actions svg{flex-shrink:0}.canvas-rotation-controls{display:flex;align-items:center;justify-content:flex-end;gap:3px;margin-top:8px;color:var(--muted);font-size:10px}.canvas-rotation-controls>span{margin-right:auto}.canvas-rotation-angle{display:flex;align-items:center;gap:2px;width:56px;min-width:40px;padding-right:5px;border:1px solid var(--line);border-radius:6px;background:var(--raised)}.canvas-rotation-angle>input{padding:5px 1px 5px 4px;border:0;background:transparent;text-align:right;width:100%;border-radius:5px;font-size:10px;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;font-variant-numeric:tabular-nums}.canvas-rotation-angle>input::-webkit-inner-spin-button,.canvas-rotation-angle>input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.canvas-rotation-reset{min-width:27px;min-height:28px;padding:4px;font-size:10px;border-radius:6px;color:var(--muted)}.canvas-rotation-controls.is-compact{margin:0}.canvas-rotation-controls.is-compact .canvas-panel-icon-button{width:25px;min-height:28px}.canvas-navigation-status{margin:8px 0 0;padding:7px;border-radius:6px;background:var(--soft);color:var(--accent);line-height:1.45;font-size:10px}.canvas-points-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:10px;padding-top:5px;color:var(--muted)}.canvas-points-heading>span{display:inline-flex;align-items:center;gap:6px}.canvas-point-form{display:flex;gap:5px;margin:5px 0}.canvas-point-form input{width:100%;min-width:0;padding:7px 8px;font-size:11px}.canvas-point-form button{display:grid;place-items:center;min-width:32px;background:var(--soft);color:var(--accent);border:1px solid var(--line)}.canvas-points-list,.canvas-participants-list{list-style:none;padding:0;margin:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.canvas-points-list{max-height:128px}.canvas-points-list>li,.canvas-participants-list>li{display:flex;align-items:center;min-width:0;gap:4px}.canvas-point-visit{display:flex;align-items:center;gap:7px;min-width:0;flex:1;padding:7px 4px;text-align:left}.canvas-point-visit>svg{flex-shrink:0;color:var(--accent)}.canvas-point-visit>span,.canvas-participant-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-point-delete:hover:not(:disabled){color:var(--danger)}.canvas-panel-note,.canvas-panel-error{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.5;overflow-wrap:anywhere}.canvas-panel-error{color:var(--danger);margin-top:8px}.canvas-participants-list{max-height:192px}.canvas-participants-list>li{min-height:32px;gap:8px}.canvas-participant-avatar{display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;border:1px solid var(--line-strong);border-radius:7px;font-size:10px;color:var(--text);background:var(--raised);overflow:hidden}.canvas-participant-avatar>img{width:100%;height:100%;object-fit:cover}.canvas-participant-groups{display:flex;flex-direction:column;gap:10px}.canvas-participant-group>h3{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 5px;font-size:10px;font-weight:600;color:var(--muted)}.canvas-participant-group>h3>span{font-variant-numeric:tabular-nums}.canvas-participant-ready{flex-shrink:0;color:var(--accent)}.canvas-participant-name{flex:1}.canvas-participants-list small{color:var(--muted);font-size:9px}.canvas-panel-spinner{animation:canvas-panel-spin 1s linear infinite}@keyframes canvas-panel-spin{to{transform:rotate(360deg)}}@media(max-width:650px){.canvas-floating-panels{top:8px;right:8px;gap:6px;width:min(224px,calc(100% - 16px));max-height:calc(100% - 16px)}.canvas-floating-panel-content{padding:8px}.editor-mode-focus .canvas-floating-panels{top:56px;max-height:calc(100% - 64px)}.canvas-points-list,.canvas-participants-list{max-height:96px}.canvas-panel-icon-button{min-height:32px;width:32px}.canvas-navigation-actions>button{min-height:36px}}@media(prefers-reduced-motion:reduce){.canvas-panel-spinner{animation:none}}.canvas-invite-button{width:100%;justify-content:center;margin-bottom:10px;font-size:12px}.canvas-banned-participants{margin-top:12px;font-size:12px}.canvas-banned-participants summary{cursor:pointer;padding:6px 0}.canvas-participants-list>li{display:flex}.canvas-participant-name{flex:1;min-width:0}.game-panel{flex-shrink:0}.game-panel-heading{display:flex;align-items:center;gap:11px}.game-round-clock{position:relative;flex:0 0 68px;width:68px;height:68px;color:var(--accent)}.game-round-clock svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}.game-round-clock circle{fill:none;stroke-width:4}.game-clock-track{stroke:var(--line)}.game-clock-progress{stroke:currentColor;stroke-linecap:round;transition:stroke-dashoffset .5s linear}.game-round-clock>span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-variant-numeric:tabular-nums;font-size:17px;font-weight:700;color:var(--text)}.game-round-clock.is-urgent{color:var(--danger)}.game-round-clock.is-urgent>span{color:var(--danger)}.game-round-clock.is-untimed>span{font-size:28px}.game-round-description{display:flex;flex-direction:column;min-width:0;gap:4px}.game-round-description>strong{font-size:13px;overflow-wrap:anywhere}.game-round-description>span{font-size:11px}.game-round-description>small{font-size:10px;line-height:1.4;color:var(--muted)}.game-panel-instruction{font-size:11px;line-height:1.5;color:var(--muted);margin:10px 0;overflow-wrap:anywhere}.game-task-picker{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;font-size:11px;margin:12px 0}.game-task-picker>select{width:100%;min-width:0;padding:8px;font-size:11px;color:var(--text);background:var(--raised);border:1px solid var(--line);border-radius:7px}.game-task-picker>small{color:var(--muted);font-size:10px;line-height:1.4}.game-ready-count{display:flex;align-items:center;gap:7px;margin:11px 0 8px;color:var(--muted);font-size:11px}.game-ready-count>strong{color:var(--text);margin-left:auto;font-variant-numeric:tabular-nums}.game-panel .game-ready-button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:36px;padding:8px 6px;font-size:11px;color:var(--text);background:var(--soft);border:1px solid var(--line-strong)}.game-panel .game-ready-button.is-ready{color:var(--accent);border-color:var(--accent)}.game-panel .game-ready-button:disabled{opacity:.6}@media(prefers-reduced-motion:reduce){.game-clock-progress{transition:none}}.game-read-only-notice{position:absolute;z-index:12;bottom:34px;left:50%;transform:translate(-50%);max-width:calc(100% - 32px);padding:8px 14px;border:1px solid #4a4a55;border-radius:18px;background:#25252dea;color:#d2d2df;font-size:12px;text-align:center;pointer-events:none}.editor-wrap{min-width:0}.editor .simple-sidebar{width:248px;flex:0 0 248px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:14px;overflow-y:auto;background:var(--panel);border-right:1px solid var(--line);scrollbar-width:thin}.simple-palette-area{display:flex;flex-direction:column;gap:14px}.simple-sidebar .simple-color-area{border:0;padding:0}.editor-mode-simple .artist-color-picker>.artist-color-swatches{display:none}.simple-brush-settings{display:flex;flex-direction:column;gap:16px}.simple-size-presets{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.simple-size-presets button{display:grid;place-items:center;height:36px;padding:0;border:1px solid transparent;border-radius:7px;color:var(--text)}.simple-size-presets button:hover{background:var(--hover)}.simple-size-presets button[aria-pressed=true]{border-color:var(--accent);background:var(--soft)}.simple-size-presets i{display:block;background:currentColor;border-radius:50%}.mobile-size-value{display:flex;align-items:center;gap:6px;color:var(--muted)}.mobile-size-value input,.mode-basic-controls input[type=number]{width:64px;min-width:0;padding:3px 5px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:5px;font-variant-numeric:tabular-nums}.editor .simple-tool-rail{position:relative;flex:0 0 52px;width:52px;padding:8px 5px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;border-left:1px solid var(--line);background:var(--panel);z-index:6}.simple-primary-tools,.simple-secondary-tools,.simple-tool-rail .mode-tool-chooser{display:flex;flex-direction:column;gap:6px}.simple-tool-rail button{display:grid;place-items:center;min-height:38px;width:40px;padding:0;color:var(--text);border:1px solid transparent;border-radius:8px;touch-action:manipulation}.simple-tool-rail button:hover{background:var(--hover)}.simple-tool-rail button[aria-pressed=true],.simple-tool-rail button[aria-expanded=true]{background:var(--soft);color:var(--accent);border-color:var(--accent)}.simple-tool-rail button:disabled{opacity:.4}.simple-tool-rail .mode-tool-chooser button span,.simple-tool-rail .mode-tool-chooser button kbd{display:none}.simple-tool-rail .mode-history{flex-direction:column;gap:4px}.simple-mobile-controls,.mobile-brush-adjustment{display:none}.simple-shape-popover{position:absolute;right:calc(100% + 8px);top:178px;width:145px;padding:5px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 30px #0005}.simple-shape-popover .mode-shape-choices{gap:3px}.simple-shape-popover button{width:40px}.editor .pro-inspector{display:flex;flex-direction:column;width:260px;flex:0 0 260px;min-height:0;background:var(--panel);border-left:1px solid var(--line)}.editor .pro-inspector>.layers-panel{position:static;display:flex;width:100%;flex:1 1 0;min-height:160px;border:0;box-shadow:none}.pro-color-panel{padding:12px;flex-shrink:0;border-top:1px solid var(--line);max-height:51%;overflow-y:auto}.pro-color-panel .artist-hue-wheel{max-width:210px}.pro-color-panel .artist-sv-plane:not(.artist-sv-in-wheel){aspect-ratio:1.7}@media(min-width:721px)and (max-height:800px){.pro-color-panel{max-height:60%}.pro-color-panel .artist-color-picker{gap:7px}.pro-color-panel .artist-sv-plane:not(.artist-sv-in-wheel){aspect-ratio:2.4}.pro-color-panel .artist-hue-wheel{max-width:145px}.editor .pro-inspector>.layers-panel{overflow-y:auto}.editor-mode-pro>.pro-inspector>.layers-panel>.panel-heading{min-height:36px}.editor-mode-pro>.pro-inspector>.layers-panel .professional-layer-controls{padding-bottom:6px}.editor-mode-pro>.pro-inspector>.layers-panel .layer-search{padding-block:5px;margin-bottom:6px}.editor-mode-pro>.pro-inspector>.layers-panel .layer-blending select{padding-block:5px;margin-bottom:6px}.editor-mode-pro>.pro-inspector>.layers-panel .range-control{margin-bottom:4px}.editor-mode-pro>.pro-inspector>.layers-panel .range-control>span{margin-bottom:3px}.editor-mode-pro>.pro-inspector>.layers-panel .layer-lock-controls{padding-top:2px}}@media(min-width:721px)and (max-height:650px){.pro-color-panel{padding:10px}.pro-color-panel .artist-color-picker{gap:6px}.pro-color-panel .artist-sv-plane:not(.artist-sv-in-wheel){aspect-ratio:3}}@media(max-width:1100px)and (min-width:721px){.editor .simple-sidebar{width:214px;flex-basis:214px;padding:10px}.editor .pro-inspector{width:222px;flex-basis:222px}}@media(max-width:720px){.editor-mode-pro .canvas-toolbar{flex-wrap:wrap;height:auto;min-height:36px;padding-block:4px;row-gap:2px}.editor-mode-pro .canvas-toolbar-document{flex-basis:100%}.editor-mode-pro .canvas-toolbar-right{flex-wrap:wrap;max-width:100%;margin-left:auto}.editor .pro-inspector{display:none}.editor.show-layers .pro-inspector{display:flex;position:absolute;right:0;top:0;bottom:0;z-index:8;width:min(280px,calc(100% - 55px))}}.simple-mobile-progress{display:none}@media(max-width:650px),(max-width:1000px)and (max-height:540px){.editor-mode-simple .simple-mobile-document-status{position:absolute;top:max(8px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:7;display:flex;align-items:center;gap:4px;width:max-content;max-width:calc(100% - 20px);min-height:32px;padding:3px 8px;border:1px solid var(--line);border-radius:10px;background:#222225f5;box-shadow:0 2px 12px #00000052}.simple-mobile-document-status>.icon-button{flex:none}.editor-mode-simple .canvas-floating-panels{top:52px;max-height:calc(100% - 60px)}.simple-mobile-progress{display:block;margin-right:auto}.simple-mobile-progress .activity-progress-label,.simple-mobile-progress progress{display:none}.editor.editor-mode-simple:not(.compact){flex-direction:column}.editor .simple-sidebar,.editor-mode-simple .canvas-toolbar,.editor-mode-simple .statusbar,.editor-mode-simple .canvas-shortcut-hint{display:none}.editor .simple-tool-rail{order:2;width:100%;flex:0 0 auto;padding:6px max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom));border-left:0;border-top:1px solid var(--line);gap:3px}.simple-primary-tools,.simple-secondary-tools{flex-direction:row;gap:3px;align-items:center}.simple-primary-tools{justify-content:center;flex-wrap:wrap}.simple-secondary-tools{justify-content:flex-end}.simple-tool-rail .mode-tool-chooser,.simple-tool-rail .mode-history{flex-direction:row;gap:3px}.simple-tool-rail button{width:38px;min-height:38px}.simple-mobile-controls{display:flex;gap:3px}.simple-tool-rail .simple-color-button{margin:3px;width:30px;min-height:30px;border:1px solid #ffffff60;box-shadow:inset 0 0 0 2px #0002}.simple-color-button span{width:9px;height:9px;border:1px solid #fff;box-shadow:0 0 0 1px #0007;border-radius:50%}.simple-shape-popover{top:auto;right:8px;bottom:calc(100% + 8px)}.mobile-brush-adjustment{display:flex;flex-direction:column;gap:14px;position:absolute;bottom:calc(100% + 10px);right:10px;width:min(300px,calc(100vw - 30px));background:var(--raised);border:1px solid var(--line-strong);border-radius:14px;padding:10px 14px 14px;box-shadow:0 10px 40px #0006}.mobile-brush-adjustment header{display:flex;align-items:center;justify-content:space-between}.mobile-brush-adjustment output{font-size:13px;font-variant-numeric:tabular-nums}.mobile-brush-adjustment input[type=range]{width:100%;margin:0;padding:0;accent-color:var(--accent);touch-action:none}.mobile-brush-adjustment .simple-size-presets button{width:100%}}@media(orientation:landscape)and (max-width:1000px)and (max-height:540px){.editor.editor-mode-simple:not(.compact){flex-direction:row}.editor .simple-tool-rail{width:88px;flex:0 0 88px;padding:7px 4px;border-left:1px solid var(--line);border-top:0}.simple-primary-tools{display:grid;grid-template-columns:repeat(2,38px)}.simple-tool-rail .mode-tool-chooser,.simple-mobile-controls{display:contents}.simple-secondary-tools{display:grid;grid-template-columns:repeat(2,38px)}.simple-secondary-tools .mode-history{display:contents}.mobile-brush-adjustment{right:calc(100% + 8px);bottom:10px;width:150px;align-items:center}.mobile-brush-adjustment header{align-self:stretch}.mobile-brush-adjustment input[type=range]{writing-mode:vertical-lr;direction:rtl;width:38px;height:min(155px,40dvh)}.mobile-brush-adjustment .simple-size-presets{width:100%;gap:0}.mobile-brush-adjustment .simple-size-presets button{min-width:0}.simple-shape-popover{top:75px;bottom:auto;right:calc(100% + 8px)}}@media(orientation:landscape)and (max-width:1000px)and (max-height:360px){.simple-tool-rail button{min-height:32px}}@media(max-width:360px)and (orientation:portrait){.simple-tool-rail button{width:34px;min-height:36px}.simple-primary-tools,.simple-tool-rail .mode-tool-chooser,.simple-mobile-controls{gap:2px}}.editor-mode-simple,.editor-mode-focus{color:var(--text);background:var(--bg)}.editor-mode-simple .technical-status,.pro-mobile-color{display:none}.mode-history{display:flex;align-items:center;gap:7px}.mode-tool-chooser button,.mode-shape-choices button,.mode-history button,.focus-bottom-hints button,.focus-top-status button,.focus-context-controls button{color:var(--text);background:transparent;border:1px solid transparent;border-radius:8px;min-height:34px;padding:7px;cursor:pointer}.mode-tool-chooser button:hover,.mode-shape-choices button:hover,.mode-history button:hover,.focus-bottom-hints button:hover,.focus-top-status button:hover,.focus-context-controls button:hover{background:var(--hover)}.focus-context-controls button:disabled{opacity:.4;cursor:default}.mode-tool-chooser button[aria-pressed=true],.mode-shape-choices button[aria-pressed=true]{background:var(--soft);color:var(--accent);border-color:var(--accent)}.mode-tool-chooser{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.mode-tool-chooser button{display:flex;align-items:center;gap:7px;text-align:left;min-width:0;font-size:11px}.mode-tool-chooser button kbd{margin-left:auto;opacity:.55;font-size:9px;border:0;background:transparent;padding:0}.mode-shape-choices{display:flex;gap:4px}.mode-shape-choices button{display:inline-flex;align-items:center;justify-content:center;flex:1}.mode-shape-choices button span{display:none}.mode-basic-controls{display:flex;flex-direction:column;gap:12px}.mode-basic-controls>label{display:flex;flex-direction:column;gap:6px;font-size:11px}.mode-basic-controls label>span{display:flex;justify-content:space-between}.mode-basic-controls output{color:var(--muted);font-variant-numeric:tabular-nums}.mode-basic-controls input[type=range]{width:100%;accent-color:var(--accent)}.mode-basic-controls .mode-inline-field{flex-direction:row;align-items:center;justify-content:space-between}.mode-inline-field select,.focus-context-controls select{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:6px;max-width:155px;font-size:11px}.simple-color-area{border-top:1px solid var(--line);padding-top:10px}.editor-floating-panel{position:fixed;z-index:70;display:flex;flex-direction:column;max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);overflow:hidden;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 38px #00000052,0 2px 6px #00000052}.floating-panel-handle{display:flex;flex-shrink:0;align-items:center;gap:8px;padding:8px 10px;background:var(--raised);border-bottom:1px solid var(--line);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.floating-panel-handle:active{cursor:grabbing}.floating-panel-handle strong{flex:1;font-size:12px;font-weight:650}.floating-panel-handle>svg{color:var(--muted)}.floating-panel-handle .icon-button{color:var(--muted)}.floating-panel-handle .icon-button[aria-pressed=true]{background:var(--soft);color:var(--accent)}.floating-panel-content{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:12px}.editor .editor-floating-panel .brush-panel,.editor .editor-floating-panel .layers-panel{display:flex;position:static;width:100%;max-height:none;border:0;overflow:visible;box-shadow:none}.editor .editor-floating-panel .panel-close{display:none}.editor .layer-list{min-height:59px;max-height:min(354px,38dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;flex:0 1 auto}.editor .layers-panel>:not(.layer-list){flex-shrink:0}.color-source-control{display:grid;gap:7px;margin:12px 0;min-width:0;font-size:11px}.color-source-control select{width:100%;min-width:0;padding:8px}.editor-floating-panel .mode-tool-chooser{margin-bottom:10px}.floating-toolbox .mode-tool-chooser{margin-bottom:0}.mode-export-panel{display:grid;gap:8px}.mode-export-panel button{justify-content:flex-start}.canvas-toolbar-document{display:flex;align-items:center;gap:7px;min-width:min(180px,100%);flex:1 1 180px}.editor:not(.compact) .canvas-column{container:drawing-column / inline-size}@container drawing-column (max-width: 440px){.canvas-toolbar-right>.canvas-rotation-controls,.canvas-toolbar-right>.toolbar-divider{display:none}}.editor:not(.compact) .canvas-toolbar{height:auto;min-height:42px;flex-wrap:wrap;padding-block:4px;row-gap:4px}.editor:not(.compact) .canvas-toolbar-right{flex-wrap:wrap;max-width:100%;margin-left:auto}.canvas-toolbar-document>.icon-button{flex:none}.canvas-toolbar-document>.editor-document-status{flex:1}.editor-document-status{display:flex;align-items:center;gap:7px;min-width:0;font-size:10px;color:var(--muted)}.editor-document-status>strong,.editor-document-status>.drawing-prompt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-document-status>strong{color:var(--text);font-weight:600}.editor-document-status>time,.editor-document-status>.connection-dot{flex-shrink:0;white-space:nowrap}.editor-document-status>span{white-space:nowrap}.editor-document-status>time{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.editor-menu-status{flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid var(--line)}.editor-menu-status>strong,.editor-menu-status>.drawing-prompt{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere}.editor-menu-status>.drawing-prompt{flex-basis:100%}.simple-mobile-document-status{display:none}.mode-view-controls{display:flex;align-items:center;gap:3px;padding:7px 0;margin-bottom:10px;border-block:1px solid var(--line)}.mode-view-controls>span{margin-right:auto;font-size:10px;color:var(--muted)}.mode-view-controls .icon-button{width:28px;height:28px;padding:5px}.mode-view-fit{padding:6px;min-width:42px;font-size:11px;font-variant-numeric:tabular-nums}.mode-selection-column{display:flex;flex-direction:column;flex-shrink:0;min-height:0;width:260px;background:var(--panel);border-right:1px solid var(--line)}.editor .mode-selection-column .selection-panel{width:100%;min-height:0;flex:1;border:0}.mode-selection-column .selection-panel-body{overflow-y:auto}.mode-selection-color{flex-shrink:0;padding:10px 12px;border-top:1px solid var(--line)}.editor-floating-panel .mode-selection-column{width:100%;border:0}.editor.editor-mode-focus:not(.compact){position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;height:100dvh;width:100vw}.editor.editor-mode-focus[inert]{z-index:0}.editor-mode-focus:not(.compact) .canvas-toolbar,.editor-mode-focus:not(.compact) .statusbar{display:none}.focus-top-status,.focus-bottom-hints,.focus-context-controls{position:absolute;z-index:7;display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:#222225f5;color:var(--muted);box-shadow:0 2px 12px #00000052;border-radius:11px;max-width:calc(100% - 24px)}.focus-top-status{top:12px;left:50%;transform:translate(-50%);padding:4px 11px;font-size:11px;min-height:34px;white-space:nowrap;width:max-content}.focus-top-status>button{flex:none}.focus-top-status>.editor-document-status{font-size:inherit}.focus-save-dot{width:6px;height:6px;border-radius:100%;margin-left:8px;background:var(--success);flex-shrink:0}.focus-save-dot.saving,.focus-save-dot.connecting{background:var(--warning)}.focus-save-dot.offline{background:var(--danger)}.focus-bottom-hints{bottom:12px;left:50%;transform:translate(-50%);padding:4px 7px}.focus-controls-stack{position:absolute;z-index:7;bottom:12px;left:50%;transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 24px);pointer-events:none}.focus-controls-stack>.focus-bottom-hints,.focus-controls-stack>.focus-context-controls{position:static;transform:none;max-width:100%;pointer-events:auto}.focus-bottom-hints button{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px;min-height:28px}.focus-bottom-hints kbd{border:0;background:var(--raised);color:var(--muted);min-width:16px;text-align:center;font-size:10px}.focus-navigation-hints{display:inline-flex;align-items:center;gap:5px;padding-left:9px;margin-left:3px;border-left:1px solid var(--line);font-size:10px;white-space:nowrap}.focus-context-controls{bottom:65px;left:50%;transform:translate(-50%);padding:4px 8px;font-size:11px}.focus-context-controls button{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:11px}.focus-context-controls .mode-shape-choices{min-width:108px}.hotkey-sheet{padding:5px 5px 9px}.hotkey-intro{display:flex;align-items:flex-start;gap:12px;padding:5px 0 14px}.hotkey-intro>svg{color:var(--accent);flex-shrink:0;margin-top:4px}.hotkey-intro h3{font-size:17px;letter-spacing:-.4px;margin:0 0 5px}.hotkey-intro p,.hotkey-note{font-size:11px;line-height:1.6;color:var(--muted);margin:0}.hotkey-sheet h4{font-size:11px;font-weight:650;padding-bottom:7px;border-bottom:1px solid var(--line);margin:17px 0 5px}.hotkey-row{display:flex;align-items:center;justify-content:space-between;min-height:32px;gap:10px;font-size:11px}.hotkey-row kbd{color:var(--muted);background:var(--raised);border:1px solid var(--line);box-shadow:0 1px var(--line);border-radius:5px;padding:3px 7px;white-space:nowrap;font-size:10px}.hotkey-capture{border:0;background:transparent;padding:4px 0 4px 10px;cursor:pointer;color:var(--accent)}.hotkey-capture:hover kbd,.hotkey-capture:focus-visible kbd{border-color:var(--line-strong)}.hotkey-capture.listening{display:flex;align-items:center;gap:6px;border:1px solid var(--line-strong);border-radius:5px;padding:6px;background:var(--soft);font-size:10px}.hotkey-error{padding:9px;color:var(--danger);background:var(--danger-soft);border-radius:7px;font-size:11px}.hotkey-note{display:flex;gap:7px;margin:17px 0}.hotkey-note svg{flex-shrink:0;margin-top:3px}@media(max-width:720px){.editor-mode-pro .pro-mobile-color{display:block;flex-shrink:0;padding:8px 10px;border-top:1px solid var(--line);background:var(--panel);max-height:220px;overflow-y:auto}.editor-mode-pro.show-brushes .pro-mobile-color{display:block}.editor-mode-pro.show-brushes .brush-panel,.editor-mode-pro.show-brushes .mode-selection-column{bottom:220px}.pro-mobile-color .artist-color-picker{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-rows:auto auto auto auto auto;gap:5px 12px;align-items:center}.pro-mobile-color .artist-color-heading{grid-column:1;grid-row:1}.pro-mobile-color .artist-color-picker:has(.artist-color-mode-menu)>:not(.artist-color-heading){display:none}.pro-mobile-color .artist-color-heading:has(.artist-color-mode-menu){grid-column:1 / -1;flex-wrap:wrap;row-gap:5px}.pro-mobile-color .artist-color-mode-menu{position:static;flex-basis:100%;max-height:170px;overflow-y:auto;overscroll-behavior:contain}.pro-mobile-color .artist-sv-plane:not(.artist-sv-in-wheel){grid-column:1;grid-row:2 / 5;aspect-ratio:1.6}.pro-mobile-color .artist-hue-bar{grid-column:1;grid-row:5}.pro-mobile-color .artist-hue-wheel{grid-column:1;grid-row:2 / 6;max-width:128px}.pro-mobile-color .artist-hsv-numbers{grid-column:2;grid-row:1;gap:3px}.pro-mobile-color .artist-color-number{gap:2px}.pro-mobile-color .artist-color-value{grid-column:2;grid-row:2;gap:5px}.pro-mobile-color .artist-color-swatches{grid-column:2;grid-row:3;gap:3px}.pro-mobile-color .artist-color-recents{grid-column:2;grid-row:4 / 6}.pro-mobile-color .artist-color-swatches button{min-height:12px}.editor-mode-pro .mode-selection-column{display:none}.editor-mode-pro.show-brushes .mode-selection-column{display:flex;position:absolute;left:50px;top:0;bottom:0;z-index:5;width:min(280px,calc(100% - 64px));box-shadow:12px 0 30px #00000052}.editor-mode-pro.show-brushes .mode-selection-column .selection-panel{position:static;display:flex;width:100%;min-height:0}.editor .editor-floating-panel .mode-selection-column{position:static;display:flex;width:100%;box-shadow:none}}@media(max-width:650px){.focus-controls-stack{max-width:calc(100% - 16px)}.focus-bottom-hints button{gap:3px;padding:4px;font-size:9px}.focus-bottom-hints{width:max-content;flex-wrap:wrap;justify-content:center;max-width:calc(100% - 16px)}.focus-navigation-hints{flex-basis:100%;justify-content:center;border-left:0;padding-left:0;margin-left:0;font-size:9px}.focus-context-controls{bottom:92px;max-width:calc(100% - 16px);overflow-x:auto}}.canvas-viewport.tool-picker,.canvas-viewport.canvas-temporary-picker,.canvas-viewport.canvas-temporary-picker .selection-overlay,.canvas-viewport.canvas-temporary-picker .selection-overlay *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 25 1-5 12-12 6 6-12 12-5 1-2-2Zm11-18 9 9m-6-11 3-3 7 7-3 3' fill='white' stroke='white' stroke-width='5'/%3E%3Cpath d='m5 25 1-5 12-12 6 6-12 12-5 1-2-2Z' fill='%23fff' stroke='%23252631' stroke-width='1.7'/%3E%3Cpath d='m16 7 9 9m-6-11 3-3 7 7-3 3' fill='%23252631' stroke='%23252631' stroke-width='2'/%3E%3Cpath d='m8 21 10-10' stroke='%237a698c' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 5 27,crosshair}.canvas-viewport.tool-picker .brush-cursor,.canvas-viewport.canvas-temporary-picker .brush-cursor{visibility:hidden!important}.canvas-viewport.infinite-viewport{background:#fff}.infinite-viewport .canvas-paper{box-shadow:none;transition:none}.infinite-viewport .infinite-detail-window{outline:var(--detail-outline-width, 2px) solid #8870cf}.infinite-overview{position:absolute;top:50%;left:50%;transform-origin:center;pointer-events:none;will-change:transform;transition:none}.playback-prefetch-setting{display:flex;align-items:flex-start;gap:9px;color:var(--text, #302939);font-size:12px;line-height:1.5;cursor:pointer}.playback-prefetch-setting input{flex:none;margin-top:3px;accent-color:var(--accent, #7658d6)}.playback-prefetch-setting>span{display:grid;gap:5px}.playback-prefetch-setting strong{font-weight:500}.playback-prefetch-setting small{color:var(--muted, #716b7c)}.playback-prefetch-setting.compact{font-size:11px}.playback-preparation{display:grid;gap:16px;width:min(340px,100%);text-align:left;font-variant-numeric:tabular-nums}.playback-preparation-step{display:grid;gap:6px}.playback-preparation-step>span{display:flex;justify-content:space-between;gap:16px;font-size:12px}.playback-preparation-step small{color:var(--muted, #716b7c);font-size:11px}.playback-preparation progress{display:block;width:100%;height:7px;accent-color:var(--accent, #7658d6);border:0;border-radius:99px;overflow:hidden}.playback-preparation progress::-webkit-progress-bar{background:var(--raised, #e6e4e9)}.playback-preparation progress::-webkit-progress-value{background:var(--accent, #7658d6)}.playback-preparation.compact{width:100%;gap:4px;font-size:10px}.playback-preparation.compact>span{white-space:nowrap}.playback-preparation.compact progress{height:4px}.playback-preparation[data-state=ready]{color:var(--accent, #7658d6)}.playback-preparation-error{overflow-wrap:anywhere;color:var(--danger, #bd4057)}.game-mode-preview{--gmp-ink: #3f394b;--gmp-muted-ink: #817887;--gmp-paper: #fbf5e9;--gmp-paper-shadow: #e8ddca;--gmp-lilac: #aebcf5;--gmp-coral: #e6a18d;--gmp-honey: #e9ca79;--gmp-mint: #9fc9b1;--gmp-blue: #a9cce2;--gmp-plum: #c6a8db;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(8px,1.8vw,18px);width:100%;min-width:0;margin:0 0 22px}.game-mode-preview-scene{min-width:0;margin:0;overflow:hidden;border:1px solid var(--line, #3c3c42);border-radius:14px;background:var(--panel, #222225);box-shadow:0 5px #111113,0 12px 24px #0000001c}.game-mode-preview-art{position:relative;width:100%;aspect-ratio:420 / 248;overflow:hidden;background:var(--gmp-paper)}.game-mode-preview-art>svg{display:block;width:100%;height:100%}.game-mode-preview-art-badge{position:absolute;top:9px;left:10px;display:inline-flex;align-items:center;gap:5px;max-width:calc(100% - 20px);padding:4px 7px 4px 5px;border:1px solid #ffffffb8;border-radius:999px;color:#50495e;background:#fffaf0dc;box-shadow:0 2px 7px #51445b18;font-size:8px;font-weight:800;letter-spacing:.11em;line-height:1;text-transform:uppercase;pointer-events:none}.game-mode-preview-art-badge svg{width:13px;height:13px;flex:0 0 auto}.game-mode-preview-arrow{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;border:1px solid var(--line, #3c3c42);border-radius:50%;color:var(--muted, #ababb2);background:var(--raised, #2c2c30);box-shadow:0 3px #111113}.game-mode-preview-arrow svg{width:15px;height:15px}.game-mode-preview-scene figcaption{display:flex;align-items:center;gap:8px;min-width:0;min-height:34px;padding:8px 11px 9px;color:var(--muted, #ababb2);font-size:10px;line-height:1.25}.game-mode-preview-scene figcaption>span:last-child{min-width:0;overflow-wrap:anywhere}.game-mode-preview-scene figcaption>span:first-child{color:var(--game-color, var(--accent, #a2b2fa));font-size:9px;font-weight:800;letter-spacing:.13em;font-variant-numeric:tabular-nums}.gmp-sketch,.gmp-sketch *{stroke-linecap:round;stroke-linejoin:round}.gmp-paper-edge{fill:none;stroke:var(--gmp-paper-shadow);stroke-width:2;stroke-dasharray:1 5;opacity:.9}.gmp-ink-line{fill:none;stroke:var(--gmp-ink);stroke-width:2.25}.gmp-soft-line{fill:none;stroke:var(--gmp-muted-ink);stroke-width:1.65}.gmp-dotted-line{fill:none;stroke:#8e8294;stroke-width:1.6;stroke-dasharray:2 5}.gmp-small-type{fill:var(--gmp-muted-ink);font-family:Segoe UI,system-ui,sans-serif;font-size:10px;font-weight:600;letter-spacing:.03em}.gmp-paper-type{fill:var(--gmp-ink);font-family:Segoe UI,system-ui,sans-serif;font-size:12px;font-weight:800}.gmp-avatar{overflow:visible}.gmp-avatar>rect:first-child{stroke:#fffdf5;stroke-width:1.7}.gmp-avatar.is-hidden>rect:first-child{fill:#eee7dc;stroke:#a69eaa;stroke-dasharray:2 2}.gmp-avatar>text{fill:#453d52;font-family:Segoe UI,system-ui,sans-serif;font-size:12px;font-weight:800;pointer-events:none}.gmp-avatar.is-hidden>text{fill:#817887}.gmp-avatar>image{pointer-events:none}.gmp-star{fill:var(--gmp-honey);stroke:var(--gmp-ink);stroke-width:1.6}.gmp-wiggle{animation:gmp-wiggle 4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes gmp-wiggle{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}@media(prefers-reduced-motion:reduce){.gmp-wiggle{animation:none}}@media(max-width:660px){.game-mode-preview{grid-template-columns:minmax(0,1fr);gap:8px}.game-mode-preview-arrow{width:25px;height:25px;margin:0 auto;transform:rotate(90deg)}.game-mode-preview-scene figcaption{min-height:31px;padding:7px 10px 8px}}@media(max-width:390px){.game-mode-preview-scene{border-radius:11px}.game-mode-preview-art-badge{top:7px;left:8px;padding:3px 6px 3px 4px;font-size:7px}.game-mode-preview-art-badge svg{width:12px;height:12px}}.game-lobby{margin-bottom:28px;padding:25px;color:var(--home-text);border:1px solid #45454c;border-radius:23px;background:var(--home-card);box-shadow:0 6px #101012,0 14px 26px #00000020}.game-lobby-heading,.game-description,.game-stage-header,.game-stage-actions,.game-preview-gallery,.game-round-summary span,.game-clock-note,.game-preset-row{display:flex;align-items:center}.game-lobby-heading{justify-content:space-between;gap:18px;margin-bottom:21px}.game-lobby-heading .lobby-eyebrow{margin-bottom:5px}.game-lobby-heading h2{margin:0;font-size:34px;font-weight:800;letter-spacing:-1px}.game-lobby-status{max-width:205px;text-align:right;color:var(--home-muted);font-size:11px;line-height:1.5}.game-mode-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.game-mode-wardrobe{--game-color: #b5bef6;--game-tint: #33364e}.game-mode-order{--game-color: #edb5a0;--game-tint: #48382f}.game-mode-family{--game-color: #b3d4a8;--game-tint: #334435}.game-mode-solo{--game-color: #e6d395;--game-tint: #474332}.game-mode-custom{--game-color: #ceb3ea;--game-tint: #42364d}.game-mode-classic{--game-color: #9dcad6;--game-tint: #304149}.game-mode-studio{--game-color: #c0c1c7;--game-tint: #3d3d44}.game-mode-refboard{--game-color: #f3b5ce;--game-tint: #493242}.game-mode-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:92px;padding:11px 4px;gap:9px;border:1px solid #424248;border-radius:13px;color:#c8c8cf;background:#29292e;transition:border-color .15s,background .15s,transform .15s}.game-mode-tile strong{font-size:10px;line-height:1.3;text-align:center}.game-mode-tile .game-mode-logo{display:flex;color:var(--game-color)}.game-mode-tile[aria-pressed=true]{background:var(--game-tint);color:#fff}.game-mode-tile.is-host-choice{border-color:var(--game-color);box-shadow:inset 0 0 0 1px var(--game-color)}.game-mode-viewers{display:flex;justify-content:center;max-width:100%;padding-inline:3px}.game-mode-viewer{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;overflow:hidden;border:2px solid #29292e;border-radius:50%;color:#202025;background:var(--game-color);font-size:10px;font-weight:700}.game-mode-viewer+.game-mode-viewer{margin-left:-6px}.game-mode-viewer img{width:100%;height:100%;object-fit:cover}.game-mode-viewer-count{flex-basis:auto;min-width:22px;width:auto;padding-inline:3px;color:#e7e7ed;background:#4b4b55;font-size:8px}.game-mode-tile:not(:disabled):hover{border-color:var(--game-color);transform:translateY(-2px)}.game-mode-tile:disabled{cursor:default;opacity:.75}.game-mode-tile[aria-pressed=true]:disabled{opacity:1}.game-tile-check{position:absolute;top:6px;right:6px;color:var(--game-color)}.game-mode-details{margin-top:23px}.game-description{gap:12px;align-items:flex-start;margin-bottom:19px}.game-detail-logo{display:grid;flex-shrink:0;width:39px;height:39px;place-items:center;color:var(--game-color);background:var(--game-tint);border-radius:11px}.game-description h3{margin:0 0 7px;font-size:18px;line-height:1.35}.game-description h3 span{display:inline-block;margin-left:7px;color:var(--game-color);font-size:10px;font-weight:400}.game-description p{margin:0;max-width:650px;font-size:12px;line-height:1.65;color:var(--home-muted)}.game-preview-gallery{gap:12px;margin:0 0 22px}.game-preview-gallery figure{flex:1;min-width:0;margin:0;overflow:hidden;border:1px solid #49484b;border-radius:12px;background:#29292e}.game-preview-picture{display:block;width:100%;height:auto;aspect-ratio:400 / 225}.game-preview-gallery figcaption{display:flex;align-items:center;gap:7px;padding:9px 11px;min-height:38px;color:#c0bfc6;font-size:10px;line-height:1.5}.game-preview-gallery figcaption span{color:var(--game-color);font-size:9px;font-weight:800}.game-preview-arrow{flex-shrink:0;color:var(--game-color)}.game-controls{min-width:0;margin:0;padding:15px 0 0;border:0;border-top:1px solid #414148}.game-controls legend{display:flex;align-items:center;gap:7px;padding-right:10px;color:var(--home-muted);font-size:10px;font-weight:700}.game-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.game-field{display:flex;flex-direction:column;min-width:0;gap:7px;font-size:11px;color:#c9c8cf}.game-field>span:first-child{line-height:1.4}.home-sheet .game-field select,.home-sheet .game-field input,.home-sheet .game-stage-header input{width:100%;min-width:0;min-height:36px;padding:8px 10px;font:inherit;font-size:11px}.game-number{display:flex;position:relative}.home-sheet .game-number input{padding-right:49px}.game-number small{position:absolute;right:25px;top:50%;transform:translateY(-50%);color:#92929d;pointer-events:none;font-size:10px}.game-toggle{display:flex;align-items:flex-start;gap:10px;margin-top:17px;cursor:pointer}.home-sheet .game-toggle input{flex:0 0 auto;width:16px;height:16px;margin:1px 0 0;accent-color:var(--home-accent)}.game-toggle strong{display:block;font-size:11px;font-weight:600;line-height:1.5}.game-toggle small{display:block;margin-top:3px;color:var(--home-muted);font-size:10px;line-height:1.55}.game-controls:disabled input,.game-controls:disabled select,.game-controls:disabled button{cursor:default;opacity:.65}.game-controls:disabled .game-toggle{cursor:default}.game-help,.game-raster-note{margin:9px 0 0;color:#a4a3ae;font-size:10px;line-height:1.6}.game-clock-note{gap:7px;color:var(--game-color)}.game-clock-note svg{flex-shrink:0}.game-round-summary{margin-top:20px;padding:13px 15px;border:1px solid #414148;border-radius:11px;background:#1c1c20}.game-summary-stats{display:flex;flex-wrap:wrap;align-items:center;gap:11px 19px}.game-summary-stats span{gap:6px;font-size:10px;color:#c0bfc8}.game-summary-stats strong{color:var(--game-color);font-size:12px}.game-summary-stats svg{color:var(--game-color)}.game-summary-stats small{font-size:9px;color:#92929e}.game-round-summary p{margin:10px 0 0;font-size:10px;line-height:1.65;color:var(--home-muted)}.game-raster-note{margin-top:11px;font-size:9px}.game-custom{margin-top:20px}.game-preset-row{gap:6px}.game-preset-row select{flex:1}.game-small-button{padding:9px 10px;border:1px solid #555061;border-radius:8px;color:var(--game-color);font-size:10px}.game-small-button:not(:disabled):hover{background:#3b3348}.game-stages{display:flex;flex-direction:column;gap:11px;margin:16px 0 12px;padding:0;list-style:none}.game-stage{padding:13px;border:1px solid #45424d;border-radius:12px;background:#29272e}.game-stage-header{gap:9px;margin-bottom:13px}.game-stage-number{display:grid;place-items:center;width:25px;height:25px;flex:0 0 auto;border-radius:50%;color:var(--game-color);background:#43374e;font-size:11px;font-weight:700}.home-sheet .game-stage-header input{font-weight:600;background:transparent;border-color:transparent}.home-sheet .game-stage-header input:focus{border-color:var(--home-accent)}.game-stage-actions{gap:2px}.game-stage-actions button{display:grid;place-items:center;width:28px;height:29px;color:#bcb5c7;border-radius:6px}.game-stage-actions button:not(:disabled):hover{background:#45384f;color:#e8d4fc}.game-stage-actions button:disabled{opacity:.25}.game-stage-fields{gap:10px 14px}.game-add-stage{display:flex;align-items:center;justify-content:center;width:100%;min-height:39px;gap:7px;border:1px dashed #6b577b;border-radius:9px;color:var(--game-color);font-size:11px}.game-add-stage small{margin-left:auto;color:#a898b6}.game-add-stage:not(:disabled):hover{background:#3b3043}.game-lobby button:focus-visible,.game-lobby input:focus-visible,.game-lobby select:focus-visible{outline:2px solid var(--home-accent);outline-offset:3px}.resumable-games{margin-bottom:22px;padding:17px 19px;border:1px solid #566284;border-radius:14px;background:#272c3e}.resumable-games h3{margin:0 0 11px;color:#d2dcff;font-size:14px}.resumable-game{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px 14px;padding-top:9px}.resumable-game+.resumable-game{margin-top:10px;border-top:1px solid #424b67}.resumable-game>span{font-size:11px;color:#d3d6e0}.resumable-game small{display:block;margin-top:4px;color:#a8b2cb;font-size:10px}.resumable-game button{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #788cc9;border-radius:8px;background:#3b496e;color:#edf1ff;font-size:11px}.work-game-label{color:var(--home-accent)!important;font-size:9px!important}@media(max-width:1100px)and (min-width:761px){.game-lobby{padding:20px}.game-mode-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.game-mode-tile{min-height:74px;gap:7px}.game-mode-tile:nth-last-child(-n+3){min-height:68px}}@media(max-width:560px){.game-lobby{padding:17px 14px;border-radius:17px;margin-bottom:22px}.game-lobby-heading{margin-bottom:16px}.game-lobby-heading h2{font-size:30px}.game-lobby-status{max-width:132px;font-size:9px}.game-mode-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.game-mode-tile{min-height:77px;padding:9px 2px;gap:7px;border-radius:10px}.game-mode-tile strong{font-size:9px}.game-mode-logo svg{width:23px;height:23px}.game-description{gap:9px}.game-detail-logo{width:32px;height:32px}.game-detail-logo svg{width:19px;height:19px}.game-description h3{font-size:17px}.game-description h3 span{display:block;margin:4px 0 0}.game-description p{font-size:11px}.game-preview-gallery{gap:7px}.game-preview-arrow{display:none}.game-preview-gallery figure{border-radius:8px}.game-preview-gallery figcaption{padding:7px;font-size:8px;align-items:flex-start;gap:4px}.game-settings-grid{gap:12px 10px}.game-field{font-size:10px}.home-sheet .game-field select,.home-sheet .game-field input{font-size:10px;padding-inline:8px}.home-sheet .game-number input{padding-right:40px}.game-number small{right:21px}.game-stage{padding:10px}.game-stage-header{gap:4px}.game-stage-number{width:20px;height:20px;font-size:10px}.game-stage-actions button{width:24px}.home-sheet .game-stage-header input{padding:6px 3px;font-size:10px}.game-custom>.game-settings-grid{grid-template-columns:1fr}}@media(max-width:360px){.game-settings-grid{grid-template-columns:1fr}.game-mode-tile strong{font-size:8px}}@media(prefers-reduced-motion:reduce){.game-mode-tile{transition:none}}.room-member-menu{position:relative;flex:0 0 auto}.room-member-menu>summary{display:grid;place-items:center;width:28px;height:30px;cursor:pointer;border-radius:6px;list-style:none;color:var(--muted, #a1a1aa)}.room-member-menu>summary::-webkit-details-marker{display:none}.room-member-menu>summary:hover{background:#ffffff12}.room-member-menu[open]{z-index:8}.game-teams-card:has(.room-member-menu[open]){position:relative;z-index:9;overflow:visible}.room-member-menu>div{position:absolute;z-index:20;right:0;top:100%;width:184px;padding:5px;border:1px solid #ffffff20;border-radius:10px;background:#25252b;box-shadow:0 10px 35px #0007}.room-member-menu button{display:flex;align-items:center;gap:9px;width:100%;border:0;padding:10px;border-radius:6px;background:transparent;color:#eee;text-align:left;font:inherit;font-size:12px;cursor:pointer}.room-member-menu button:hover{background:#ffffff12}.room-member-menu button:last-child{color:#f1a0a0}.room-ban-list{margin:12px 0;font-size:12px}.room-ban-list summary{cursor:pointer;color:#aaaab4}.room-ban-list ul{list-style:none;padding:0}.room-ban-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0}.room-ban-list li span{overflow:hidden;text-overflow:ellipsis}.room-ban-list button{border:1px solid #ffffff20;background:transparent;color:inherit;padding:5px 8px;border-radius:6px;cursor:pointer}.twitch-login{background:#9146ff!important;color:#fff!important}.drawing-playback{--playback-height: clamp(180px, 57vh, 800px);display:flex;flex-direction:column;min-width:0;min-height:0;width:100%;border:1px solid var(--border, #dad7e0);border-radius:16px;background:var(--panel, #fff);overflow:hidden}.drawing-playback-stage{position:relative;display:grid;place-items:center;padding:12px;height:var(--playback-height);min-height:0;flex:1 1 auto;width:100%;background:#e6e4e9;overflow:hidden}.drawing-playback-paper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;box-shadow:0 2px 12px #201a3020;overflow:hidden}.drawing-playback-surface,.drawing-playback-surface>canvas{display:block;width:100%;height:100%}.drawing-playback-surface{position:absolute;top:0;right:0;bottom:0;left:0}.drawing-playback-message{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;background:#f6f5f9ec;color:#40364f}.drawing-playback-cursor{position:absolute;pointer-events:none;z-index:1;color:#6242c8}.drawing-playback-cursor[data-active=false]{opacity:.35}.drawing-playback-cursor svg{display:block;width:22px;height:26px;fill:currentColor;stroke:#fff;stroke-width:1.5;filter:drop-shadow(0 1px 2px #0006)}.drawing-playback-cursor>span{display:flex;align-items:center;gap:4px;margin:-5px 0 0 16px;padding:3px 7px;border-radius:6px;background:#6242c8;color:#fff;font-size:11px;line-height:16px;white-space:nowrap;width:max-content}.drawing-playback-cursor[data-label-left=true]>span{margin-left:0;transform:translate(calc(-100% - 5px))}.drawing-playback-cursor[data-label-above=true]>span{position:absolute;bottom:100%;margin-bottom:4px}.drawing-playback-cursor img{width:16px;height:16px;border-radius:50%;object-fit:cover}.drawing-playback-controls{display:grid;gap:9px;padding:12px;flex:none}.drawing-playback-transport{display:flex;gap:8px;align-items:center;min-width:0}.drawing-playback-transport .icon-button{flex:none;min-width:34px;padding:7px}.drawing-playback-seek{flex:1;min-width:40px;width:100%;accent-color:#7658d6}.drawing-playback-time{flex:none;font-variant-numeric:tabular-nums;font-size:12px;white-space:nowrap}.drawing-playback-notice{position:absolute;top:8px;left:8px;right:8px;z-index:3;padding:8px 10px;border-radius:6px;background:var(--panel, #27272d);color:var(--text, #fff);font-size:12px;overflow-wrap:anywhere}.drawing-playback-speed select{width:62px;min-height:32px;padding:3px}.drawing-playback-downloads{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.drawing-playback-downloads .button{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:7px 10px}.drawing-playback-downloads>span{font-size:12px}.drawing-playback:fullscreen{--playback-height: calc(100dvh - 135px) ;width:100vw;height:100dvh;border:0;border-radius:0;background:var(--panel, #fff);color:var(--text, #302939)}.drawing-playback:fullscreen .drawing-playback-stage{flex:1;min-height:0}.drawing-playback:fullscreen .drawing-playback-controls{flex:none}@media(max-width:600px){.drawing-playback{--playback-height: 48vh;border-radius:12px}.drawing-playback-stage{padding:6px;min-height:0}.drawing-playback-controls{padding:8px;gap:8px}.drawing-playback-transport{gap:4px;flex-wrap:wrap}.drawing-playback-seek{order:2;flex-basis:100%}.drawing-playback-time{margin-right:auto}.drawing-playback-downloads{gap:5px}.drawing-playback-downloads .button{padding:6px 8px}.drawing-playback:fullscreen{--playback-height: calc(100dvh - 180px) }}.results-screen{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:248px minmax(0,1fr);overflow:hidden;background:var(--bg)}.result-mobile-toolbar,.result-sidebar-close,.result-sidebar-backdrop{display:none}.result-sidebar{min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--panel);padding:22px 12px 14px}.result-sidebar-heading{display:flex;align-items:center;gap:12px;padding:0 10px 22px}.result-sidebar-heading>svg{color:var(--accent)}.result-sidebar-heading h1{font-size:19px;margin:0}.result-sidebar-heading p{margin:5px 0 0;font-size:11px;color:var(--muted)}.result-sidebar-heading .icon-button{margin-left:auto}.result-album-list{display:flex;flex-direction:column;gap:7px;overflow:auto;min-height:0;flex:1}.result-album-button{display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:11px;padding:12px 10px;text-align:left;flex-shrink:0;min-width:0}.result-album-button:hover:not(:disabled){background:var(--raised)}.result-album-button.selected{background:var(--soft);border-color:var(--accent)}.result-album-button:disabled{opacity:.52}.result-avatar{width:37px;height:37px;flex:0 0 37px;display:grid;place-items:center;color:var(--accent);background:var(--raised);border:1px solid var(--line-strong);border-radius:12px;font-size:16px}.result-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.result-owner-avatars{display:flex;flex-shrink:0}.result-owner-avatars .result-avatar+.result-avatar{margin-left:-13px}.result-owner-more{font-size:11px}.result-album-shared .result-album-name strong{white-space:normal;overflow-wrap:anywhere}.result-album-name{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.result-album-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.result-album-name small{color:var(--muted);font-size:10px}.result-album-button>svg{flex-shrink:0;color:var(--muted)}.result-sidebar-footer{display:grid;gap:16px;padding:15px 7px 0;font-size:11px;color:var(--muted)}.result-sidebar-footer .button{justify-content:space-between;width:100%;font-size:11px}.result-main{overflow-y:auto;display:flex;flex-direction:column;min-width:0;min-height:0;padding:clamp(14px,2vw,28px);gap:14px}.result-heading{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-shrink:0}.result-heading h2{font-size:clamp(18px,2vw,25px);margin:4px 0 0;overflow-wrap:anywhere}.result-heading p{margin:0;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.result-heading-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.result-heading-actions .button{font-size:11px;padding:8px 11px}.result-step-meta{color:var(--muted);font-size:11px;display:flex;gap:15px;flex-wrap:wrap;justify-content:space-between}.result-step-meta span{display:inline-flex;gap:5px;align-items:center}.result-independent{color:var(--accent)}.result-stage{flex:1;min-height:160px;min-width:0;display:flex;align-items:stretch;justify-content:center;border-radius:14px;background:color-mix(in srgb,var(--panel) 60%,var(--bg));overflow:hidden}.result-stage>*{width:100%}.result-stage .drawing-playback{border-color:var(--line)}.result-stage .drawing-playback-stage{flex:1;min-height:0}.result-stage .drawing-playback-controls{flex-shrink:0}.result-preview{display:flex;flex-direction:column;min-height:0;min-width:0}.result-preview-image{position:relative;flex:1;min-height:0;display:grid;place-items:center}.result-preview-image>img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain}.result-preview-message{padding:20px;text-align:center;color:var(--muted);font-size:12px}.result-preview-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-shrink:0;gap:12px;padding:10px;background:var(--panel)}.result-preview-actions .button{min-height:38px}.result-preview-progress{width:min(180px,100%)}.result-preview-progress:has(>:empty),.result-preview-progress:empty{display:none}.result-text-card,.result-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(24px,5vw,70px);text-align:center;overflow:auto}.result-text-card>svg,.result-empty>svg{color:var(--accent)}.result-text-card blockquote{font-size:clamp(23px,3.3vw,49px);line-height:1.45;overflow-wrap:anywhere;margin:24px 0;max-width:900px}.result-text-card>span,.result-empty p{color:var(--muted);font-size:12px}.result-steps{display:flex;overflow-x:auto;gap:7px;flex-shrink:0;padding:2px 0}.result-bottom{display:flex;flex-direction:column;flex-shrink:0;gap:14px}.result-steps button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:53px;min-height:36px;border:1px solid var(--line);background:var(--panel);border-radius:8px;color:var(--muted)}.result-steps button[aria-current=step]{color:var(--accent);border-color:var(--accent);background:var(--soft)}.result-steps .result-work-step{flex-wrap:wrap;min-width:86px;padding:6px 8px}.result-work-step>.playback-preparation{flex-basis:100%}.result-controls{flex-shrink:0;display:flex;gap:12px;align-items:center;justify-content:space-between}.result-local-navigation{display:flex;gap:7px}.result-controls .button{min-height:38px;padding:9px 12px;font-size:11px}.result-waiting{color:var(--muted);font-size:11px}.result-setup{width:min(600px,100%);margin:auto;overflow:auto;padding:20px clamp(0px,2vw,30px)}.result-welcome-icon{display:grid;place-items:center;width:70px;height:70px;background:var(--soft);color:var(--accent);border-radius:21px;margin-bottom:24px}.result-setup h2{font-size:clamp(25px,3vw,34px);margin:0 0 12px}.result-setup>p{color:var(--muted);line-height:1.8;margin:0 0 24px}.result-setup form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.result-setup fieldset{display:flex;flex-direction:column;gap:17px;min-width:0;border:1px solid var(--line);border-radius:11px;padding:17px 13px;font-size:12px}.result-setup legend{padding:0 5px;color:var(--accent)}.result-setup label{display:flex;gap:9px;align-items:center;line-height:1.5}.result-setup input{accent-color:var(--accent)}.result-setup form>.button{grid-column:1 / -1;margin-top:6px;justify-content:center;min-height:45px}.result-interval{grid-column:1 / -1;justify-content:space-between;color:var(--muted);font-size:12px}.result-interval select{padding:7px;border-radius:7px}.result-share-link{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;padding:5px;gap:5px}.result-share-link input{min-width:0;flex:1;font-size:11px;padding:6px;border:0}.result-archive-status{flex:1;display:grid;place-content:center;text-align:center;gap:16px;padding:24px}.result-archive-status p{color:var(--muted)}@media(max-width:1000px){.results-screen{grid-template-columns:190px minmax(0,1fr)}.result-sidebar{padding-inline:8px}.result-heading-actions .button span{max-width:160px}.result-heading{align-items:flex-start}}@media(max-width:720px),(max-width:950px)and (max-height:500px){.results-screen{display:flex;flex-direction:column}.result-mobile-toolbar{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-bottom:1px solid var(--line);background:var(--panel)}.result-mobile-toolbar .button,.result-mobile-toolbar .icon-button{min-height:44px}.result-mobile-toolbar .button{padding:9px 12px;font-size:12px}.result-mobile-toolbar .icon-button{min-width:44px}.result-sidebar{display:none;position:absolute;z-index:4;inset:0 auto 0 0;width:min(300px,calc(100% - 48px));padding:14px 10px;box-shadow:8px 0 30px #0003}.results-screen[data-sidebar-open=true] .result-sidebar{display:flex}.result-sidebar-backdrop{display:block;position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;background:#0006}.result-sidebar-heading{flex-shrink:0;padding:0 6px 12px;gap:10px}.result-sidebar-heading h1{font-size:15px}.result-sidebar-heading p{font-size:10px}.result-sidebar-heading .icon-button{display:none}.result-sidebar-heading .result-sidebar-close{display:grid;place-items:center;min-width:44px;min-height:44px}.result-album-button{min-height:56px;padding:10px}.result-avatar{width:29px;height:29px;flex-basis:29px;border-radius:9px;font-size:13px}.result-album-name strong{font-size:12px}.result-sidebar-footer{flex-shrink:0;font-size:10px;padding-inline:5px}.result-sidebar-footer .button{font-size:10px;padding:7px}.result-main{flex:1;padding:12px 10px;gap:10px;overflow-y:auto}.result-bottom{gap:10px}.result-heading{flex-direction:column;gap:11px}.result-heading-actions{justify-content:flex-start;gap:6px}.result-heading-actions .button{padding:7px;font-size:10px}.result-stage{flex:1 0 260px}.result-text-card{padding:20px 12px}.result-text-card blockquote{font-size:23px}.result-controls{flex-wrap:wrap}.result-local-navigation{width:100%}.result-local-navigation .button{flex:1;justify-content:center}.result-host-next{width:100%;justify-content:center}.result-setup{padding:8px 0;overflow:visible}.result-setup form{grid-template-columns:1fr;gap:12px}.result-setup fieldset{gap:12px}.result-interval{flex-wrap:wrap}}@media(max-width:950px)and (max-height:500px)and (orientation:landscape){.result-mobile-toolbar{position:absolute;top:6px;left:8px;z-index:1;gap:4px;padding:0;border:0;background:transparent}.result-mobile-toolbar .button,.result-mobile-toolbar .icon-button{min-height:36px}.result-mobile-toolbar .button{padding:7px 9px;gap:6px;font-size:11px}.result-mobile-toolbar .icon-button{min-width:36px}.result-main{padding:6px 8px;gap:5px 12px}.result-main>*{order:2}.result-main>.result-heading{order:0}.result-main>.result-connection{order:1}.result-main:has(.result-setup){padding-top:50px}.result-step-meta,.result-share-link,.result-connection{flex-shrink:0}.result-heading{flex-direction:row;align-items:center;min-height:36px;padding-left:166px;gap:12px}.result-heading p{display:none}.result-heading h2{margin:0;font-size:16px}.result-heading-actions{justify-content:flex-end}.result-heading-actions .button{min-height:32px;padding:6px 8px;gap:6px}.result-heading-actions .button span{max-width:none}.result-step-meta{font-size:10px}.result-stage{flex:1 0 200px;min-height:200px;border-radius:9px}.result-bottom{flex-direction:row;align-items:center;gap:12px}.result-steps{flex:1;min-width:0}.result-steps button{min-height:32px;min-width:42px;gap:6px}.result-steps .result-work-step{flex-wrap:nowrap;padding:5px 7px}.result-work-step>.playback-preparation{flex-basis:auto;width:auto;min-width:76px;gap:3px;font-size:9px}.result-preview-actions{gap:8px;padding:5px 7px}.result-preview-actions .button{min-height:32px;padding:6px 9px;font-size:11px}.result-preview-progress{width:min(130px,100%)}.result-controls{flex-wrap:nowrap;gap:8px}.result-local-navigation,.result-host-next{width:auto}.result-controls .button{min-height:32px;padding:6px 9px;gap:6px;font-size:10px}.result-waiting{max-width:95px;font-size:10px}.result-setup{margin-top:auto}.result-setup form{grid-template-columns:1fr 1fr}.result-stage .drawing-playback-stage{padding:5px}.result-stage .drawing-playback-controls{display:flex;gap:8px;padding:5px 7px}.result-stage .drawing-playback-transport{flex:1;gap:5px;flex-wrap:nowrap}.result-stage .drawing-playback-seek{order:0;flex-basis:auto}.result-stage .drawing-playback-downloads{gap:4px}.result-stage .drawing-playback-downloads .button{padding:6px;gap:4px;font-size:10px}.result-stage .drawing-playback-time{font-size:10px}}.result-connection{padding:8px 10px;border-radius:8px;background:var(--soft);color:var(--muted);font-size:11px}.game-teams-screen{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-gutter:stable;color:var(--text);background:var(--bg)}.game-teams-content{max-width:1016px;margin:0 auto;padding:32px 28px 18px}.game-teams-topline,.game-teams-steps,.game-teams-steps li,.game-teams-invite,.game-teams-heading,.game-teams-rule,.game-teams-section-heading,.game-teams-section-heading h2,.game-teams-card-heading,.game-teams-capacity,.game-teams-player,.game-teams-player-name small,.game-teams-vacancy,.game-teams-actions,.game-teams-leave,.game-teams-ready{display:flex;align-items:center}.game-teams-topline{justify-content:space-between;gap:15px;margin-bottom:32px}.game-teams-steps{gap:11px;margin:0;padding:0;list-style:none;color:var(--muted);font-size:11px}.game-teams-steps li{gap:7px;white-space:nowrap}.game-teams-steps li[aria-current]{color:var(--accent);font-weight:600}.game-teams-steps li>span{display:grid;place-items:center;width:21px;height:21px;border:1px solid var(--line);border-radius:50%;font-size:10px}.game-teams-steps li[aria-current]>span{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.game-teams-steps .is-complete>svg{color:var(--success)}.game-teams-invite{gap:9px;padding:8px 0 8px 8px;color:var(--muted);font-size:11px}.game-teams-invite strong{margin-left:5px;color:var(--text);letter-spacing:1px}.game-teams-invite:not(:disabled):hover{color:var(--accent)}.game-teams-heading{justify-content:space-between;gap:20px;margin-bottom:25px}.game-teams-eyebrow{color:var(--accent);font-size:11px;font-weight:650;letter-spacing:1.5px;text-transform:uppercase}.game-teams-heading h1{margin:8px 0 11px;font-size:clamp(26px,3.3vw,38px);line-height:1.13;font-weight:750;letter-spacing:-1px}.game-teams-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.game-teams-heading-icon{display:grid;place-items:center;flex-shrink:0;width:67px;height:67px;border:1px solid #474b65;border-radius:21px;color:var(--accent);background:var(--soft);transform:rotate(5deg)}.game-teams-heading-icon>svg{transform:rotate(-5deg)}.game-teams-rule{gap:12px;padding:16px 18px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.game-teams-rule>svg{flex-shrink:0;color:var(--accent)}.game-teams-rule strong{display:block;font-size:12px;font-weight:600}.game-teams-rule small{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.6}.game-teams-total{margin-left:auto;padding-left:14px;color:var(--muted);font-size:11px;white-space:nowrap}.game-teams-note{margin:9px 2px 0;color:var(--muted);font-size:11px;line-height:1.6}.game-teams-unassigned{margin-top:22px;padding:18px;border:1px solid #53515c;border-radius:15px;background:#222226}.game-teams-unassigned.is-complete{border-color:var(--line)}.game-teams-section-heading{flex-wrap:wrap;justify-content:space-between;gap:12px}.game-teams-section-heading h2{gap:8px;margin:0;font-size:13px;font-weight:600}.game-teams-section-heading h2>svg{color:var(--muted)}.is-complete .game-teams-section-heading h2>svg{color:var(--success)}.game-teams-section-heading h2>span{padding:2px 6px;border-radius:5px;background:var(--raised);color:var(--muted);font-size:10px}.game-teams-randomize.button{min-height:38px;padding:8px 11px;gap:7px;font-size:11px}.game-teams-unassigned-list,.game-teams-members{margin:0;padding:0;list-style:none}.game-teams-unassigned-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin-top:17px}.game-teams-empty-note{margin:9px 0 0;color:var(--muted);font-size:11px}.game-teams-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;margin-top:22px}.game-teams-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.game-teams-card.is-your-team{border-color:color-mix(in srgb,var(--team-color) 55%,var(--line))}.game-teams-card-heading{gap:11px;min-height:72px;padding:16px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--team-color) 5%,var(--panel))}.game-teams-number{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border:1px solid color-mix(in srgb,var(--team-color) 35%,var(--panel));border-radius:11px;color:var(--team-color);background:color-mix(in srgb,var(--team-color) 12%,var(--panel));font-size:12px;font-weight:650}.game-teams-card-heading h2{min-width:0;margin:0;font-size:13px;font-weight:600}.game-teams-card-heading h2 small{display:block;margin-top:4px;color:var(--team-color);font-size:10px;font-weight:400}.game-teams-capacity{flex-shrink:0;gap:4px;margin-left:auto;color:var(--text);font-size:12px;font-variant-numeric:tabular-nums}.game-teams-capacity>span{color:var(--muted)}.game-teams-capacity.is-full{color:var(--team-color)}.game-teams-members{display:flex;flex-direction:column;gap:8px;padding:12px}.game-teams-player{min-width:0;min-height:50px;gap:9px;padding:7px;border:1px solid transparent;border-radius:9px;background:#29292e}.game-teams-player.is-you{border-color:#474751}.game-teams-avatar{position:relative;display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;color:#d5d5e4;background:#444452;font-size:13px;font-weight:650}.game-teams-avatar>img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.game-teams-avatar>i{position:absolute;right:-1px;bottom:0;width:8px;height:8px;border:2px solid #29292e;border-radius:50%;background:#9dceb0}.game-teams-avatar>i.is-offline{background:#99999f}.game-teams-player-name{min-width:0;flex:1}.game-teams-player-name>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550}.game-teams-player-name small{flex-wrap:wrap;gap:4px;margin-top:4px;color:var(--muted);font-size:9px;line-height:1.4}.game-teams-player-name small>svg{color:var(--warning)}.game-teams-assignment{flex-shrink:0;width:141px;max-width:47%;min-height:34px;padding:7px 6px;border-color:#48484f;border-radius:6px;background:#303035;font-size:10px}.game-teams-vacancy{gap:10px;min-height:50px;padding:7px;border:1px dashed #3e3e45;border-radius:9px;color:#93939e;font-size:11px}.game-teams-vacancy>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#29292e;color:#72727c}.game-teams-feedback{min-height:49px;padding:13px 2px}.game-teams-feedback p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.game-teams-feedback .game-teams-ready{gap:7px;color:var(--success)}.game-teams-feedback .game-teams-error{color:var(--danger)}.game-teams-feedback .game-teams-warning{color:var(--warning)}.game-teams-actions{position:sticky;bottom:-18px;gap:12px;padding:15px 0 20px;border-top:1px solid var(--line);background:var(--bg);box-shadow:0 -10px 16px var(--bg)}.game-teams-actions>.button{min-height:42px}.game-teams-start{margin-left:auto}.game-teams-leave{gap:7px;padding:11px 8px;color:var(--muted);font-size:11px}.game-teams-leave:not(:disabled):hover{color:var(--text)}.game-teams-waiting{margin-right:auto;color:var(--muted);font-size:11px}@media(max-width:760px){.game-teams-content{padding:23px 18px 18px}.game-teams-topline{flex-wrap:wrap;gap:10px;margin-bottom:24px}.game-teams-heading-icon{width:53px;height:53px;border-radius:17px}.game-teams-unassigned-list,.game-teams-grid{grid-template-columns:minmax(0,1fr)}.game-teams-rule{padding:13px}.game-teams-total{display:none}}@media(max-width:420px){.game-teams-content{padding-inline:12px}.game-teams-heading{gap:11px}.game-teams-heading h1{max-width:230px;font-size:29px}.game-teams-heading p{font-size:11px}.game-teams-unassigned{padding:13px}.game-teams-section-heading{align-items:stretch;flex-direction:column}.game-teams-randomize.button{align-self:stretch;min-height:42px}.game-teams-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.game-teams-actions>.button{gap:6px;padding-inline:11px;font-size:11px}.game-teams-leave{gap:4px;padding-inline:5px}.game-teams-start{grid-column:1 / -1;width:100%;margin-left:0}}.redesigned-app{min-height:0;background:var(--bg)}.home-workspace{--home-page: #18181b;--home-card: #222225;--home-raised: #2c2c30;--home-border: #3c3c42;--home-text: #ededee;--home-muted: #ababb2;--home-accent: #a2b2fa;--home-peach: #e1a28f;--home-honey: #dbc68f;--peek-width: 180px;--preview-width: min(570px, max(320px, calc((100dvh - 310px) / .95)));position:relative;isolation:isolate;flex:1;min-height:0;overflow:hidden;color:var(--home-text);background:#1d1d20;font-family:Trebuchet MS,Segoe UI,sans-serif;color-scheme:dark}.home-sheet{position:absolute;inset:0 var(--peek-width) 0 0;z-index:20;padding:0 0 32px var(--peek-width);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-gutter:stable both-edges;scrollbar-color:#45454d transparent;overscroll-behavior:contain;scroll-behavior:smooth;background:var(--home-page);border-right:1px solid #333338;box-shadow:15px 0 28px #00000029;transition:transform .48s cubic-bezier(.22,.72,.13,1)}.testing .home-sheet{transform:translate(-100%)}.home-content,.home-footer{max-width:800px;margin-inline:auto}.lobby-stage{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:100dvh;padding:44px 8px 92px}.title-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;margin-bottom:44px}.home-wordmark{grid-column:2;margin:0;color:var(--home-text);font-size:clamp(86px,8.5vw,116px);font-weight:900;letter-spacing:-9px;line-height:1;white-space:nowrap}.home-wordmark>a{display:inline-flex;align-items:baseline}.home-wordmark .wordmark-w{display:inline-block;margin-right:4px;color:var(--home-accent);transform:rotate(-10deg)}.home-wordmark .wordmark-dot{margin-left:6px;color:var(--home-peach)}.profile-button{display:inline-flex;align-items:center;gap:10px;padding:6px;min-width:0;border-radius:10px;font-size:12px;color:#ededee}.profile-button>span:not(.user-avatar){min-width:0;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-button>svg{flex-shrink:0;color:#ababb2}.profile-button:hover>span:not(.user-avatar){color:#a2b2fa}.title-row .profile-button{grid-column:3;place-self:center;max-width:100%;translate:0 8px}.user-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:45% 48% 44%;background:#e1a28f;color:#503944;font-size:16px;font-weight:700;overflow:hidden}.title-row .user-avatar{transform:rotate(-8deg)}.user-avatar img{width:100%;height:100%;object-fit:cover}.mobile-test-link{display:none}.room-desk{min-width:0}.lobby-cards{display:grid;grid-template-columns:1.35fr 1fr;gap:28px;align-items:stretch}.host-room,.join-room{position:relative;min-width:0;padding:29px 26px;border:1px solid #45454c;border-radius:23px;background:var(--home-card);box-shadow:0 6px #101012,0 14px 26px #00000020}.host-room{display:flex;flex-direction:column;transform:rotate(-2deg)}.host-room:before,.host-room:after{content:"";position:absolute;bottom:84px;width:12px;height:20px;background:var(--home-page);pointer-events:none}.host-room:before{left:-1px;border-radius:0 12px 12px 0}.host-room:after{right:-1px;border-radius:12px 0 0 12px}.lobby-eyebrow{display:block;margin-bottom:10px;color:var(--home-accent);font-size:9px;font-weight:800;letter-spacing:1.7px}.host-room h2,.join-room h2{margin:0;color:var(--home-text);font-size:29px;letter-spacing:-.85px;font-weight:800;line-height:1.2}.room-description{margin:9px 0 0;color:var(--home-muted);font-size:12px;line-height:1.65}.host-room>.field-label{margin-top:19px;margin-bottom:0}.room-mode-select{display:flex;gap:7px;margin:23px 0 19px}.room-mode-select>button{display:flex;flex:1;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:42px;padding:9px 8px;border:1px solid #424248;border-radius:9px;background:#2b2b30;color:#c8c8cf;text-align:center;transition:border-color .14s,background .14s}.room-mode-select>button[aria-pressed=true]{border-color:#899ada;background:#3d435d;color:#edf0ff}.room-mode-select>button:hover{border-color:var(--home-accent)}.room-mode-select strong{font-size:10px;font-weight:700;line-height:1.4}.room-mode-select svg{width:16px;height:16px;flex:0 0 auto}.room-desk .inline-label{justify-content:space-between;margin-bottom:17px;color:var(--home-muted);font-size:11px}.room-desk .inline-label select{min-width:95px;padding:7px 10px}.home-sheet input,.home-sheet select,.settings-dialog input,.settings-dialog select{color:#ededee;background:#1a1a1d;border:1px solid #45454c;border-radius:9px}.home-sheet input::placeholder,.settings-dialog input::placeholder{color:#9797a1}.home-sheet input:focus,.home-sheet select:focus,.settings-dialog input:focus,.settings-dialog select:focus{outline-color:#a2b2fa;border-color:#a2b2fa}.home-sheet .button.primary,.settings-dialog .button.primary{min-height:44px;background:#a2b2fa;color:#252c48;border-radius:10px;font-weight:800;box-shadow:0 4px #687bbc;transition:background .15s,transform .15s,box-shadow .15s}.host-room>.button.primary{justify-content:space-between;margin-top:auto}.home-sheet .button.primary:not(:disabled):hover,.settings-dialog .button.primary:not(:disabled):hover{background:#b4c1ff;transform:translateY(-1px);box-shadow:0 5px #687bbc}.home-sheet .button.primary:not(:disabled):active,.settings-dialog .button.primary:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px #687bbc}.home-sheet .button.secondary,.settings-dialog .button.secondary{border:1px solid #45454d;background:#303036;color:#ededee}.home-sheet .button.secondary:not(:disabled):hover,.settings-dialog .button.secondary:not(:disabled):hover{background:#3b3b44}.join-room{border-radius:23px 36px 23px 23px;background:#27272b;transform:rotate(2.4deg) translateY(8px)}.join-room h2{font-size:25px;letter-spacing:-.5px}.friends{display:flex;align-items:flex-end;gap:2px;margin:0 0 22px 3px}.friend{position:relative;display:inline-block;width:35px;height:35px;border-radius:45% 48% 35% 36%;border:2px solid #27272b;box-shadow:0 2px #0003}.friend+.friend{margin-left:-4px}.friend-blue{height:41px;background:var(--home-accent);transform:rotate(-9deg)}.friend-pink{background:var(--home-peach);transform:rotate(5deg)}.friend-cream{background:var(--home-honey);transform:rotate(-7deg)}.friend:before,.friend:after{content:"";position:absolute;top:12px;width:3px;height:5px;border-radius:50%;background:#383b4d}.friend:before{left:9px}.friend:after{right:8px}.friend-blue:before,.friend-blue:after{top:15px}.friend i{display:none}.friend b{position:absolute;left:12px;top:21px;width:7px;height:4px;border-bottom:1.5px solid #383b4d;border-radius:50%}.friend-blue b{top:26px}.join-form{margin-top:25px}.join-form>.field-label[for]{margin-bottom:7px}.field-label{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;color:#c5c5cc;font-size:11px;font-weight:550}.field-label input{width:100%;padding:11px 12px;font-size:12px}.join-row{display:flex;gap:5px;padding:4px;border:1px solid #45454c;border-radius:10px;background:#1a1a1d}.join-row:focus-within{border-color:var(--home-accent)}.join-row input{width:0;flex:1;min-width:0;min-height:37px;padding:7px 8px;border:0;background:transparent;text-transform:uppercase;font-size:12px;letter-spacing:.35px}.join-row input:focus{outline:none}.join-row .button.secondary{flex-shrink:0;gap:6px;min-height:37px;padding:8px 10px;border:0;border-radius:6px;background:#3d3d45;color:#dbdbe5;font-size:11px}.room-identity{display:flex;align-items:center;flex-wrap:wrap;gap:5px 9px;margin:0 0 15px;color:var(--home-muted);font-size:11px;line-height:1.5}.room-identity strong{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--home-text)}.home-sheet .text-button,.settings-dialog .text-button{display:inline-flex;align-items:center;gap:7px;padding:5px 0;color:#a2b2fa;font-size:11px;text-decoration:none;text-underline-offset:4px}.home-sheet .text-button:not(:disabled):hover,.settings-dialog .text-button:not(:disabled):hover{text-decoration:underline}.host-room>.text-button{align-self:flex-start;margin-top:18px}.home-room-note{margin:31px 10px 0;color:var(--home-muted);font-size:11px;line-height:1.65;text-align:center}.room-desk .room-code{display:flex;align-items:center;flex-wrap:wrap;gap:9px 13px;margin:0;padding:21px 0 15px;border:0;background:transparent}.room-desk .room-code>span{color:var(--home-muted);font-size:10px}.room-desk .room-code strong{color:var(--home-accent);font-size:23px;letter-spacing:3px;overflow-wrap:anywhere}.room-desk .room-code>button{color:var(--home-accent)}.room-desk .player-list{display:flex;flex-direction:column;gap:0;max-height:260px;margin:5px 0 22px;overflow-y:auto;scrollbar-width:thin}.room-desk .player{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #3c3c42;background:transparent;color:var(--home-text);font-size:12px}.room-desk .player>span:nth-child(2){min-width:0;overflow-wrap:anywhere}.room-desk .player>.connection-dot{margin-left:auto}.room-desk .player small{display:block;margin-top:3px;color:var(--home-muted);font-size:10px}.connection-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#dbc68f}.connection-dot.connected{background:#9dceb0}.quiet-note{display:flex;align-items:center;gap:8px;color:#ababb2;font-size:11px;line-height:1.7}.home-sheet .error-box{margin-top:24px;padding:13px 16px;border:1px solid #7c4c50;border-radius:11px;background:#38262b;color:#f3b6b1;font-size:12px;line-height:1.6}.works-cue{position:absolute;bottom:28px;left:50%;display:inline-flex;align-items:center;gap:13px;padding:8px;transform:translate(-50%);color:var(--home-muted);font-size:11px;white-space:nowrap}.works-cue svg,.works-cue>span{color:var(--home-accent)}.works-cue:hover{color:var(--home-text)}.works-desk{min-width:0;padding:56px 8px 12px;border-top:1px solid var(--home-border)}#works-heading{scroll-margin-top:40px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.section-heading h1,.section-heading h2{margin:0;font-size:26px;font-weight:800;letter-spacing:-.65px;line-height:1.2}.section-heading h2>span{margin-left:10px;color:#91919e;font-size:11px;font-weight:500;letter-spacing:0;vertical-align:3px}.works-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 18px;align-items:start}.new-work-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:160px;padding:17px 10px;border:1px dashed #626271;border-radius:11px;background:#242427;color:var(--home-text);transition:background .15s,border-color .15s}.new-work-card:not(:disabled):hover{border-color:var(--home-accent);background:#2c2c33}.new-work-card>span{display:grid;place-items:center;width:39px;height:39px;margin-bottom:3px;border-radius:12px;color:var(--home-accent);background:#34394d;transform:rotate(-7deg)}.new-work-card strong{font-size:12px;font-weight:700}.new-work-card small{color:var(--home-muted);font-size:10px}.work-card{min-width:0;padding:0;text-align:left}.work-preview{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1.52;padding:5px;overflow:hidden;border:1px solid #494950;border-radius:10px;background:#343438;color:var(--home-muted);box-shadow:0 3px #111113;transition:transform .17s,border-color .17s}.work-card:nth-child(3n+2) .work-preview{transform:rotate(-2deg)}.work-card:nth-child(3n) .work-preview{transform:rotate(2deg)}.work-card:nth-child(3n+4) .work-preview{transform:rotate(-1.3deg)}.work-card:not(:disabled):hover .work-preview{transform:rotate(0) translateY(-3px);border-color:#899ada}.work-preview img{display:block;width:100%;height:100%;border-radius:5px;background:#fff;object-fit:contain}.work-caption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 9px;padding:13px 1px 5px}.work-caption strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700}.work-caption small{color:var(--home-muted);font-size:9px;white-space:nowrap}.library-signin{display:flex;align-items:center;gap:14px;margin-top:28px;padding:22px 0;border-top:1px solid var(--home-border);color:var(--home-muted)}.library-signin>svg{flex-shrink:0;color:var(--home-accent)}.library-signin strong{color:var(--home-text);font-size:12px;font-weight:600}.library-signin p{max-width:330px;margin:6px 0 0;font-size:11px;line-height:1.6}.library-signin .text-button{margin-left:auto}.legacy-work{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:15px;padding:13px 15px;border:1px solid var(--home-border);border-radius:9px;background:var(--home-card);color:var(--home-muted);font-size:11px}.home-footer{display:flex;justify-content:space-between;gap:20px;margin-top:32px;padding:20px 8px 0;border-top:1px solid var(--home-border);color:var(--home-muted);font-size:10px;line-height:1.5}.home-footer>span{display:inline-flex;align-items:center;gap:7px}.home-footer>span>svg{flex-shrink:0;color:#9dceb0}.sandbox-preview{position:absolute;z-index:2;top:50%;right:24px;width:var(--preview-width);padding:11px;border:1px solid #48484f;border-radius:17px;background:#29292e;box-shadow:5px 7px #111113;translate:0 -50%;transform:rotate(2.5deg);transform-origin:right center;transition:transform .32s cubic-bezier(.22,.72,.13,1),box-shadow .32s;cursor:pointer;-webkit-user-select:none;user-select:none}.previewing .sandbox-preview{transform:rotate(0) scale(1.055);box-shadow:7px 12px #111113,0 20px 45px #0000003d}.sandbox-preview-head{display:flex;align-items:center;gap:7px;min-height:30px;padding:0 4px;color:#ededee;font-size:10px}.sandbox-preview-head>span:first-child{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:var(--home-honey)}.sandbox-preview-head small{margin-left:6px;color:var(--home-muted);font-size:7px;letter-spacing:.7px}.sandbox-preview-modes{display:flex;align-items:center;gap:3px;width:fit-content;margin:4px 0 10px;padding:3px;border-radius:8px;background:#1e1e23;color:var(--home-muted);font-size:9px}.sandbox-preview-modes span{padding:6px 11px;border-radius:5px}.sandbox-preview-modes span.selected{background:#788abe;color:#17213d;font-weight:700}.sandbox-preview-art{aspect-ratio:600 / 570;overflow:hidden;border-radius:7px;background:#c4bcb0}.sandbox-preview-art img{display:block;width:100%;height:100%;object-fit:cover;transform:translate(22%)}.sandbox-preview-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:45px;padding:8px 2px 0;color:var(--home-muted)}.sandbox-preview-footer>span,.sandbox-preview-footer>i{display:inline-block;width:19px;height:19px;border:2px solid #29292e;border-radius:50%;background:var(--swatch, #a2b2fa)}.sandbox-preview-footer>span:first-of-type,.sandbox-preview-footer>i:first-of-type{box-shadow:0 0 0 1px #a2b2fa}.sandbox-preview-footer>i:nth-of-type(2){background:#e1a28f}.sandbox-preview-footer>i:nth-of-type(3){background:#dbc68f}.sandbox-preview-footer>i:nth-of-type(4){background:#9dceb0}.sandbox-peek{position:absolute;z-index:22;top:-66px;right:3px;display:flex;align-items:center;gap:9px;width:175px;min-height:69px;padding:12px 13px;border-radius:13px 13px 13px 4px;background:var(--home-peach);color:#503944;text-align:left;box-shadow:0 4px #936a66;transform:rotate(1deg);transition:transform .17s,background .17s}.sandbox-peek:hover{background:#edb19e;transform:rotate(0) translateY(-2px)}.sandbox-peek>svg{width:25px;height:25px;flex-shrink:0}.sandbox-peek>span:not(.peek-arrow){display:flex;flex-direction:column;gap:3px;line-height:1.35}.sandbox-peek strong{font-size:12px;font-weight:800;white-space:nowrap}.sandbox-peek small{font-size:11px}.peek-arrow{position:absolute;right:19px;bottom:-35px;color:var(--home-peach);font-size:30px;line-height:1;transform:rotate(105deg)}.peek-arrow svg{width:28px;height:28px}.testing .sandbox-preview,.testing .sandbox-peek{visibility:hidden;pointer-events:none}.sandbox-editor{position:absolute;z-index:4;top:52px;right:0;bottom:0;left:42px}.sandbox-editor[aria-hidden=true]{visibility:hidden;pointer-events:none}.sandbox-editor .editor.editor-mode-focus:not(.compact){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sandbox-options{position:absolute;z-index:3;inset:0 0 auto 42px;height:52px;display:flex;align-items:center;justify-content:center;gap:15px;padding:0 14px;border-bottom:1px solid #3c3c42;background:#222225}.sandbox-options>.icon-button{margin-left:auto}.sandbox-options>.interface-switch{margin-left:auto}.sandbox-session-label{color:#ededee;font-size:11px;white-space:nowrap}.sandbox-session-label small{margin-left:10px;color:#ababb2;font-size:10px}.home-workspace:not(.testing) .sandbox-options,.home-workspace:not(.testing) .sandbox-return{visibility:hidden;pointer-events:none}.sandbox-return{position:absolute;z-index:3;inset:0 auto 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:42px;border-right:1px solid #45454c;background:#27272b;color:#a2b2fa}.sandbox-return:hover{background:#303036}.sandbox-return span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;letter-spacing:1px}.wordmark{color:#ededee;font-size:26px;font-weight:900;letter-spacing:-1.8px;white-space:nowrap}.wordmark>span{margin-left:3px;color:#e1a28f}.interface-switch{display:flex;gap:5px}.interface-switch>button{position:relative;display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 12px;border:1px solid transparent;border-radius:8px;color:#ababb2}.interface-switch>button[aria-pressed=true]{border-color:#7182bb;background:#383f59;color:#e5eaff}.interface-switch>button:not([aria-pressed=true]):hover{background:#303036;color:#ededee}.interface-switch strong{font-size:11px;font-weight:600}.mode-diagram{display:flex;gap:2px;width:26px;height:20px;padding:3px;border:1px solid currentColor;border-radius:3px;opacity:.8}.mode-diagram i{display:block;width:3px;height:100%;background:currentColor;opacity:.6}.mode-diagram i:nth-child(2){flex:1;background:transparent}.diagram-simple i:last-child,.diagram-focus i{display:none}.diagram-focus{justify-content:center;align-items:flex-start}.diagram-focus i:nth-child(2){display:block;flex:none;width:10px;height:2px;background:currentColor}.document-header{display:flex;align-items:center;flex-shrink:0;gap:15px;height:54px;padding:0 18px;border-bottom:1px solid #3c3c42;background:#222225;color:#ededee}.document-header .wordmark{font-size:23px}.document-header .interface-switch{margin-left:auto}.document-header .interface-switch .mode-diagram{display:none}.document-header .interface-switch>button{min-height:30px;padding:5px 9px}.document-status{display:flex;align-items:center;gap:10px;min-width:0;color:#ababb2;font-size:10px}.document-status strong{color:#ededee;font-weight:600;white-space:nowrap}.document-status time{font-variant-numeric:tabular-nums}.editor-account-controls{display:grid;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--line)}.editor-account-controls .interface-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-width:0}.editor-account-controls .interface-switch>button{justify-content:center;min-width:0;gap:4px;min-height:34px;padding:5px 4px}.editor-account-controls .interface-switch .mode-diagram{display:none}.editor-account-controls .interface-switch strong{font-size:10px}.editor-account-controls .profile-button{max-width:100%;font-size:11px}.editor-account-controls .profile-button>span:not(.user-avatar){min-width:0;flex:1}.settings-backdrop{z-index:150;background:#08080bc2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-dialog{display:flex;flex-direction:column;width:min(590px,calc(100vw - 30px));max-height:min(820px,calc(100dvh - 50px));border:1px solid #45454c;border-radius:19px;background:#222225;color:#ededee;box-shadow:0 20px 80px #0006;outline:none;overflow:hidden;color-scheme:dark}.settings-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:22px 26px 16px}.settings-dialog h2{margin:0;font-size:23px;font-weight:750;letter-spacing:-.6px}.settings-tabs{display:flex;gap:22px;padding:0 26px;border-bottom:1px solid #3c3c42}.settings-tabs button{padding:12px 0;border-bottom:2px solid transparent;color:#ababb2;font-size:12px}.settings-tabs button[aria-current]{border-color:#a2b2fa;color:#a2b2fa}.settings-content{min-height:250px;padding:25px 26px 30px;overflow-y:auto;scrollbar-width:thin}.settings-content h3{margin:0 0 18px;font-size:14px;font-weight:650}.settings-content h3:not(:first-child){margin-top:28px}.settings-note{margin:0 0 20px;color:#ababb2;font-size:11px;line-height:1.8}.settings-content .button+.settings-note{margin-top:15px}.settings-dialog footer{padding:13px 26px;border-top:1px solid #3c3c42;color:#ababb2;font-size:10px}.account-heading{display:flex;align-items:center;gap:20px;margin-bottom:25px}.account-heading>div{min-width:0}.account-heading h3{margin:0 0 8px;font-size:21px;overflow-wrap:anywhere}.account-heading>div>span{color:#ababb2;font-size:10px}.logout-button{margin-top:20px}.interface-switch.detailed{flex-direction:column;gap:8px;margin:0 0 28px}.interface-switch.detailed>button{gap:17px;padding:15px;text-align:left}.interface-switch.detailed>button>svg{flex-shrink:0;margin-left:auto}.interface-switch.detailed small{display:block;margin-top:5px;color:#ababb2;font-size:10px;line-height:1.5}.picker-preferences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}.picker-preferences button{display:flex;flex-direction:column;align-items:center;gap:12px;padding:15px 8px;border:1px solid #45454c;border-radius:10px;font-size:10px}.picker-preferences button[aria-pressed=true]{border-color:#7182bb;background:#383f59}.picker-symbol{width:35px;height:35px;border-radius:3px;background:linear-gradient(to top,#111628,transparent),linear-gradient(to right,#fff,#657ed6)}.picker-wheel{border-radius:50%;background:conic-gradient(#e86752,#d4ce56,#68ae5b,#5eafc9,#8d70ce,#e86752)}.picker-sliders{background:linear-gradient(to bottom,#c96a52 0 20%,transparent 20% 40%,#79a15b 40% 60%,transparent 60% 80%,#6389a0 80%)}.binding-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid #3c3c42;font-size:11px}.key-capture{min-width:63px;padding:6px 10px;border:1px solid #4a4a54;border-radius:6px;background:#303036;font-size:11px}.key-capture.capturing{min-width:145px;border-color:#a2b2fa;background:#a2b2fa;color:#252c48}.settings-actions{display:flex;justify-content:space-between;gap:15px;margin-top:24px}@media(max-width:1200px){.home-workspace{--peek-width: 156px}.home-content,.home-footer{max-width:760px}.lobby-stage{padding-inline:16px}.lobby-cards{gap:21px}.host-room,.join-room{padding:26px 21px}.host-room h2{font-size:26px}.room-mode-select>button{gap:5px;padding-inline:6px}.room-mode-select strong{font-size:9px}.sandbox-preview{right:20px}.sandbox-peek{right:-2px;width:161px;padding-inline:10px;gap:7px}.sandbox-peek>svg{width:21px;height:21px}}@media(max-width:1000px){.home-workspace{--peek-width: 136px}.lobby-stage{padding-inline:20px}.lobby-cards{grid-template-columns:1.2fr 1fr;gap:18px}.host-room,.join-room{padding:24px 18px}.host-room h2{font-size:24px}.join-room h2{font-size:23px}.room-mode-select svg{display:none}.room-description{font-size:11px}.title-row .profile-button{flex-direction:column;gap:5px;font-size:10px}.title-row .profile-button>svg{display:none}.sandbox-peek{right:-2px;width:141px}.sandbox-peek>svg{display:none}.sandbox-peek strong{font-size:11px}.works-desk{padding-inline:20px}.works-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 15px}.home-footer{margin-inline:20px;padding-inline:0}}@media(min-width:761px)and (max-height:740px){.home-wordmark{font-size:88px;letter-spacing:-7px}.lobby-stage{padding-top:30px;padding-bottom:75px}.host-room,.join-room{padding-block:24px}.friends{margin-bottom:17px}.works-cue{bottom:20px}}@media(max-width:760px){.home-workspace{--peek-width: 0px}.home-sheet{padding:0 25px 30px;border-right:0}.lobby-stage{padding:55px 0 83px}.home-wordmark{font-size:88px;letter-spacing:-7px}.mobile-test-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;color:var(--home-accent);font-size:11px;flex-basis:auto;margin:-25px 0 26px}.sandbox-preview,.sandbox-peek,.sandbox-session-label{display:none}.lobby-cards{grid-template-columns:1.25fr 1fr;gap:20px}.host-room,.join-room{padding:25px 21px}.works-desk{padding:42px 0 8px}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.home-footer{margin-inline:0}.interface-switch>button{gap:5px;padding:8px}.interface-switch .mode-diagram{display:none}.interface-switch.detailed .mode-diagram{display:flex;flex-shrink:0}.document-header{gap:8px;padding:0 9px}.document-header .wordmark{display:none}.document-header .interface-switch strong{font-size:9px}.document-header .interface-switch>button{padding:5px}.document-status>strong{max-width:160px;overflow:hidden;text-overflow:ellipsis}.document-status .drawing-prompt{display:none}.document-header .profile-button{gap:5px;max-width:95px;padding-inline:0;font-size:10px}.document-header .profile-button .user-avatar{display:none}}@media(max-width:540px){.home-wordmark{font-size:72px;letter-spacing:-5px}.home-wordmark .wordmark-w{margin-right:2px}.home-wordmark .wordmark-dot{margin-left:2px}.title-row .profile-button{max-width:76px;padding-inline:0;font-size:9px}.title-row .profile-button>span:not(.user-avatar){max-width:68px}.title-row .user-avatar{width:28px!important;height:28px!important}.lobby-cards{grid-template-columns:1fr;gap:25px}.host-room,.join-room{padding:25px}.host-room{transform:rotate(-1.6deg)}.host-room h2{font-size:28px}.room-mode-select strong{font-size:10px}.room-mode-select svg{display:block}.join-room{transform:rotate(1.7deg)}.friends{position:absolute;top:22px;left:23px;margin:0}.join-room h2{margin-left:106px;font-size:22px}.join-room>.room-description{margin:7px 0 0 106px;font-size:10px}.join-form{margin-top:25px}.has-room .join-room .friends{position:relative;top:auto;left:auto;margin-bottom:19px}.has-room .join-room h2,.has-room .join-room>.room-description{margin-left:0}.works-cue{bottom:20px}.section-heading h2{font-size:24px}.new-work-card{min-height:146px;padding-inline:7px}.new-work-card strong{font-size:11px}.library-signin{flex-wrap:wrap;gap:12px}.library-signin>div{flex:1}.library-signin .text-button{margin-left:34px}.home-footer{flex-wrap:wrap;gap:8px;font-size:9px}.sandbox-options{gap:5px;padding-inline:7px}.sandbox-options .interface-switch{gap:2px}.sandbox-options .interface-switch>button{padding-inline:6px}.sandbox-options .interface-switch strong{font-size:10px}.settings-content,.settings-dialog>header{padding:20px}.settings-tabs{padding-inline:20px}.settings-dialog footer{padding-inline:20px}.settings-actions{gap:10px}.settings-actions .button{padding-inline:12px;font-size:11px}}@media(max-width:360px){.home-sheet{padding-inline:20px}.home-wordmark{font-size:64px}.host-room,.join-room{padding-inline:20px}.host-room h2{font-size:25px}.friends{left:20px}.room-mode-select strong{font-size:9px}.works-grid{gap:20px 13px}.key-capture.capturing{min-width:120px}}@media(max-width:650px),(max-width:1000px)and (max-height:540px){.home-workspace{--peek-width: 0px}.home-sheet{padding-inline:25px;border-right:0}.sandbox-preview,.sandbox-peek{display:none}.mobile-test-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;margin:-25px 0 26px;color:var(--home-accent);font-size:11px}.sandbox-return{inset:0 auto auto 0;width:42px;height:52px;border-right:0;background:transparent}.sandbox-return span,.sandbox-session-label{display:none}.sandbox-options{left:0;padding-left:44px}.sandbox-editor{left:0}}.home-workspace.in-room .home-content{max-width:1120px}.home-workspace.in-room .lobby-stage{justify-content:flex-start;min-height:auto;padding-bottom:40px}.home-workspace .home-footer{max-width:none;margin-inline:8px;padding-inline:0}.home-footer>button{margin-left:auto}.home-resumable-games{margin-top:34px;margin-bottom:0}.resumable-game>span{min-width:0;flex:1 1 220px}.resumable-players{overflow-wrap:anywhere;line-height:1.5}.room-lobby-layout{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:start;gap:24px}.room-lobby-layout .lobby-cards{grid-template-columns:minmax(0,1fr);gap:20px}.room-lobby-layout .host-room,.room-lobby-layout .join-room{transform:none}.room-lobby-layout .player>span:nth-child(2){display:block;flex:1}.room-lobby-layout .player-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-lobby-layout .player small{display:inline-block;white-space:nowrap}.room-lobby-layout .game-lobby{min-width:0;margin-bottom:0}@media(min-width:1001px)and (max-width:1280px){.room-lobby-layout{grid-template-columns:250px minmax(0,1fr);gap:20px}.room-lobby-layout .game-mode-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){.room-lobby-layout{grid-template-columns:minmax(0,1fr)}.room-lobby-layout .lobby-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1200px){.home-workspace{--peek-width: 0px}.home-sheet{padding-inline:25px;border-right:0;box-shadow:none}.sandbox-preview{display:none}.mobile-test-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;margin:-25px 0 26px;color:var(--home-accent);font-size:11px}.home-workspace .home-footer{margin-inline:16px}}@media(max-width:1000px){.home-workspace .home-footer{margin-inline:20px}}@media(max-width:760px){.home-workspace .home-footer{margin-inline:0}}@media(max-width:540px){.room-lobby-layout .lobby-cards{grid-template-columns:minmax(0,1fr)}}@media(max-width:360px){.home-sheet,.home-workspace.in-room .home-sheet{padding-inline:20px}}@media(prefers-reduced-motion:reduce){.home-sheet{scroll-behavior:auto;transition:none}.home-sheet *,.sandbox-peek,.sandbox-preview{transition:none!important}}.new-canvas-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #514a68;border-radius:20px;padding:24px;color:#f5f0fb;background:#242133}.new-canvas-dialog::backdrop{background:#100c20b8}.new-canvas-dialog form,.new-canvas-dialog label{display:flex;flex-direction:column;gap:10px}.new-canvas-dialog form{gap:20px}.new-canvas-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}.new-canvas-dialog h2,.new-canvas-dialog p{margin:0}.new-canvas-dialog select,.new-canvas-dialog input{width:100%;min-width:0}.new-canvas-dimensions{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:12px}.new-canvas-dimensions>span{padding-bottom:12px}.game-result-preview{position:relative;background:linear-gradient(145deg,#343c58,#292b37);color:#a9b9f0}.game-result-badge{position:absolute;bottom:8px;left:8px;display:inline-flex;align-items:center;gap:5px;max-width:calc(100% - 16px);padding:5px 7px;border-radius:6px;background:#202331ed;color:#e2e8ff;font-size:9px;font-weight:600}.game-result-caption{gap:9px}.game-result-caption>strong{flex:1}.game-result-participants{display:flex;align-items:center;gap:7px;width:100%;min-width:0}.game-result-participants>small{white-space:normal}.game-result-avatars{display:flex;flex-shrink:0;padding-left:4px}.game-result-avatars .user-avatar{width:23px;height:23px;min-width:23px;margin-left:-4px;border:2px solid var(--home-bg, #242427);font-size:9px}.game-result-open{display:flex;align-items:center;gap:6px;width:100%;padding-top:2px;color:var(--home-accent);font-size:10px;font-weight:600}.game-result-open svg{flex-shrink:0}.moderator-page{height:100dvh;box-sizing:border-box;background:var(--bg);color:var(--text);padding:0 28px 48px;overflow:auto}.moderator-page button,.moderator-page input{font:inherit}.moderator-page button{min-height:38px;border:1px solid var(--line);border-radius:10px;padding:8px 16px;color:var(--text);background:var(--raised);cursor:pointer}.moderator-page button:hover:not(:disabled){background:var(--hover);border-color:var(--line-strong)}.moderator-page button:disabled{opacity:.5;cursor:default}.moderator-page button:focus-visible,.moderator-page a:focus-visible,.moderator-page input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.moderator-page a{color:var(--muted);text-decoration:none}.moderator-page a:hover{color:var(--text)}.moderator-header{max-width:1180px;margin:0 auto;min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.moderator-page .moderator-wordmark{display:flex;align-items:baseline;gap:14px;font-size:31px;font-weight:750;color:var(--text);letter-spacing:-1.4px}.moderator-wordmark span{color:var(--muted);font-size:13px;font-weight:450;letter-spacing:0}.moderator-header-actions{display:flex;align-items:center;gap:20px}.moderator-login{width:min(100%,420px);margin:90px auto 0;padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-sizing:border-box}.moderator-eyebrow{color:var(--accent);font-size:12px;font-weight:600;margin-bottom:12px}.moderator-page h1{font-size:27px;font-weight:650;line-height:1.2;margin:0 0 12px;letter-spacing:-.5px}.moderator-page p{margin:0;line-height:1.6}.moderator-login>p{color:var(--muted)}.moderator-login form{display:grid;gap:10px;margin-top:28px}.moderator-login input{min-width:0;min-height:42px;padding:8px 12px;color:var(--text);background:var(--bg);border:1px solid var(--line-strong);border-radius:9px;box-sizing:border-box}.moderator-page button.moderator-primary{color:var(--on-accent);background:var(--accent);border-color:var(--accent);font-weight:600}.moderator-page button.moderator-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.moderator-login .moderator-login-note{font-size:12px;margin-top:16px}.moderator-login .moderator-error{margin-top:18px}.moderator-page .moderator-error{color:var(--danger)}.moderator-content{max-width:1180px;margin:40px auto 0}.moderator-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.moderator-heading p,.moderator-muted{color:var(--muted)}.moderator-filters{display:flex;flex-wrap:wrap;gap:8px}.moderator-filters button{display:flex;align-items:center;gap:10px}.moderator-filters button[aria-pressed=true]{background:var(--soft);border-color:var(--accent);color:var(--accent)}.moderator-filters span{font-variant-numeric:tabular-nums;min-width:15px;opacity:.75}.moderator-feedback{min-height:48px;display:flex;align-items:center;margin:8px 0;font-size:12px}.moderator-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.moderator-avatar{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.moderator-preview{height:176px;display:grid;place-items:center;background-color:var(--bg);background-image:linear-gradient(45deg,#ffffff05 25%,transparent 25%),linear-gradient(-45deg,#ffffff05 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ffffff05 75%),linear-gradient(-45deg,transparent 75%,#ffffff05 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.moderator-preview img{object-fit:contain;max-width:128px;max-height:128px;border-radius:4px}.moderator-avatar-info{padding:16px 16px 12px}.moderator-avatar h2{font-size:16px;font-weight:600;margin:0 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.moderator-status{font-size:12px;display:inline-block;padding:3px 8px;border-radius:5px;background:var(--raised)}.moderator-status-pending{color:var(--warning)}.moderator-status-approved{color:var(--success)}.moderator-status-rejected{color:var(--muted)}.moderator-avatar time{display:block;color:var(--muted);font-size:11px;margin-top:10px}.moderator-avatar-actions{display:flex;gap:8px;padding:0 16px 16px}.moderator-avatar-actions button{flex:1;padding:8px}.moderator-page .moderator-reject{color:var(--danger)}.moderator-loading,.moderator-empty{padding:60px 16px;text-align:center;color:var(--muted)}.moderator-empty{border:1px dashed var(--line);border-radius:14px}.moderator-empty h2{font-size:20px;font-weight:550;color:var(--text);margin:0 0 10px}.moderator-pagination{margin-top:24px;display:flex;justify-content:center;align-items:center;gap:20px;color:var(--muted)}@media(max-width:600px){.moderator-page{padding:0 16px 32px}.moderator-header{min-height:72px}.moderator-wordmark span{display:none}.moderator-header-actions{gap:12px}.moderator-login{margin-top:40px;padding:24px}.moderator-content{margin-top:28px}.moderator-heading{align-items:flex-start;gap:12px}.moderator-page h1{font-size:23px}.moderator-heading>button{padding:8px 12px}.moderator-heading p{font-size:12px}.moderator-filters{display:grid;grid-template-columns:1fr 1fr}.moderator-filters button{justify-content:space-between;padding:8px 12px}.moderator-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}:root{color-scheme:dark;font-family:Segoe UI,system-ui,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:13px;--bg: #18181b;--panel: #222225;--raised: #2c2c30;--hover: #343438;--line: #3c3c42;--line-strong: #56565f;--text: #ededee;--muted: #ababb2;--accent: #a2b2fa;--accent-hover: #b6c2ff;--on-accent: #252c48;--soft: #303447;--success: #b4c99b;--warning: #dbc68f;--danger: #f1a492;--danger-soft: #3c2929;--danger-line: #78504b;--canvas-accent: #6f81cf}.tool-button.mobile-layers-toggle,.icon-button.mobile-layers-toggle{display:none}@media(max-width:720px){.icon-button.mobile-layers-toggle{display:inline-flex}.tool-button.mobile-layers-toggle{display:grid}.editor.show-layers .layers-panel{display:flex;position:absolute;right:0;top:0;bottom:0;width:220px;z-index:12;box-shadow:-12px 0 35px #00000052}.editor .brush-panel{display:none}.editor.show-brushes .brush-panel{display:flex;position:absolute;left:45px;top:0;bottom:0;width:210px;z-index:11;box-shadow:12px 0 35px #00000052}}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{border:0;color:inherit;cursor:pointer;background:transparent}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:default;opacity:.42}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus,textarea:focus,select:focus{outline:1px solid var(--accent);border-color:var(--accent)}input,textarea,select{background:var(--raised);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:10px 12px;min-width:0}input::placeholder,textarea::placeholder{color:var(--muted)}input[type=checkbox]{accent-color:var(--accent)}.app{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;border-radius:8px;font-size:12px;font-weight:600;transition:background .15s,transform .15s;white-space:nowrap}.button:not(:disabled):hover{filter:brightness(.98)}.button.primary{background:var(--accent);color:var(--on-accent)}.button.primary:hover{background:var(--accent-hover)}.button.secondary{background:var(--raised);color:var(--text);border:1px solid var(--line)}.button.full{width:100%}.save-status i{display:block;width:5px;height:5px;border-radius:50%;background:var(--accent)}.text-button{font-size:11px;color:var(--accent);text-decoration:underline;text-underline-offset:3px}.drawing-prompt{color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-wrap{flex:1;min-height:0;position:relative}.editor{display:flex;height:100%;position:relative;min-height:0}.tool-rail{width:58px;flex-shrink:0;border-right:1px solid var(--line);background:var(--bg);display:flex;flex-direction:column;justify-content:space-between;padding:12px 8px 9px;z-index:4}.rail-tools,.rail-bottom{display:flex;flex-direction:column;align-items:center;gap:6px}.tool-button{width:39px;height:40px;border-radius:8px;display:grid;place-items:center;position:relative;color:var(--muted)}.tool-button:not(:disabled):hover{background:var(--hover);color:var(--text)}.tool-button.active,.tool-button.active:not(:disabled):hover{color:var(--accent);background:var(--soft);border:1px solid var(--accent)}.tool-button.active:after{content:"";width:3px;height:18px;background:var(--accent);position:absolute;left:-9px;border-radius:0 3px 3px 0}.tool-tooltip{position:absolute;left:48px;white-space:nowrap;border:1px solid var(--line);box-shadow:0 6px 18px #00000052;display:none;align-items:center;gap:20px;background:var(--raised);padding:9px 12px;border-radius:6px;font-size:11px;z-index:30}.tool-button:not(:disabled):hover .tool-tooltip{display:flex}kbd{background:var(--raised);border:1px solid var(--line);border-radius:4px;padding:2px 5px;font:10px Golos Text,sans-serif;color:var(--text)}.rail-divider{height:1px;background:var(--line);width:24px;margin:4px}.brush-panel{width:222px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.panel-heading{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 17px;font-weight:550;font-size:12px}.panel-heading>svg{color:var(--muted)}.panel-heading>span{display:flex;align-items:center;gap:9px}.bare-fieldset{margin:0;padding:0;border:0;min-width:0}.brush-presets{padding:0 10px 11px;display:flex;flex-direction:column;gap:4px}.brush-preset{display:flex;align-items:center;position:relative;padding:10px 7px;border:1px solid transparent;border-radius:7px;text-align:left;gap:9px}.brush-preset.selected{background:var(--soft);border-color:var(--accent)}.brush-preset:not(:disabled):hover{background:var(--hover)}.brush-preset>span:nth-child(2){display:flex;flex-direction:column;gap:5px}.brush-preset strong{font-size:11px;font-weight:550;color:var(--text)}.brush-preset small{font-size:8px;color:var(--muted)}.brush-preset i{position:absolute;width:4px;height:4px;border-radius:50%;right:7px;top:12px;background:var(--accent)}.panel-section{border-top:1px solid var(--line);padding:15px 17px 8px}.range-control{display:block;margin-bottom:16px}.range-control>span{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin-bottom:10px}.range-value{font-size:10px;color:var(--text);font-variant-numeric:tabular-nums}.range-value small{font-size:9px;color:var(--muted);margin-left:4px}input[type=range]{padding:0;margin:0}.range-control input[type=range]{--range-thumb-size: 10px;--range-track-size: 3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:20px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--range-progress),var(--line-strong) var(--range-progress),var(--line-strong) 100%);background-size:calc(100% - var(--range-thumb-size)) var(--range-track-size);background-position:center;background-repeat:no-repeat;padding:0;border:0;display:block;cursor:ew-resize;border-radius:5px;outline:none;touch-action:none}.range-control input[type=range]::-webkit-slider-runnable-track{height:var(--range-track-size);background:transparent}.range-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--range-thumb-size);height:var(--range-thumb-size);margin-top:calc((var(--range-track-size) - var(--range-thumb-size)) / 2);border:0;background:var(--accent);border-radius:50%;box-shadow:0 0 0 2px var(--raised)}.range-control input[type=range]::-moz-range-track{height:var(--range-track-size);background:transparent}.range-control input[type=range]::-moz-range-thumb{width:var(--range-thumb-size);height:var(--range-thumb-size);border:0;background:var(--accent);border-radius:50%;box-shadow:0 0 0 2px var(--raised)}.advanced{border-bottom:1px solid var(--line);padding-top:17px}.check-row{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;margin-bottom:11px}.check-row input{margin:0;width:12px;height:12px}.color-section{border-top:1px solid var(--line);padding:0 17px 17px}.color-section .panel-heading{padding:0;min-height:43px}.brush-footer{font-size:8px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:5px;margin-top:auto;padding:16px 4px}.pen-dot{width:4px;height:4px;background:var(--success);border-radius:50%}.canvas-column{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;background:var(--bg)}.canvas-toolbar{height:42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:var(--bg);flex-shrink:0;gap:8px}.canvas-tab{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--accent)}.canvas-tab-dot{width:5px;height:5px;border-radius:2px;background:var(--accent)}.canvas-tab small{font-size:9px;color:var(--muted);margin-left:8px}.canvas-toolbar-right{display:flex;align-items:center;gap:4px}.icon-button{padding:5px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);border-radius:4px}.icon-button:not(:disabled):hover{color:var(--text);background:var(--hover)}.toolbar-divider{height:13px;width:1px;background:var(--raised);margin:0 6px}.zoom-label{font-size:10px;color:var(--accent);min-width:36px;font-variant-numeric:tabular-nums}.canvas-viewport{position:relative;flex:1;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:contain;background-color:var(--bg);background-image:radial-gradient(#ededee0a .65px,transparent .65px);background-size:14px 14px}.canvas-viewport:focus{outline:none}.canvas-paper{position:absolute;left:50%;top:50%;transform-origin:center;background:#fff;box-shadow:0 10px 70px #00000052;pointer-events:none;will-change:transform}.canvas-paper>canvas{display:block;width:100%;height:100%}.canvas-loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#18181bd9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;color:var(--text);text-align:center;font-size:12px;padding:30px}.canvas-loading p{max-width:480px;word-break:break-word;color:var(--muted)}.canvas-loading span{font-size:10px;color:var(--muted)}.canvas-loading svg,.engine-loading>svg{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brush-cursor{position:absolute;border:1px solid #0009;outline:1px solid #fff9;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:3}.tool-brush,.tool-eraser,.tool-liquify{cursor:none}.tool-hand{cursor:grab}.tool-hand:active{cursor:grabbing}.tool-fill,.tool-picker,.tool-lassoBrush,.tool-shape{cursor:crosshair}.canvas-shortcut-hint{position:absolute;bottom:17px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;color:var(--muted);pointer-events:none}.canvas-shortcut-hint kbd{font-size:8px;color:var(--muted);background:var(--bg);border-color:var(--line)}.canvas-shortcut-hint>span{margin:0 3px}.statusbar{height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-top:1px solid var(--line);background:var(--bg);font-size:9px;color:var(--muted);gap:8px}.save-status{display:flex;align-items:center;gap:6px;white-space:nowrap}.save-status.saved{color:var(--muted)}.save-status.offline{color:var(--danger)}.save-status.offline i{background:var(--danger)}.save-status.saving i,.save-status.connecting i{background:var(--success)}.statusbar>div{display:flex;gap:14px}.backend-label{color:var(--muted);min-width:0;max-width:min(35vw,360px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layers-panel{width:225px;flex-shrink:0;display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--line);overflow-y:auto;scrollbar-width:thin}.count-badge{display:inline-block;padding:2px 5px;font-size:9px;background:var(--raised);color:var(--muted);border-radius:4px}.layer-blending{padding:0 14px 1px}.layer-blending select{width:100%;padding:8px 9px;font-size:10px;margin-bottom:14px;background:var(--raised);border-color:var(--line)}.layer-list{position:relative;border-top:1px solid var(--line)}.layer-item{position:relative;height:59px;padding:0 8px;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line);cursor:pointer;border-left:2px solid transparent}.layer-item.selected{background:var(--soft);border-left:2px solid var(--accent)}.layer-item.dragging{opacity:.5;cursor:grabbing}.layer-item.drop-before:before,.layer-list.drop-at-end:after{content:"";position:absolute;left:5px;right:5px;height:3px;background:var(--accent);border-radius:2px;box-shadow:0 0 0 1px var(--bg);pointer-events:none;z-index:2}.layer-item.drop-before:before{top:-2px}.layer-list.drop-at-end:after{bottom:-2px}.layer-thumb{width:34px;height:30px;flex-shrink:0;border:1px solid var(--accent);border-radius:3px;background-color:#fafbf7;background-image:conic-gradient(#dce1d6 25%,transparent 0 50%,#dce1d6 0 75%,transparent 0);background-size:8px 8px;display:grid;place-items:center;color:var(--muted)}.layer-name{min-width:0;width:75px;flex:1;background:transparent;border:0;padding:5px 1px;font-size:10px;color:var(--text)}.layer-drag-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;padding:0;color:var(--muted)}.layer-drag-handle:active{cursor:grabbing}.layer-drag-handle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.layer-order-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.layer-lock{opacity:.45}.layer-item.selected .layer-lock,.layer-item:hover .layer-lock{opacity:1}.layer-actions{display:flex;gap:8px;padding:9px 13px;border-bottom:1px solid var(--line)}.layer-actions .danger{margin-left:auto}.export-section{padding:16px 14px 13px;border-top:1px solid var(--line)}.export-button{border:1px solid var(--line);background:var(--raised);color:var(--text);width:100%;justify-content:space-between;font-size:11px;padding:10px 12px}.export-button svg:last-child{margin-left:auto}.export-menu-wrap{position:relative}.export-menu{position:absolute;bottom:calc(100% + 8px);right:0;width:205px;z-index:20;box-shadow:0 12px 35px #00000052;background:var(--raised);border:1px solid var(--line-strong);border-radius:8px;padding:5px}.export-menu button{display:flex;flex-direction:column;gap:5px;width:100%;padding:12px;text-align:left;font-size:11px;border-radius:4px}.export-menu button:not(:disabled):hover{background:var(--hover)}.export-menu span{color:var(--muted);font-size:9px}.import-button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:var(--muted);width:100%;margin-top:13px}.remote-cursor-overlay{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:5}.remote-cursor{position:absolute;transform-origin:top left;color:var(--text);z-index:5;display:flex;pointer-events:none;gap:1px}.remote-cursor>span{display:inline-flex;align-items:center;gap:4px;margin-top:16px;background:var(--accent);color:var(--on-accent);font-size:10px;padding:4px 7px;border-radius:4px;white-space:nowrap}.remote-tool-icon{flex:none}.remote-cursor>svg{fill:var(--accent);stroke:var(--on-accent)}.engine-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:var(--text);text-align:center;padding:30px}.engine-loading h2{font-size:18px;margin:4px}.engine-loading p{font-size:12px;max-width:500px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#18181bb3;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.field-label{font-size:10px;color:var(--text);display:flex;flex-direction:column;gap:9px;margin-bottom:21px}.field-label input{background:var(--raised);border-color:var(--line);font-size:12px;padding:12px}.inline-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:18px}.inline-label select{font-size:11px;padding:8px}.join-row{display:flex;gap:10px}.join-row input{flex:1;font-size:12px;width:100px;background:var(--raised);border-color:var(--line)}.error-box{padding:12px;color:var(--danger);border:1px solid var(--danger-line);background:var(--danger-soft);border-radius:8px;margin-bottom:15px;font-size:11px;line-height:1.7;word-break:break-word}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--raised);color:var(--text);border:1px solid var(--line-strong);border-radius:10px;box-shadow:0 7px 35px #00000052;padding:12px 14px 12px 20px;display:flex;align-items:center;gap:20px;font-size:12px;max-width:min(620px,90vw);z-index:80;line-height:1.6}.prompt-screen h1{font-size:38px;line-height:1.2;letter-spacing:-1.8px;font-weight:650;margin:18px 0}.room-code{display:flex;align-items:center;gap:20px;background:var(--raised);border:1px dashed var(--line-strong);border-radius:9px;padding:13px 18px;margin:28px 0 23px}.room-code>span{color:var(--muted);font-size:11px}.room-code strong{font-size:21px;font-weight:650;letter-spacing:4px;color:var(--text)}.room-code>button{margin-left:auto}.player-list{display:flex;flex-direction:column;gap:10px}.player{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:11px;font-size:12px}.player>span:nth-child(2){display:flex;gap:10px;align-items:center}.player small{font-size:8px;color:var(--text);border:1px solid var(--line-strong);padding:3px 5px;border-radius:4px}.prompt-screen{width:620px;max-width:calc(100% - 48px);margin:auto;padding:40px 0}.prompt-screen h1{font-size:45px;margin-bottom:20px}.prompt-screen>p{color:var(--muted);line-height:1.8;margin-bottom:30px}.prompt-screen textarea{resize:vertical;width:100%;min-height:150px;font-size:16px;line-height:1.8;padding:20px;background:var(--raised);border:1px solid var(--line-strong);border-radius:12px}.prompt-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.prompt-bottom>span{font-size:10px;color:var(--muted)}.round-submit{position:absolute;bottom:54px;right:250px;z-index:7}.guess-bar{position:absolute;bottom:50px;left:304px;right:250px;display:flex;align-items:center;gap:12px;background:var(--raised);border:1px solid var(--line-strong);padding:12px;border-radius:10px;z-index:7;box-shadow:0 6px 25px #0004}.guess-bar>span{font-size:10px;max-width:80px;line-height:1.6;color:var(--text)}.guess-bar input{flex:1;width:90px;font-size:12px}.guess-bar .button{font-size:10px}.album-screen{flex:1;overflow:auto;padding:45px max(30px,8vw)}.album-heading{display:flex;align-items:center;justify-content:space-between}.album-heading h1{font-size:36px;letter-spacing:-1px;font-weight:600;margin:13px 0 25px}.album-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 35px}.album-entries{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;align-items:start}.album-entry{padding:18px;background:var(--raised);border:1px solid var(--line);border-radius:12px}.album-entry-label{display:flex;align-items:center;gap:12px;margin-bottom:15px}.album-entry-label>span{font-size:10px;color:var(--muted);border:1px solid var(--line-strong);border-radius:6px;padding:5px}.album-entry-label>strong{font-size:12px;font-weight:500;color:var(--text)}.album-entry blockquote{font-size:20px;margin:20px 10px;line-height:1.6;color:var(--text)}.album-canvas{height:260px;border-radius:7px;overflow:hidden}.compact .canvas-toolbar{height:30px}.compact .statusbar{height:24px;font-size:8px}.compact .statusbar>div{display:none}.compact .canvas-viewport{cursor:grab}.compact .canvas-shortcut-hint{display:none}@media(min-width:1600px){.brush-panel,.layers-panel{width:245px}.brush-preset{padding:13px 9px}.brush-preset strong{font-size:12px}.brush-preset small{font-size:9px}.range-control{margin-bottom:20px}.guess-bar{left:327px;right:270px}.round-submit{right:270px}}@media(max-width:1150px){.brush-panel{width:195px}.layers-panel{width:190px}.brush-preset{padding:10px 4px;gap:7px}.brush-preset small{font-size:7px}.brush-preset strong{font-size:10px}.panel-section,.color-section{padding-left:13px;padding-right:13px}.statusbar .backend-label{display:none}.guess-bar{left:270px;right:208px;flex-wrap:wrap}.guess-bar>span{display:none}.round-submit{right:215px}}@media(max-width:900px){.layers-panel,.brush-panel{width:174px}.tool-rail{width:50px;padding:10px 5px}.tool-button{width:36px}.tool-button.active:after{left:-6px}.brush-preset small{display:none}.brush-preset{padding:14px 5px}.brush-presets{padding-left:7px;padding-right:7px}.panel-heading{padding:0 12px}.layer-item{padding:0 5px;gap:4px}.layer-thumb{width:26px;height:27px}.layer-item .icon-button{padding:3px}.brush-footer{font-size:7px}.statusbar>div{display:none}.round-submit{right:190px}.guess-bar{left:235px;right:185px}}@media(max-width:720px){.brush-panel{width:150px}.layers-panel{display:none}.brush-preset{gap:7px;padding:12px 4px}.brush-preset strong{font-size:9px}.panel-section{padding:13px 12px 5px}.range-control>span{font-size:9px}.range-control{margin-bottom:15px}.color-section{padding:0 12px 10px}.brush-footer{display:none}.canvas-toolbar{padding:0 9px;height:36px}.canvas-tab small,.canvas-shortcut-hint{display:none}.statusbar{padding:0 8px;font-size:8px}.tool-rail{width:45px;padding:9px 3px}.tool-button{width:35px;height:35px}.rail-tools,.rail-bottom{gap:4px}.tool-button svg{width:17px;height:17px}.tool-button.active:after{left:-4px}.tool-tooltip{display:none!important}.modal-backdrop{padding:15px}.prompt-screen h1{font-size:34px}.prompt-screen textarea{font-size:14px}.round-submit{right:14px;bottom:43px}.round-submit .button{font-size:10px}.guess-bar{left:205px;right:10px;bottom:40px;padding:8px;gap:8px}.guess-bar input{width:100%}.guess-bar .button{width:100%;padding:8px}.drawing-prompt{max-width:150px}.album-screen{padding:30px 20px}.album-heading h1{font-size:28px}}@media(max-width:450px){.brush-panel{width:125px}.brush-preset{gap:6px;padding:11px 3px}.brush-preset strong{font-size:8px}.brush-preset i{right:3px;top:7px;width:3px;height:3px}.brush-presets{padding:0 5px 8px}.panel-heading{font-size:11px;min-height:40px}.range-control>span{font-size:8px}.panel-section,.color-section{padding-left:10px;padding-right:10px}.range-value{font-size:9px}.check-row{font-size:8px}.canvas-toolbar-right{gap:1px}.canvas-toolbar-right>.icon-button:first-child,.toolbar-divider{display:none}.zoom-label{min-width:30px;font-size:9px}.guess-bar{left:179px}.drawing-prompt{display:none}.room-code{gap:12px}.room-code strong{font-size:18px}}.activity-overlay{outline:none;width:min(420px,calc(100vw - 40px));max-width:none;padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--bg);color:var(--text);box-shadow:0 24px 100px #00000052}.activity-overlay::backdrop{background:#18181bc9}.activity-heading{display:flex;align-items:center;gap:12px;margin-bottom:22px}.activity-icon{display:flex;color:var(--accent)}.activity-icon svg{animation:spin 1.2s linear infinite}.activity-heading h2{margin:0;font-size:16px;font-weight:550}.activity-percent{margin-left:auto;color:var(--accent);font-variant-numeric:tabular-nums}.activity-overlay progress,.activity-progress-inline progress{--activity-progress-duration: .12s;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:7px;border:none;border-radius:10px;overflow:hidden;background:var(--raised);accent-color:var(--accent)}.activity-overlay progress[value="100"]{--activity-progress-duration: 0ms}.activity-overlay progress::-webkit-progress-bar,.activity-progress-inline progress::-webkit-progress-bar{background:var(--raised);border-radius:10px}.activity-overlay progress::-webkit-progress-value,.activity-progress-inline progress::-webkit-progress-value{background:var(--accent);border-radius:10px;transition:width var(--activity-progress-duration) linear}.activity-overlay progress::-moz-progress-bar,.activity-progress-inline progress::-moz-progress-bar{background:var(--accent);border-radius:10px}.activity-overlay progress:indeterminate::-webkit-progress-bar,.activity-progress-inline progress:indeterminate::-webkit-progress-bar{background:linear-gradient(90deg,var(--raised) 25%,var(--accent) 50%,var(--raised) 75%);background-size:240% 100%;animation:activity-progress 1.3s linear infinite}.activity-overlay p{margin:14px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.activity-overlay .activity-strokes{margin-top:12px;color:var(--text);font-variant-numeric:tabular-nums}.activity-progress-inline{display:flex;align-items:center;gap:6px;min-width:0;color:var(--muted);font-size:11px;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none}.activity-progress-inline>svg{flex:none;color:var(--accent);animation:spin 1.2s linear infinite}.activity-progress-inline progress{width:48px;height:3px;flex:none}.activity-progress-inline .activity-percent{margin-left:0;min-width:3ch}.activity-progress-popup{position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%);flex-wrap:wrap;width:max-content;max-width:calc(100vw - 24px);padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--bg);box-shadow:0 3px 12px #00000038}.activity-progress-popup .activity-strokes{flex-basis:100%;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}@media(max-width:620px){.activity-progress-inline:not(.activity-progress-popup) .activity-progress-label,.activity-progress-inline:not(.activity-progress-popup) progress{display:none}}@keyframes activity-progress{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}fieldset:disabled{cursor:default}.range-control input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}