:root{--menu-bar-height: 34px;--mdw-accent: #3b82f6;--mdw-track: rgba(0, 0, 0, .18);--mdw-thumb: #ffffff;--mdw-thumb-border: #3b82f6;--mdw-focus: rgba(59, 130, 246, .45)}@media(pointer:coarse){:root{--menu-bar-height: 42px}}*{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html,body{margin:0;padding:0;background:#fff;overflow:hidden;width:100%;height:100%;height:100vh;height:100dvh;height:100svh;position:fixed;touch-action:none}canvas{display:block;touch-action:none;width:100%;height:100%}#canvasList{max-height:calc(100vh - 200px);overflow:auto}#roomStatsIndicator{top:14px!important;right:80px!important;position:absolute!important;text-shadow:1px 1px 0px #000!important}#ui{position:absolute;top:10px;right:60px;width:210px;color:#333;background:#dcdcdccc;font-size:13px;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;z-index:10;padding:0 20px}.toolbar{width:100%}.toolbar label{display:flex;align-items:center;gap:8px;font-weight:500}.tools,.toolSettings{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;width:100%;gap:5px}.tools{position:absolute;z-index:10;left:10px;width:89px;top:calc(var(--menu-bar-height) + 10px);flex-wrap:wrap;background:#dcdcdccc;padding:5px;border-radius:6px}.stats{top:calc(var(--menu-bar-height) + 10px);right:10px;background:#000000bf;color:#fff;padding:8px 14px;border-radius:6px;font-family:monospace;font-size:12px;z-index:99998;pointer-events:none;box-shadow:0 4px 12px #0000004d;position:absolute}.button-group{display:flex;gap:4px}.tool-btn:disabled{opacity:.3;cursor:not-allowed}.hints{font-size:11px;color:#71717a;padding-top:8px}.hints span{color:#d4d4d8;font-weight:600}.tool-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #ccc;border-radius:6px;background:#ffffff80;color:#333;cursor:pointer;padding:0;font-family:Arial,sans-serif;font-size:11px;font-weight:700}.tool-btn svg{width:24px;height:24px}.tool-btn[disabled]{pointer-events:none;opacity:.5}.tool-btn:hover{background:#f5f5f5}.tool-btn.active{background:#369;border-color:#149;color:#fff}.worldPosition{display:flex;align-items:center;justify-content:center;width:100%;gap:6px;padding:0 8px 5px 0;box-sizing:border-box;white-space:nowrap}.worldPosition>label{display:flex;align-items:center;gap:2px;flex:8 1 0;min-width:0;font-size:11px;font-weight:400}.worldPosition>label:last-child{flex:5 1 0}.worldPosition input{border:0;background:0;width:100%;min-width:0;padding:0;font:inherit;font-variant-numeric:tabular-nums;border-radius:3px}.worldPosition input:focus{outline:2px solid var(--mdw-focus);background:#fff}.tools-close,.close{position:absolute;top:-10px;right:-10px;border:none;background:none;font-size:20px;line-height:1;cursor:pointer;color:#71717a;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:100px}.tools-close{top:auto;bottom:10px;right:10px}.auth-tabs{display:flex;gap:4px;margin-bottom:2px}.auth-tab{flex:1;padding:8px 0;border:none;background:#f4f4f5;border-radius:8px;cursor:pointer;font-weight:500;color:#52525b}.auth-tab.active{background:#27272a;color:#fff}.auth-panel{display:flex;flex-direction:column;gap:4px}.auth-panel.hidden{display:none}.auth-panel label{margin-top:8px;font-weight:500;color:#3f3f46}.auth-panel input{padding:8px 10px;border:1px solid #d4d4d8;border-radius:6px;font-size:14px;box-sizing:border-box;width:100%}.auth-field-status{min-height:14px;margin-top:4px;font-size:12px}.auth-field-status-checking{color:#71717a}.auth-field-status-ok{color:#16a34a}.auth-field-status-error{color:#dc2626}.auth-password-wrapper{position:relative}.auth-password-wrapper input{padding-right:36px}.auth-toggle-visibility{position:absolute;top:50%;right:4px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;padding:0;cursor:pointer;color:#71717a}.auth-toggle-visibility .auth-icon-eye-off,.auth-toggle-visibility.is-visible .auth-icon-eye{display:none}.auth-toggle-visibility.is-visible .auth-icon-eye-off{display:block}.auth-hint{margin:10px 0 0;font-size:12px;color:#71717a}.auth-error{min-height:16px;margin-top:8px;font-size:12px;color:#dc2626}.auth-submit{margin-top:14px;padding:10px 0;border:none;border-radius:8px;background:#27272a;color:#fff;font-weight:600;cursor:pointer}.auth-submit:disabled{opacity:.6;cursor:default}.auth-choice{margin:4px 0 0;padding:0;border:none;display:flex;flex-direction:column;gap:4px}.auth-choice legend{padding:0;margin-bottom:4px;font-weight:500;color:#3f3f46}.auth-panel .auth-choice label,.auth-panel .auth-check{display:flex;align-items:flex-start;gap:8px;margin-top:0;font-weight:400}.auth-panel .auth-check{margin-top:10px;font-size:13px}.auth-panel .auth-choice input,.auth-panel .auth-check input{width:auto;margin:3px 0 0;padding:0;flex:none}.auth-consent{margin-top:8px;padding:8px 10px;border-radius:6px;background:#f4f4f5;font-size:13px}.auth-consent p{margin:0}.brush-picker-preview,.popup-preview{background:#fff;border:1px solid #e4e4e7;border-radius:8px;padding:4px}.brush-picker-preview canvas,.popup-preview canvas{display:block;width:100%;height:80px}.brush-picker-settings,.popup-sliders{display:flex;flex-direction:column}.brush-picker-tabs,.mdw-color-tabs,.mdw-color-modes{display:flex;gap:4px}.brush-picker-tab,.mdw-color-tab{flex:1 1 auto;padding:6px 8px;white-space:nowrap;border:none;background:#f4f4f5;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;color:#52525b}.brush-picker-tab.active,.mdw-color-tab.active{background:#27272a;color:#fff}.brush-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;overflow-y:auto;max-height:calc(80vh - 240px)}.brush-picker-cell[hidden],.brush-picker-grid[hidden],.brush-picker-actions[hidden],.brush-generator[hidden]{display:none}.brush-picker-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.brush-picker-actions button{padding:6px 12px;border:none;border-radius:8px;background:#f4f4f5;color:#27272a;font-size:13px;cursor:pointer}.brush-picker-actions button.is-primary{background:#27272a;color:#fff}.brush-picker-actions button:disabled{opacity:.45;cursor:default}.brush-generator{display:flex;flex-direction:column;gap:10px}.brush-generator-top{display:flex;align-items:center;gap:10px}.brush-generator-cell{flex:none;width:64px;height:64px;border:1px solid #e4e4e7;border-radius:8px;background:#fff}.brush-generator-shapes{display:flex;flex-wrap:wrap;gap:4px}.brush-generator-shape{padding:4px 8px;border:none;border-radius:6px;background:#f4f4f5;color:#52525b;font-size:12px;cursor:pointer}.brush-generator-shape.active{background:#27272a;color:#fff}.brush-generator-sliders{display:flex;flex-direction:column;overflow-y:auto;max-height:calc(80vh - 360px)}.brush-generator-sliders .mdw-slider-label{min-width:84px}.brush-picker-empty{margin:0;padding:24px 0;text-align:center;color:#71717a;font-size:13px}.brush-picker-cell{background:0;border:2px solid transparent;border-radius:8px;padding:0;width:56px;height:56px;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.brush-picker-cell canvas{width:100%;height:100%;image-rendering:pixelated}.brush-picker-cell.active{border-color:#ef4444}@media(orientation:landscape){#ui{inset:auto 10px 10px auto}.tools{width:89px;top:calc(var(--menu-bar-height) + 10px)}#roomStatsIndicator{inset:auto auto 10px 10px!important}}@media(orientation:portrait){#ui{top:auto;bottom:10px;right:10px}.tools{width:89px!important;top:calc(var(--menu-bar-height) + 10px)}#roomStatsIndicator{inset:auto auto 10px 10px!important}}.toolsCollapsed .tools>.tool-btn:not(.tool-btn--color){display:none}.toolsCollapsed #ui,.menu-bar[hidden]{display:none}.menu-bar{position:fixed;top:0;left:0;right:0;height:var(--menu-bar-height);z-index:50;display:flex;padding:0 4px;background:#323232;border-bottom:1px solid #1e1e1e;color:#d6d6d6;font:12px system-ui,sans-serif}.menu-bar-menus{display:flex;margin:0;padding:0;list-style:none}.menu{position:relative}.menu-title,.menu-item{border:0;background:none;color:inherit;font:inherit;cursor:default}.menu-title{height:100%;padding:0 10px}.menu-title:hover,.menu.is-open>.menu-title{background:#474747;color:#fff}.menu-title:focus-visible,.menu-item:focus-visible{outline:1px solid #1473e6;outline-offset:-1px}.menu-dropdown{display:none;position:absolute;top:100%;left:0;min-width:200px;margin:0;padding:4px 0;list-style:none;background:#3c3c3c;border:1px solid #1e1e1e;border-radius:0 0 4px 4px;box-shadow:0 6px 16px #00000073}.menu.is-open>.menu-dropdown,.menu-submenu.is-open>.menu-dropdown{display:block}.menu>.menu-dropdown{margin-left:var(--menu-shift-x, 0px)}.menu-dropdown li[hidden]{display:none}.menu-submenu{position:relative}.menu-submenu>.menu-dropdown{top:-5px;left:100%;min-width:120px;border-radius:4px}.menu-submenu>.menu-dropdown--flip{left:auto;right:100%}.menu-submenu>.menu-item:after{content:"\25b8"}.menu-submenu.is-open>.menu-item{background:#1473e6;color:#fff}.menu-item{position:relative;display:flex;justify-content:space-between;gap:32px;width:100%;padding:4px 16px 4px 24px;text-align:left;white-space:nowrap}.menu-item[aria-pressed=true]:before{content:"\2713";position:absolute;left:8px}.menu-item:hover{background:#1473e6;color:#fff}.menu-item:disabled{color:#777;background:none}.menu-shortcut{color:#9a9a9a;font:inherit}.menu-item:hover .menu-shortcut{color:inherit}.menu-separator{height:1px;margin:4px 0;background:#4f4f4f}.menu-heading{padding:2px 16px 2px 24px;color:#9a9a9a;font-size:.8em;letter-spacing:.06em;text-transform:uppercase;cursor:default}@media(pointer:coarse){.menu-item{padding-top:10px;padding-bottom:10px}}@media(max-width:480px),(max-height:480px){.menu-title{padding:0 6px}.menu>.menu-dropdown{max-height:calc(100vh - var(--menu-bar-height) - 8px);max-height:calc(100dvh - var(--menu-bar-height) - 8px);overflow-y:auto;overscroll-behavior:contain}.menu-submenu>.menu-dropdown{position:static;min-width:0;padding:0 0 0 12px;border:0;box-shadow:none}.menu-submenu>.menu-item:after{content:"\25be"}}.popup-overlay{position:fixed;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center;background:#00000073;font:14px/1.4 system-ui,sans-serif}.popup-overlay.hidden{display:none}.popup{position:relative;box-sizing:border-box;width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;background:#f1f1f1;color:#18181b;border-radius:3px;padding:24px 20px 20px;box-shadow:0 12px 32px #0000004d}.popup--sm{width:min(320px,calc(100vw - 32px))}.popup--md{width:min(420px,calc(100vw - 32px))}.popup--lg{width:min(520px,calc(100vw - 32px))}.popup--xl{width:min(760px,calc(100vw - 32px))}.popup-body{min-height:0;overflow:auto;scrollbar-gutter:stable}.popup.is-resizing>.popup-body{overflow:hidden}@media(orientation:landscape)and (max-height:500px),(orientation:portrait)and (max-height:700px){#canvasManageOverlay .popup:has(#canvasList){height:calc(100vh - 16px);height:calc(100dvh - 16px)}#canvasManageOverlay .popup:has(#canvasList) .popup-body{flex:1 1 auto;display:flex;flex-direction:column}#canvasManageOverlay .popup:has(#canvasList) .popup-content{flex:1 1 auto;min-height:0}#canvasList{flex:1 1 auto;min-height:48px;max-height:none}}.popup-content{display:flex;flex-direction:column;gap:14px}.popup [hidden]{display:none!important}.popup-title{margin:0;font-size:16px;font-weight:600;overflow-wrap:anywhere}.popup-text{margin:0}.popup-hint{margin:0;font-size:13px;color:#52525b}.popup-meta{font-size:12px;color:#71717a}.popup-field{display:flex;flex-direction:column;gap:4px}.popup-label{font-weight:600}.popup-fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.popup-fieldset legend{font-weight:600;padding:0;margin-bottom:4px}.popup-check{display:flex;gap:8px;align-items:flex-start}.popup-indent{margin-left:24px}.popup-input{padding:8px 10px;border:1px solid #d4d4d8;border-radius:6px;font:inherit;background:#fff;color:inherit;box-sizing:border-box;min-width:0}.popup-input--grow{flex:1;min-width:120px}.popup-input--number{width:100px}.popup-input--compact{padding:4px}.popup-btn{padding:8px 14px;border:1px solid #d4d4d8;border-radius:8px;background:#fff;color:inherit;font:inherit;cursor:pointer}.popup-btn:hover:not(:disabled){background:#f4f4f5}.popup-btn:disabled{opacity:.5;cursor:not-allowed}.popup-btn--primary,.popup-btn.is-active{background:#27272a;border-color:#27272a;color:#fff}.popup-btn--primary:hover:not(:disabled),.popup-btn.is-active:hover:not(:disabled){background:#3f3f46}.popup-btn--danger{background:#b91c1c;border-color:#b91c1c;color:#fff}.popup-btn--danger:hover:not(:disabled){background:#991b1b}.popup-choice{padding:10px 12px;border:1px solid #d4d4d8;border-radius:8px;background:#fafafa;color:inherit;font:inherit;text-align:left;cursor:pointer}.popup-choice:hover:not(:disabled){background:#f0f0f2}.popup-choice:disabled{opacity:.5;cursor:not-allowed}.popup-choice small{display:block;margin-top:2px;color:#71717a}.popup-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.popup-field-row{align-items:flex-end}.popup-field-row>.popup-field{flex:1;min-width:160px}.popup-col{display:flex;flex-direction:column;gap:8px}.popup-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.popup-actions--stretch>*{flex:1}.popup-btn--back{margin-right:auto}.popup-section{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid #e4e4e7}.popup-section h3{margin:0;font-size:15px}.popup-list{display:flex;flex-direction:column;gap:8px;min-height:60px}.popup-list-item{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid #e4e4e7;border-radius:8px}.popup-list-item--plain{padding:0;border:0}.popup-list-text{display:flex;flex-direction:column;flex:1;min-width:0;overflow-wrap:anywhere}.popup-btn--icon{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon{display:block;width:18px;height:18px;background:currentColor;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.icon--open{--icon: url(/assets/icons/open.svg)}.icon--settings{--icon: url(/assets/icons/settings.svg)}.icon--remove-drawings{--icon: url(/assets/icons/remove-drawings.svg)}.icon--block{--icon: url(/assets/icons/block.svg)}.icon--unblock{--icon: url(/assets/icons/unblock.svg)}.icon--sign-out{--icon: url(/assets/icons/sign-out.svg)}.icon--moderator{--icon: url(/assets/icons/moderator.svg)}.icon--end-moderator{--icon: url(/assets/icons/end-moderator.svg)}.icon--delete{--icon: url(/assets/icons/delete.svg)}.icon--eyedropper{--icon: url(/assets/icons/eyedropper.svg)}.icon--keep{--icon: url(/assets/icons/keep.svg)}.icon--restore{--icon: url(/assets/icons/restore.svg)}.icon--protect-region{--icon: url(/assets/icons/protect-region.svg)}.icon--clear-area{--icon: url(/assets/icons/clear-area.svg)}.icon--suspend{--icon: url(/assets/icons/suspend.svg)}.popup-btn--with-icon{display:inline-flex;align-items:center;gap:6px}.popup-btn--with-icon .icon{width:16px;height:16px;flex-shrink:0}.canvas-thumb{width:96px;height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e4e4e7;border-radius:6px;background:var(--canvas-background, #fff)}.checkerboard{background:repeating-conic-gradient(#e4e4e7 0 25%,#fff 0 50%) 0 0 / 12px 12px}.canvas-thumb img{display:block;max-width:100%;max-height:100%}.canvas-thumb--empty{background:repeating-linear-gradient(45deg,#fafafa,#fafafa 6px,#f4f4f5 6px 12px)}.popup-list-actions{display:flex;gap:6px;flex-shrink:0}.popup-center{align-self:center}.popup-start{align-self:flex-start}.popup-message{min-height:1.2em;font-size:13px}.is-ok{color:#15803d}.is-error{color:#b91c1c}.is-muted{color:#71717a}.export-bar{height:8px;border-radius:4px;background:#e4e4e7;overflow:hidden}.export-bar>div{height:100%;width:0;background:#18181b;transition:width .15s linear}.export-label{color:#52525b;min-height:1.4em}.export-video{display:block;width:100%;background:#fff;border:1px solid #e4e4e7;border-radius:8px;max-height:70vh;flex:0 1 auto;min-height:96px;object-fit:contain}.popup-body:has(>.popup-content>.export-video){display:flex;flex-direction:column}.popup-body:has(>.popup-content>.export-video)>.popup-content{flex:1 1 auto;min-height:0}.popup-body:has(>.popup-content>.export-video) .export-video{max-height:none}.export-video+.popup-message:empty{display:none}.export-preview{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:12px;padding:8px;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:8px}.popup-body:has(>.popup-content>.export-extra){display:flex;flex-direction:column}.popup-body:has(>.popup-content>.export-extra)>.popup-content{flex:1 1 auto;min-height:0}.export-extra,.export-preview-slot{display:flex;flex-direction:column;flex:0 1 auto;min-height:0}.export-preview{flex:0 1 auto;min-height:0}.export-preview>canvas{flex:0 1 auto;min-height:48px}.export-preview>canvas{display:block;width:auto;height:auto;max-width:100%;max-height:40vh;max-height:40dvh;object-fit:contain;background:#fff;box-shadow:0 1px 3px #00000026}.export-option{margin-top:12px}.export-option .mdw-slider-label,.export-option .mdw-slider-readout{flex:none;width:64px}.export-preview-caption{color:#52525b;font-size:.875em}.export-preview-status{align-self:stretch}.canvas-notices{position:fixed;top:calc(var(--menu-bar-height) + 12px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:45;pointer-events:none}.canvas-notice{max-width:min(90vw,480px);padding:10px 16px;background:#27272a;color:#fff;border-radius:8px;font:14px system-ui,sans-serif;text-align:center;box-shadow:0 2px 12px #00000040}.canvas-notice-action{pointer-events:auto;margin-left:12px;padding:4px 12px;border:1px solid rgba(255,255,255,.4);border-radius:6px;background:transparent;color:#fff;font:inherit;font-weight:600;cursor:pointer}.canvas-notice-action:hover,.canvas-notice-action:focus-visible{background:#ffffff24}.progress-toasts{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;z-index:45}.progress-toast{display:flex;align-items:center;gap:10px;padding:6px 12px;background:#27272ad9;color:#fff;border-radius:8px;font:12px system-ui,sans-serif;white-space:nowrap;animation:progress-toast-in .2s ease-out .4s both}.progress-toast[hidden]{display:none}.progress-toast-bar{width:96px;height:4px;border-radius:2px;background:#ffffff40;overflow:hidden}.progress-toast-bar>div{height:100%;width:0;background:#fff;transition:width .2s linear}.progress-toast.is-waiting .progress-toast-bar>div{width:30%!important;animation:progress-toast-sweep 1.2s ease-in-out infinite}@keyframes progress-toast-in{0%{opacity:0}to{opacity:1}}@keyframes progress-toast-sweep{0%{transform:translate(-100%)}to{transform:translate(340%)}}@media(prefers-reduced-motion:reduce){.progress-toast.is-waiting .progress-toast-bar>div{animation:none;opacity:.5}}.canvas-problem{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#fffffff0;color:#27272a;font:16px system-ui,sans-serif;text-align:center;padding:24px;z-index:40}.canvas-problem-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}:root.embed-view{--menu-bar-height: 0px}.embed-view #menuBar,.embed-view .tools,.embed-view #ui,.embed-view #roomStatsIndicator,.embed-view .progress-toasts{display:none!important}.embed-view .canvas-problem{background:radial-gradient(circle at 20% 25%,rgba(245,165,36,.18),transparent 45%),radial-gradient(circle at 80% 75%,rgba(59,130,246,.16),transparent 45%),#fbf9f4;color:#201c33;font-size:17px}.embed-view .canvas-problem-actions a{padding:11px 22px;border-radius:999px;background:#201c33;color:#fbf9f4;font-weight:600;text-decoration:none}mdw-tabs{display:block}.mdw-tabs-bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.mdw-tab-panel{display:flex;flex-direction:column;gap:12px}.mdw-tab-panel[hidden]{display:none}.mdw-tab-panel>.popup-section:first-child{padding-top:0;border-top:none}mdw-slider{--mdw-slider-thumb: 16px;--mdw-slider-rail: 4px;display:flex;align-items:center;gap:8px;min-height:32px;font-size:13px;touch-action:none;outline:none;-webkit-tap-highlight-color:transparent}mdw-slider:not(:defined){visibility:hidden}mdw-slider[hidden]{display:none}mdw-slider[disabled]{opacity:.45}.mdw-slider-label[hidden]{display:none}.mdw-slider-track{position:relative;flex:1;min-width:60px;height:24px;cursor:pointer}mdw-slider[disabled] .mdw-slider-track{cursor:default}.mdw-slider-track:before,.mdw-slider-fill{content:"";position:absolute;left:0;top:50%;height:var(--mdw-slider-rail);border-radius:calc(var(--mdw-slider-rail) / 2);transform:translateY(-50%)}.mdw-slider-track:before{right:0;background:var(--mdw-track)}.mdw-slider-fill{width:calc(var(--mdw-slider-fraction, 0) * (100% - var(--mdw-slider-thumb)) + var(--mdw-slider-thumb) / 2);background:var(--mdw-accent)}.mdw-slider-thumb{position:absolute;top:50%;left:calc(var(--mdw-slider-fraction, 0) * (100% - var(--mdw-slider-thumb)));width:var(--mdw-slider-thumb);height:var(--mdw-slider-thumb);margin-top:calc(var(--mdw-slider-thumb) / -2);border-radius:50%;border:2px solid var(--mdw-thumb-border);background:var(--mdw-thumb);box-shadow:0 1px 3px #00000040;transition:transform .12s ease-out}mdw-slider:not([disabled]) .mdw-slider-track:hover .mdw-slider-thumb,mdw-slider:not([disabled]) .mdw-slider-track:active .mdw-slider-thumb{transform:scale(1.15)}mdw-slider:focus-visible .mdw-slider-thumb{box-shadow:0 0 0 4px var(--mdw-focus)}.mdw-slider-readout{min-width:44px;text-align:right;font-variant-numeric:tabular-nums}.toolbar mdw-slider{flex:1}.toolbar .mdw-slider-readout{min-width:36px}@media(pointer:coarse){mdw-slider{--mdw-slider-thumb: 22px}.mdw-slider-track{height:44px}}@media(prefers-reduced-motion:reduce){.mdw-slider-thumb{transition:none}}.tool-btn.tool-btn--color,.tool-btn.tool-btn--color:hover{background:var(--mdw-swatch, #000);box-shadow:inset 0 0 0 2px #ffffffb3}.popup-swatch{width:100%;min-height:34px;border:1px solid #d4d4d8;border-radius:6px;background:var(--mdw-swatch, #fff);box-shadow:inset 0 0 0 2px #ffffffb3;cursor:pointer}.mdw-sr-only{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}mdw-color-picker{--mdw-ring: 24px;--mdw-color-thumb: 20px;--mdw-panel-height: 240px;display:flex;flex-direction:column;gap:14px}mdw-color-picker :focus{outline:none}mdw-color-picker{-webkit-tap-highlight-color:transparent}mdw-color-picker mdw-slider:focus-visible .mdw-slider-thumb{box-shadow:0 1px 3px #00000040}mdw-color-picker:not(:defined){visibility:hidden;min-height:420px}.mdw-color-tab{flex:1 1 auto;padding:6px 4px}#colorPickerOverlay .popup{width:min(352px,calc(100vw - 32px))}.mdw-color-panels{display:grid;height:var(--mdw-panel-height)}.mdw-color-panel{grid-area:1 / 1;min-width:0}.mdw-color-panel:not(.is-active){visibility:hidden}.mdw-color-wheel{position:relative;width:min(var(--mdw-panel-height),100%);aspect-ratio:1;margin:0 auto;touch-action:none}.mdw-color-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--mdw-ring) - 1px),#000 calc(100% - var(--mdw-ring)));mask:radial-gradient(farthest-side,transparent calc(100% - var(--mdw-ring) - 1px),#000 calc(100% - var(--mdw-ring)));cursor:pointer;outline:none}.mdw-color-ring-arm{position:absolute;inset:0;transform:rotate(calc(var(--mdw-hue, 0) * 1deg));pointer-events:none}.mdw-color-ring-thumb,.mdw-color-area-thumb{position:absolute;width:var(--mdw-color-thumb);height:var(--mdw-color-thumb);border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #00000073,0 1px 3px #0000004d;transform:translate(-50%,-50%);pointer-events:none}.mdw-color-ring-thumb{left:50%;top:calc(var(--mdw-ring) / 2);background:hsl(calc(var(--mdw-hue, 0) * 1deg) 100% 50%)}.mdw-color-area{border-radius:4px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(calc(var(--mdw-hue, 0) * 1deg) 100% 50%));cursor:crosshair;touch-action:none}.mdw-color-area--wheel{position:absolute;--mdw-area: calc((100% - 2 * var(--mdw-ring)) * .7071 - 8px);width:var(--mdw-area);height:var(--mdw-area);left:50%;top:50%;transform:translate(-50%,-50%)}.mdw-color-triangle{position:absolute;width:calc(100% - 2 * var(--mdw-ring) - 8px);height:calc(100% - 2 * var(--mdw-ring) - 8px);left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.mdw-color-triangle-fill{position:absolute;inset:0;clip-path:polygon(100% 50%,25% 6.699%,25% 93.301%);isolation:isolate;background:linear-gradient(330deg,#000 31.7%,#fff 86.6%);pointer-events:auto;cursor:crosshair;touch-action:none}.mdw-color-triangle-fill:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,#000 25%,hsl(calc(var(--mdw-hue, 0) * 1deg) 100% 50%));mix-blend-mode:plus-lighter}.mdw-color-triangle-thumb{position:absolute;left:var(--mdw-tri-x, 25%);top:var(--mdw-tri-y, 93.301%);width:var(--mdw-color-thumb);height:var(--mdw-color-thumb);border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #00000073,0 1px 3px #0000004d;transform:translate(-50%,-50%);background:var(--mdw-color)}.mdw-color-square-panel{display:flex;flex-direction:column;gap:14px}.mdw-color-area--square{position:relative;flex:1}.mdw-color-channel{--mdw-slider-rail: 12px}.mdw-color-channel .mdw-slider-label{min-width:74px}.mdw-color-channel .mdw-slider-track:before{left:calc(var(--mdw-slider-thumb) / 2);right:calc(var(--mdw-slider-thumb) / 2);background:var(--mdw-channel, var(--mdw-track));box-shadow:inset 0 0 0 1px #00000026}.mdw-color-channel .mdw-slider-fill{display:none}.mdw-color-channels{display:flex;flex-direction:column;gap:10px}.mdw-color-modes{align-self:flex-start}.mdw-color-presets{display:grid;grid-template-columns:repeat(8,28px);gap:6px;justify-content:space-between;align-content:start}.mdw-color-swatch[aria-pressed=true]{box-shadow:inset 0 0 0 2px #fff,0 0 0 2px #27272a}.mdw-color-area-thumb{left:calc(var(--mdw-sat, 0) * 1%);top:calc((100 - var(--mdw-val, 0)) * 1%);background:var(--mdw-color)}.mdw-color-fields{display:flex;align-items:flex-end;gap:12px}.mdw-color-hex-row{flex:1}.mdw-color-hex{font-family:ui-monospace,Menlo,monospace}.mdw-color-preview{display:flex;height:36px;border-radius:8px;overflow:hidden;box-shadow:inset 0 0 0 1px #00000026;background:repeating-conic-gradient(#cfcfcf 0 25%,#fff 0 50%) 0 0 / 12px 12px}.mdw-color-before{opacity:var(--mdw-alpha-before, 1)}.mdw-color-now{opacity:var(--mdw-alpha, 1)}.mdw-color-before,.mdw-color-now{width:44px;border:0;padding:0}.mdw-color-before{background:var(--mdw-color-before);cursor:pointer}.mdw-color-now{background:var(--mdw-color)}.mdw-color-recent{display:grid;grid-template-columns:repeat(8,28px);justify-content:space-between;min-height:28px}.mdw-color-swatch{width:28px;height:28px;border:0;border-radius:6px;padding:0;background:var(--mdw-swatch);box-shadow:inset 0 0 0 1px #00000026;cursor:pointer}@media(pointer:coarse){mdw-color-picker{--mdw-ring: 28px;--mdw-color-thumb: 24px;--mdw-panel-height: clamp(220px, calc(100vh - 385px) , 280px);--mdw-panel-height: clamp(220px, calc(100dvh - 385px) , 280px)}}@media(orientation:landscape)and (max-height:500px){#colorPickerOverlay .popup{width:min(660px,calc(100vw - 32px));max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);padding:14px 20px}#colorPickerOverlay .popup-content{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);grid-template-rows:auto auto auto auto auto auto 1fr;grid-template-areas:"title title" "tabs ." "panels fields" "panels opacity" "panels recent" "panels actions" "panels .";gap:10px 16px}#colorPickerOverlay .popup-title{grid-area:title}#colorPickerOverlay .popup-actions{grid-area:actions}mdw-color-picker{--mdw-panel-height: clamp(150px, calc(100vh - 124px) , 184px);--mdw-panel-height: clamp(150px, calc(100dvh - 124px) , 184px);display:contents}.mdw-color-tabs{grid-area:tabs}.mdw-color-panels{grid-area:panels}.mdw-color-fields{grid-area:fields}.mdw-color-opacity{grid-area:opacity}.mdw-color-recent{grid-area:recent}.mdw-color-wheel{width:min(var(--mdw-panel-height),100%)}.mdw-color-presets{grid-template-columns:repeat(8,minmax(0,26px));grid-template-rows:repeat(6,minmax(0,1fr));gap:4px}.mdw-color-presets .mdw-color-swatch{width:100%;height:100%}.mdw-color-channels{gap:4px}.mdw-color-channels .mdw-slider-track{height:36px}}@media(prefers-contrast:more){.mdw-color-ring-thumb,.mdw-color-area-thumb,.mdw-color-triangle-thumb{border-width:3px;box-shadow:0 0 0 2px #000}}.popup-columns,.popup-column{display:flex;flex-direction:column;gap:14px}@media(orientation:landscape)and (max-height:500px){.popup{max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);padding:12px 20px}.popup-content{gap:10px}.popup>.close{top:4px;right:4px}#authOverlay .popup{width:min(560px,calc(100vw - 32px))}#authOverlay .auth-tabs{margin:0 28px 0 0}#authOverlay .auth-tab{padding:6px 0}.popup-field{flex-direction:row;align-items:center;gap:10px}.popup-field>.popup-label{flex:0 0 auto}.popup-field>.popup-input{flex:1 1 auto;min-width:0}.popup:has(.export-extra){width:min(680px,calc(100vw - 32px))}.popup-content:has(>.export-extra){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto auto auto 1fr;grid-template-areas:"title preview" "name preview" "options preview" "message preview" "actions preview" ". preview";gap:10px 16px}.popup-content:has(>.export-extra)>.popup-title{grid-area:title}.popup-content:has(>.export-extra)>.popup-field{grid-area:name}.popup-content:has(>.export-extra)>.popup-message{grid-area:message}.popup-content:has(>.export-extra)>.popup-actions{grid-area:actions}.export-extra{display:contents}.export-options{grid-area:options}.export-options>.export-option:first-child,.export-options>*>.export-option:first-child{margin-top:0}.export-preview-slot{grid-area:preview;min-height:0;margin-right:28px}.export-preview-slot>.export-preview{margin-top:0}.export-preview>canvas{max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px)}.popup mdw-slider{min-height:30px}.popup .mdw-slider-track{height:30px}.auth-panel:not(.hidden){display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:6px 12px}.auth-panel>*{grid-column:1 / -1}.auth-panel>label:not(.auth-check){grid-column:1;margin-top:0}.auth-panel>input,.auth-panel>.auth-password-wrapper{grid-column:2}.auth-panel .auth-error,.auth-panel .auth-hint{margin-top:0}.auth-panel .auth-submit{margin-top:4px;padding:8px 0}#brushPickerModal{width:min(720px,calc(100vw - 32px));height:calc(100vh - 16px);height:calc(100dvh - 16px)}#brushPickerModal .popup-body,#pressureOverlay .popup-body{flex:1 1 auto}#brushPickerModal .popup-content{display:grid;height:100%;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"title tabs" "preview list" "settings list" "settings actions";gap:10px 20px}#brushPickerModal .popup-title{grid-area:title}#brushPickerModal .brush-picker-preview{grid-area:preview}#brushPickerModal .brush-picker-settings{grid-area:settings}#brushPickerModal .brush-picker-tabs{grid-area:tabs;align-self:center;margin-right:28px}#brushPickerModal .brush-picker-grid,#brushPickerModal .brush-picker-empty,#brushPickerModal .brush-generator{grid-area:list;min-height:0;max-height:none;overflow-y:auto}#brushPickerModal .brush-generator{grid-row:list-start / actions-end}#brushPickerModal .brush-generator-sliders{max-height:none;overflow:visible}#brushPickerModal .brush-picker-actions{grid-area:actions}#pressureOverlay .popup{width:min(720px,calc(100vw - 32px))}.popup-columns{flex-direction:row;gap:20px}.popup-column{flex:1 1 0;min-width:0;gap:6px}.popup-col:has(>.popup-choice){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(orientation:portrait)and (max-height:700px){.popup{padding:18px 16px 14px}.popup-content{gap:8px}.brush-picker-grid{max-height:184px}}