:root{--bg-canvas: #1e1e1e;--bg-panel: #252525;--bg-chrome: #2d2d2d;--bg-input: #323232;--bg-hover: #3d3d3d;--bg-active: #4a4a4a;--accent: #2d8ceb;--accent-soft: rgba(45,140,235,.35);--border: #454545;--border-soft: #404040;--text: #d0d0d0;--text-mute: #888;--text-dim: #5a5a5a;--fg-color: #d0d0d0;--bg-color: #252525;--bg-secondary: var(--bg-panel);--bg-primary: var(--bg-chrome);--bg-tertiary: var(--border);--h-menubar: 24px;--h-options: 26px;--h-status: 22px;--h-panelhdr: 22px;--w-toolrail: 28px;--w-panels: 240px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);font-size:11px;color:var(--text);background:var(--bg-canvas);user-select:none;-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}ul{list-style:none}input{font:inherit;color:inherit;background:var(--bg-input);border:1px solid var(--border);padding:2px 4px}input:focus{outline:1px solid var(--accent);outline-offset:-1px}.ico{width:16px;height:16px;display:block;color:currentColor}.ico-xs{width:12px;height:12px;display:inline-block;vertical-align:middle;color:currentColor}.muted{color:var(--text-mute)}.muted.small{font-size:10px}.sep{width:1px;align-self:stretch;background:var(--border);margin:0 6px}.sep-v{width:1px;height:12px;background:var(--border-soft);margin:0 8px}.app{display:grid;grid-template-rows:var(--h-menubar) var(--h-options) 1fr var(--h-status);height:100vh;background:var(--bg-chrome)}.menubar{display:flex;align-items:center;background:var(--bg-chrome);border-bottom:1px solid #1a1a1a;padding:0 8px;gap:16px}.menubar__brand{font-weight:500;color:var(--text)}.menubar__items{display:flex;gap:2px;flex:1}.menubar__items li{padding:4px 8px;cursor:default;font-size:11px}.menubar__items li:hover{background:var(--bg-hover)}.menubar__workspace{display:flex;align-items:center;gap:6px;padding:0 8px;color:var(--text)}.optionsbar{display:flex;align-items:center;gap:8px;padding:0 8px;background:var(--bg-chrome);border-bottom:1px solid #1a1a1a;height:var(--h-options, 26px);overflow-x:auto;overflow-y:hidden;max-width:100vw;min-width:0;flex-shrink:0}.optionsbar__group{display:flex;flex-direction:row;gap:6px;align-items:center;height:100%;flex-shrink:0}.optionsbar__group input[type=range]{width:70px;min-width:60px;max-width:80px}.optionsbar__tool{display:flex;align-items:center;gap:6px;padding-right:8px}.optionsbar__tool span{font-weight:500}.opt{display:flex;align-items:center;gap:4px;cursor:default;white-space:nowrap;flex-shrink:0}.opt input[type=checkbox]{appearance:none;width:12px;height:12px;background:var(--bg-input);border:1px solid var(--border-soft);margin:0;padding:0;position:relative}.opt input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.opt input[type=checkbox]:checked:after{content:"";position:absolute;left:3px;top:0;width:4px;height:7px;border-right:1.5px solid white;border-bottom:1.5px solid white;transform:rotate(45deg)}.align-group{display:flex}.align-group .ibtn{width:22px}.ibtn{height:20px;min-width:20px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;color:var(--text);border:1px solid transparent}.ibtn:hover{background:var(--bg-hover)}.ibtn:active,.ibtn.is-active{background:var(--bg-active)}.main{display:grid;grid-template-columns:var(--w-toolrail) 1fr var(--w-panels);grid-template-rows:minmax(0,1fr);min-height:0;background:var(--bg-canvas);overflow:hidden}.toolrail{background:var(--bg-chrome);border-right:1px solid var(--border);padding:4px 0;display:flex;flex-direction:column;align-items:center;gap:1px;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:none;-ms-overflow-style:none}.toolrail::-webkit-scrollbar{width:0;height:0}.toolrail>*{flex-shrink:0}.tool{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text);border-radius:1px}.tool:hover{background:var(--bg-hover)}.tool.is-active{background:#2680eb;color:#fff}.tool.has-flyout{position:relative}.tool.has-flyout:after{content:"";position:absolute;right:1px;bottom:1px;width:0;height:0;border-left:4px solid transparent;border-top:4px solid transparent;border-right:4px solid var(--text-mute);border-bottom:4px solid var(--text-mute);pointer-events:none}.flyout-menu{position:fixed;background:var(--bg-panel);border:1px solid var(--border);border-radius:2px;padding:2px 0;z-index:1000;min-width:140px}.flyout-menu__item{display:flex;align-items:center;gap:8px;padding:4px 12px;font-size:12px;color:var(--text);cursor:pointer;white-space:nowrap}.flyout-menu__item:hover{background:var(--bg-hover)}.flyout-menu__item.is-active{background:var(--accent-soft);color:#fff}.tool-sep{width:18px;height:1px;background:var(--border-soft);margin:4px 0}.swatches{position:relative;width:24px;height:24px;margin-top:6px}.swatch{width:16px;height:16px;border:1px solid var(--border);position:relative}.swatch.lg{width:24px;height:24px}.swatch--fg{background:var(--fg-color);position:absolute;top:1px;left:1px;z-index:2}.swatch--bg{background:var(--bg-color);position:absolute;bottom:1px;right:1px;z-index:1}.canvas-area{display:flex;flex-direction:column;background:var(--bg-canvas);overflow:hidden}.doc-tabs{background:var(--bg-chrome);border-bottom:1px solid var(--border);display:flex;padding-left:4px;flex-shrink:0;overflow-x:auto;overflow-y:hidden;min-width:0;scrollbar-width:thin}.doc-tab{padding:4px 24px 4px 10px;font-size:11px;border-right:1px solid var(--border);background:#262626;position:relative;cursor:default;flex-shrink:0;white-space:nowrap}.doc-tab.is-active{background:#3a3a3a;color:var(--text)}.doc-tab__close{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--text-mute);width:14px;text-align:center;cursor:pointer}.doc-tab__close:hover{color:var(--text)}.canvas-viewport{flex:1;position:relative;overflow:hidden;background:linear-gradient(45deg,#555 25%,transparent 25%),linear-gradient(-45deg,#555 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#555 75%),linear-gradient(-45deg,transparent 75%,#555 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;background-color:#3a3a3a}#stage{position:absolute;top:0;left:0;display:block;touch-action:none;box-shadow:0 4px 12px #0009;outline:1px solid #000}.drop-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-mute);font-size:11px;pointer-events:none;background:#00000080;padding:6px 14px;border:1px solid var(--border-soft)}.panels{background:var(--bg-panel);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}.panel{display:flex;flex-direction:column;border-bottom:1px solid var(--border);flex-shrink:0}.panel--grow{flex:1;min-height:160px}.panel__tabs{display:flex;background:var(--bg-chrome);height:var(--h-panelhdr);border-bottom:1px solid var(--border)}.panel-tab{padding:0 10px;height:100%;font-size:11px;color:var(--text-mute);display:flex;align-items:center;border-right:1px solid var(--border)}.panel-tab:hover{color:var(--text)}.panel-tab.is-active{background:var(--bg-panel);color:var(--text);border-top:2px solid var(--accent)}.panel__body{padding:8px;flex:1;min-height:0;overflow:auto}.color-body{display:flex;gap:10px;align-items:flex-start}.color-preview{position:relative;width:40px;height:40px;flex-shrink:0}.color-preview .swatch--fg{width:28px;height:28px;top:0;left:0}.color-preview .swatch--bg{width:28px;height:28px;bottom:0;right:0}.sliders{flex:1;display:flex;flex-direction:column;gap:4px}.slider-row{display:flex;align-items:center;gap:6px;font-size:10px}.slider-row label{width:10px;color:var(--text-mute);text-align:center}.slider{flex:1;height:8px;background:var(--bg-input);border:1px solid var(--border);position:relative}.slider.sm{height:6px}.slider__fill{height:100%;background:var(--accent)}.value{font-size:10px;color:var(--text);min-width:28px;text-align:right;font-variant-numeric:tabular-nums}.hex-input{width:70px;font-family:SF Mono,Consolas,monospace;font-size:11px}.layers-body{padding:0;display:flex;flex-direction:column}.layers-header{padding:6px 8px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.blend-select{width:100%;background:var(--bg-input);color:var(--text);border:1px solid var(--border);padding:2px 4px;font:inherit;font-size:11px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-mute) 50%),linear-gradient(135deg,var(--text-mute) 50%,transparent 50%);background-position:calc(100% - 9px) 9px,calc(100% - 5px) 9px;background-size:4px 4px;background-repeat:no-repeat}.opacity-row,.lock-row{display:flex;align-items:center;gap:6px;font-size:10px}.opacity-row label{color:var(--text-mute)}.lock-row{font-size:10px}.lock-row .ibtn{height:18px;min-width:18px;padding:0 2px;font-size:11px;color:var(--text-mute)}.layer-list{flex:1;overflow:auto;background:var(--bg-panel);position:relative}.layer-search-input{width:100%;padding:3px 6px;font-size:11px;background:var(--bg-input);border:1px solid var(--border);border-radius:1px;color:var(--text);margin-bottom:4px;box-sizing:border-box}.layer-search-input::placeholder{color:var(--text-mute)}.layer{display:flex;align-items:center;gap:8px;padding:2px 8px;min-height:36px;border-bottom:1px solid var(--border);cursor:default;position:relative}.layer[data-color=red]{background:#e0474738}.layer[data-color=orange]{background:#e08a3538}.layer[data-color=yellow]{background:#d6be3c38}.layer[data-color=green]{background:#5aa85a38}.layer[data-color=blue]{background:#458cd638}.layer[data-color=violet]{background:#9664d638}.layer[data-color=gray]{background:#a0a0a038}.layer:hover{background:var(--bg-hover)}.layer.is-active{background:var(--accent-soft)}.layer.is-selected{background:#3a6ea566}.layer.is-active.is-selected{background:var(--accent-soft)}.layer.is-active .muted{color:#ffffffb3}.layer__clip-arrow{font-size:10px;color:var(--accent);margin-right:2px}.layer__vis{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--text-mute)}.layer__vis:hover{color:var(--text)}.layer__thumb{width:32px;height:32px;border:1px solid var(--border);flex-shrink:0}.layer__name{flex:1;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:text;cursor:text}.layer__name:hover{background:#ffffff0d;border-radius:2px}.layer__lock{color:var(--text-mute)}.layers-footer{height:28px;border-top:1px solid var(--border);background:var(--bg-chrome);display:flex;align-items:center;padding:0 4px;gap:2px}.layers-footer .ibtn{height:22px;min-width:22px}.channels-body{padding:0;display:flex;flex-direction:column}.channels-list{flex:1;overflow:auto;background:var(--bg-panel)}.channel-row{display:flex;align-items:center;gap:8px;padding:2px 8px;height:26px;border-bottom:1px solid var(--border);cursor:default;font-size:11px}.channel-row:hover{background:var(--bg-hover)}.channel-row.is-active{background:var(--accent-soft)}.channel-row__vis{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--text-mute);flex-shrink:0;cursor:pointer}.channel-row__vis:hover{color:var(--text)}.channel-row__thumb{width:20px;height:20px;border:1px solid var(--border);flex-shrink:0;background:#000}.channel-row__name{flex:1;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channels-footer{height:28px;border-top:1px solid var(--border);background:var(--bg-chrome);display:flex;align-items:center;padding:0 4px;gap:2px}.channels-footer .ibtn{height:22px;min-width:22px}.channel-opacity{width:40px;height:4px;-webkit-appearance:none;appearance:none;background:var(--bg-input);border:1px solid var(--border);border-radius:2px;outline:none;cursor:default;margin-left:auto}.channel-opacity::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:8px;height:8px;border-radius:1px;background:var(--accent);border:1px solid var(--accent);cursor:default}.channel-row__shortcut{font-size:10px;color:var(--text-mute);margin-left:auto;font-variant-numeric:tabular-nums;flex-shrink:0}.history-body{padding:0;display:flex;flex-direction:column}.history-list{flex:1;overflow:auto;background:var(--bg-panel);display:flex;flex-direction:column}.history-header{padding:4px 8px;border-bottom:1px solid var(--border);display:flex;gap:6px}.history-snapshot-btn{display:flex;align-items:center;gap:4px;height:22px;padding:0 8px;font-size:11px}.history-section-header{font-size:10px;color:var(--text-dim);padding:4px 8px}.history-row{display:flex;align-items:center;gap:6px;padding:3px 8px;font-size:11px;cursor:pointer}.history-row:hover{background:var(--bg-hover)}.history-row.is-current{background:var(--accent-soft);color:var(--text);font-weight:500}.history-row--future{color:var(--text-mute)}.history-row--snapshot{color:var(--text)}.history-row--initial{font-style:italic;color:var(--text-mute)}.history-row__name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-footer{height:28px;border-top:1px solid var(--border);background:var(--bg-chrome);display:flex;align-items:center;padding:0 4px;gap:2px}.history-footer .ibtn{height:22px;min-width:22px}.history-footer .ibtn[disabled]{opacity:.4;pointer-events:none}.statusbar{background:var(--bg-chrome);border-top:1px solid var(--border);display:flex;align-items:center;padding:0 8px;gap:6px;font-size:10px;color:var(--text-mute)}.zoom-control{display:flex;align-items:center;gap:4px;color:var(--text);padding:0 4px}.zoom-control .value{min-width:auto;font-size:10px}.status-spacer{flex:1}.status-error{color:var(--text-mute);margin-left:12px}.status-tip{color:var(--text-mute);margin-left:12px;font-size:10px}.filter-status{display:flex;align-items:center;gap:6px;margin-left:12px;color:var(--text-mute);font-size:10px}.filter-status .spinner{width:12px;height:12px;border:2px solid var(--border-soft);border-top-color:var(--text-mute);border-radius:50%;animation:spin .8s linear infinite}.adslot,.adslot__label,.adslot__placeholder,.adslot__dim,.adslot__remove{display:none!important}.color-picker{position:fixed;inset:0;z-index:10100;background:#0006;display:flex;align-items:center;justify-content:center;font-family:var(--font);font-size:11px;color:var(--text)}.color-picker__window{display:flex;flex-direction:column}.color-picker__sheet{background:var(--bg-chrome);border:1px solid var(--border);border-top:none;border-radius:0 0 3px 3px;padding:12px;display:flex;gap:14px;align-items:flex-start}.color-picker__pick{display:flex;gap:10px;align-items:flex-start}.color-picker__sv{position:relative;width:240px;height:240px;border:1px solid var(--border);cursor:crosshair;flex-shrink:0}.color-picker__sv canvas{display:block;width:240px;height:240px}.color-picker__sv-cursor{position:absolute;width:8px;height:8px;border:1px solid #fff;outline:1px solid #000;box-sizing:border-box;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;top:0;left:0}.color-picker__hue{position:relative;width:20px;height:240px;border:1px solid var(--border);cursor:ns-resize;flex-shrink:0}.color-picker__hue canvas{display:block;width:20px;height:240px}.color-picker__hue-cursor{position:absolute;left:-2px;right:-2px;width:24px;height:5px;border:1px solid #fff;outline:1px solid #000;box-sizing:border-box;transform:translateY(-50%);pointer-events:none;top:0}.color-picker__side{display:flex;flex-direction:column;gap:10px;width:170px}.color-picker__swatches{display:flex;flex-direction:column;gap:2px}.color-picker__swatch-col{display:flex;align-items:center;gap:6px}.color-picker__swatch-label{font-size:10px;color:var(--text-mute);width:48px}.color-picker__swatch-chip{flex:1;height:22px;border:1px solid var(--border);background:#000}.color-picker__fields{display:flex;flex-direction:column;gap:3px;margin-top:4px}.color-picker__field{display:flex;align-items:center;gap:4px;height:18px}.color-picker__field-gap{height:4px}.color-picker__field-label{width:14px;font-size:10px;color:var(--text-mute);text-align:right}.color-picker__field-input{width:52px;height:18px;font-size:11px;font-variant-numeric:tabular-nums;background:var(--bg-input);border:1px solid var(--border);color:var(--text);padding:0 4px}.color-picker__field-input--hex{width:76px;font-family:SF Mono,Consolas,monospace;text-transform:uppercase}.color-picker__field-suffix{font-size:10px;color:var(--text-mute)}.color-picker__web{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--text-mute);cursor:default;margin-top:2px}.color-picker__web input[type=checkbox]{appearance:none;width:12px;height:12px;background:var(--bg-input);border:1px solid var(--border-soft);margin:0;padding:0;position:relative;flex-shrink:0}.color-picker__web input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.color-picker__web input[type=checkbox]:checked:after{content:"";position:absolute;left:3px;top:0;width:4px;height:7px;border-right:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(45deg)}.color-picker__actions{display:flex;justify-content:flex-end;gap:6px;margin-top:auto;padding-top:8px}.color-picker__btn{height:22px;min-width:64px;padding:0 12px;font-size:11px;color:var(--text);background:var(--bg-chrome);border:1px solid var(--border-soft);cursor:default}.color-picker__btn:hover{background:var(--bg-hover)}.color-picker__btn:active{background:var(--bg-active)}.color-picker__btn--primary{background:var(--accent-soft);border-color:var(--accent);color:#fff}.color-picker__btn--primary:hover{background:var(--accent)}.new-doc{position:fixed;inset:0;z-index:1000;background:#0006;display:flex;align-items:center;justify-content:center;font-family:var(--font);font-size:11px;color:var(--text)}.new-doc__sheet{background:var(--bg-chrome);border:1px solid var(--border);width:640px;display:flex;flex-direction:column}.new-doc__title{height:24px;padding:0 10px;display:flex;align-items:center;background:var(--bg-panel);border-bottom:1px solid var(--border);font-size:11px;color:var(--text)}.new-doc__tabs{display:flex;background:var(--bg-panel);border-bottom:1px solid var(--border)}.new-doc__tab{padding:0 14px;height:26px;font-size:11px;color:var(--text-mute);border-right:1px solid var(--border);background:transparent;cursor:default}.new-doc__tab:hover{color:var(--text);background:var(--bg-hover)}.new-doc__tab.is-active{background:var(--bg-chrome);color:var(--text)}.new-doc__body{display:flex;gap:14px;padding:12px;align-items:stretch}.new-doc__presets{width:260px;display:flex;flex-direction:column;gap:4px}.new-doc__section-label{font-size:10px;color:var(--text-mute)}.new-doc__presets select{flex:1;min-height:180px;background:var(--bg-input);color:var(--text);border:1px solid var(--border);font:inherit;font-size:11px;padding:2px}.new-doc__presets select option{padding:3px 4px}.new-doc__fields{flex:1;display:flex;flex-direction:column;gap:6px}.new-doc__row{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:6px;height:22px}.new-doc__row label{font-size:10px;color:var(--text-mute);text-align:left}.new-doc__row input{height:20px;background:var(--bg-input);border:1px solid var(--border);color:var(--text);font-size:11px;padding:0 4px;font-variant-numeric:tabular-nums;width:100%}.new-doc__row input[type=text]:not([inputmode=decimal]){text-align:left}.new-doc__row input[inputmode=decimal]{text-align:right}.new-doc__row select{height:20px;background:var(--bg-input);color:var(--text);border:1px solid var(--border);font:inherit;font-size:11px;padding:0 4px;width:100%}.new-doc__row select:disabled{color:var(--text-mute);opacity:.85}.new-doc__unit{width:50px!important}.new-doc__unit-spacer{display:inline-block;width:50px}.new-doc__unit-static{display:inline-block;width:50px;font-size:10px;color:var(--text-mute);padding-left:4px}.new-doc__bg{grid-template-columns:80px 1fr 22px}.new-doc__bg-swatch{width:22px;height:20px;border:1px solid var(--border);background:#fff}.new-doc__actions{display:flex;justify-content:flex-end;gap:6px;padding:8px 12px;border-top:1px solid var(--border);background:var(--bg-panel)}.new-doc__btn{height:22px;min-width:80px;padding:0 12px;font-size:11px;color:var(--text);background:var(--bg-chrome);border:1px solid var(--border-soft);cursor:default}.new-doc__btn:hover{background:var(--bg-hover)}.new-doc__btn:active{background:var(--bg-active)}.new-doc__btn--primary{background:var(--accent-soft);border-color:var(--accent);color:#fff}.new-doc__btn--primary:hover{background:var(--accent)}.new-doc__sheet{width:820px;max-height:80vh}.new-doc__thumbnails{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:4px 0;max-height:180px;overflow-y:auto}.new-doc__thumb-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border:1px solid var(--border-soft);background:var(--bg-panel);cursor:pointer}.new-doc__thumb-card:hover{background:var(--bg-hover)}.new-doc__thumb-card.is-active{border-color:var(--accent);background:var(--accent-soft);color:#fff}.new-doc__thumb-preview{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--bg-canvas);border:1px solid var(--border)}.new-doc__thumb-aspect{background:#3a3a3a;border:1px solid var(--border-soft)}.new-doc__thumb-label{font-size:10px;text-align:center;line-height:1.2}.new-doc__thumb-size{font-size:10px;color:var(--text-mute)}.new-doc__advanced{border-top:1px solid var(--border);margin-top:8px;padding-top:8px}.new-doc__advanced-toggle{background:transparent;border:0;color:var(--text);font-size:11px;padding:2px 0;cursor:pointer;text-align:left}.new-doc__advanced-toggle:before{content:"▸ ";display:inline-block}.new-doc__advanced.is-open .new-doc__advanced-toggle:before{content:"▾ "}.new-doc__advanced-body{display:none}.new-doc__advanced.is-open .new-doc__advanced-body{display:block}.new-doc__empty{font-size:11px;color:var(--text-mute);padding:12px;text-align:center}.prefs{position:fixed;inset:0;z-index:1000;background:#0006;display:flex;align-items:center;justify-content:center;font-family:var(--font);font-size:11px;color:var(--text)}.prefs__sheet{background:var(--bg-chrome);border:1px solid var(--border);width:720px;max-height:80vh;display:flex;flex-direction:column}.prefs__title{height:24px;padding:0 10px;display:flex;align-items:center;background:var(--bg-panel);border-bottom:1px solid var(--border);font-size:11px}.prefs__main{display:grid;grid-template-columns:180px 1fr;min-height:420px;max-height:calc(80vh - 64px);overflow:hidden}.prefs__rail{background:var(--bg-panel);border-right:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column}.prefs__tab{text-align:left;padding:6px 12px;font-size:11px;color:var(--text);background:transparent;border:0;cursor:default}.prefs__tab:hover{background:var(--bg-hover)}.prefs__tab.is-active{background:var(--accent-soft);color:#fff}.prefs__body{overflow-y:auto;padding:8px 10px}.prefs__category-title{font-size:12px;color:var(--text);margin-bottom:8px}.prefs__row{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:8px;margin-bottom:8px}.prefs__row-label{font-size:11px;color:var(--text-mute)}.prefs__row input[type=text],.prefs__row input[type=number],.prefs__select{height:22px;background:var(--bg-input);border:1px solid var(--border);color:var(--text);font-size:11px;padding:0 4px;width:100%}.prefs__row input[type=color]{width:36px;height:22px;padding:0;border:1px solid var(--border);background:var(--bg-input)}.prefs__row input[type=checkbox]{appearance:none;width:12px;height:12px;background:var(--bg-input);border:1px solid var(--border-soft);margin:0;padding:0;position:relative;cursor:pointer;justify-self:start}.prefs__row input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.prefs__row input[type=checkbox]:checked:after{content:"";position:absolute;left:3px;top:0;width:4px;height:7px;border-right:1.5px solid white;border-bottom:1.5px solid white;transform:rotate(45deg)}.prefs__placeholder{font-size:11px;color:var(--text-mute);font-style:italic;padding:6px 0}.prefs__actions{display:flex;justify-content:flex-end;gap:6px;padding:8px 12px;border-top:1px solid var(--border);background:var(--bg-panel)}.prefs__btn{height:22px;min-width:80px;padding:0 12px;font-size:11px;color:var(--text);background:var(--bg-chrome);border:1px solid var(--border-soft);cursor:default}.prefs__btn:hover{background:var(--bg-hover)}.prefs__btn--primary{background:var(--accent-soft);border-color:var(--accent);color:#fff}.prefs__btn--primary:hover{background:var(--accent)}body.pp-theme-light{--bg-canvas: #e7e7e7;--bg-panel: #efefef;--bg-chrome: #f5f5f5;--bg-input: #ffffff;--bg-hover: #dadada;--bg-active: #c5c5c5;--border: #bbbbbb;--border-soft: #d0d0d0;--text: #1f1f1f;--text-mute: #5a5a5a;--text-dim: #888888}@media (prefers-color-scheme: light){body.pp-theme-auto{--bg-canvas: #e7e7e7;--bg-panel: #efefef;--bg-chrome: #f5f5f5;--bg-input: #ffffff;--bg-hover: #dadada;--bg-active: #c5c5c5;--border: #bbbbbb;--border-soft: #d0d0d0;--text: #1f1f1f;--text-mute: #5a5a5a;--text-dim: #888888}}.save-as{position:fixed;inset:0;z-index:1000;background:#0006;display:flex;align-items:center;justify-content:center;font-family:var(--font);font-size:11px;color:var(--text)}.save-as__sheet{background:var(--bg-chrome);border:1px solid var(--border);width:420px;display:flex;flex-direction:column}.save-as__title{height:24px;padding:0 10px;display:flex;align-items:center;background:var(--bg-panel);border-bottom:1px solid var(--border);font-size:11px;color:var(--text)}.save-as__body{display:flex;flex-direction:column;gap:10px;padding:8px}.save-as__row{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:8px;min-height:22px}.save-as__row label{font-size:10px;color:var(--text-mute);text-align:left}.save-as__row input[type=text]{height:20px;background:var(--bg-input);border:1px solid var(--border);color:var(--text);font-size:11px;padding:0 6px;width:100%}.save-as__format{height:22px;background:var(--bg-input);color:var(--text);border:1px solid var(--border);font:inherit;font-size:11px;padding:0 4px;width:100%}.save-as__quality-row{display:grid;grid-template-columns:70px 1fr}.save-as__quality-inner{display:flex;align-items:center;gap:8px}.save-as__slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:var(--bg-input);border:1px solid var(--border);border-radius:2px;outline:none;cursor:default}.save-as__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:1px;background:var(--accent);border:1px solid var(--accent);cursor:default}.save-as__slider::-moz-range-thumb{width:12px;height:12px;border-radius:1px;background:var(--accent);border:1px solid var(--accent);cursor:default}.save-as__quality-value{font-size:11px;color:var(--text);font-variant-numeric:tabular-nums;min-width:32px;text-align:right}.save-as__warning{background:var(--bg-hover);border:1px solid var(--border);padding:6px 8px;font-size:10px;line-height:1.5;color:var(--text)}.save-as__warning-line+.save-as__warning-line{margin-top:4px}.save-as__actions{display:flex;justify-content:flex-end;gap:6px;padding:8px 14px;border-top:1px solid var(--border);background:var(--bg-panel)}.save-as__btn{height:22px;min-width:80px;padding:0 12px;font-size:11px;color:var(--text);background:var(--bg-chrome);border:1px solid var(--border-soft);cursor:default}.save-as__btn:hover{background:var(--bg-hover)}.save-as__btn:active{background:var(--bg-active)}.save-as__btn--primary{background:var(--accent-soft);border-color:var(--accent);color:#fff}.save-as__btn--primary:hover{background:var(--accent)}.menu-dropdown{position:fixed;background:var(--bg-panel);border:1px solid #101010;min-width:200px;padding:4px 0;z-index:1000;font-size:11px;box-shadow:0 4px 12px #0009}.menu-item{padding:4px 14px;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:default;color:var(--text)}.menu-item:hover{background:var(--accent-soft);color:#fff}.menu-item:hover .muted{color:#ffffffb3}.menu-item[data-disabled=true]{color:var(--text-dim);pointer-events:none}.menu-item[data-disabled=true] .muted{color:var(--text-dim)}.menu-sep{height:1px;background:var(--border);margin:4px 0}.char-panel{font-family:var(--font);font-size:11px;color:var(--text);padding:8px;display:flex;flex-direction:column;gap:6px}.char-panel__row{display:grid;grid-template-columns:1fr 1fr;gap:4px;align-items:center}.char-panel__row--single{grid-template-columns:1fr}.char-panel__label{font-size:10px;color:var(--text-mute)}.char-panel__input{height:20px;background:var(--bg-input);border:1px solid var(--border);color:var(--text);font-size:11px;padding:0 4px;width:100%;font-variant-numeric:tabular-nums}.char-panel__select{height:20px;background:var(--bg-input);color:var(--text);border:1px solid var(--border);font:inherit;font-size:11px;padding:0 4px;width:100%}.char-panel__btns{display:flex;gap:2px}.char-panel__btn{width:24px;height:20px;background:var(--bg-input);border:1px solid var(--border);color:var(--text);font-size:10px;cursor:default;text-align:center;padding:0}.char-panel__btn:hover{background:var(--bg-hover)}.char-panel__btn.is-active{background:var(--accent-soft);color:#fff;border-color:var(--accent)}.char-panel__swatch{width:20px;height:18px;border:1px solid var(--border);cursor:default}.screen-full-menu .toolrail,.screen-full-menu .layers-panel,.screen-full-menu .color-preview,.screen-full-menu .ad-slot,.screen-full-menu .statusbar,.screen-full-screen .toolrail,.screen-full-screen .layers-panel,.screen-full-screen .color-preview,.screen-full-screen .ad-slot,.screen-full-screen .statusbar,.screen-full-screen .menubar,.screen-full-screen .optionsbar,.screen-full-screen .doc-tab,.screen-full-screen .zoom-control{display:none}.screen-full-screen .canvas-viewport{position:fixed;inset:0;z-index:100;background:#000}.navigator{padding:4px}.navigator__canvas{width:100%;image-rendering:auto;border:1px solid var(--border)}.info-panel{padding:6px 8px;font-size:11px}.info-panel__row{display:flex;justify-content:space-between;padding:2px 0}.info-panel__row .muted{min-width:20px}.info-val{font-variant-numeric:tabular-nums;text-align:right}.panel-title{font-size:10px;color:var(--text-mute);padding:4px 0;margin-bottom:4px;border-bottom:1px solid var(--border)}.shortcuts-editor{position:fixed;inset:0;z-index:1000;background:#0006;display:flex;align-items:center;justify-content:center;font-family:var(--font);font-size:11px;color:var(--text)}.shortcuts-editor__sheet{background:var(--bg-chrome);border:1px solid var(--border);width:600px;max-height:80vh;display:flex;flex-direction:column}.shortcuts-editor__title{height:24px;padding:0 10px;display:flex;align-items:center;background:var(--bg-panel);border-bottom:1px solid var(--border);font-size:11px}.shortcuts-editor__body{padding:10px;overflow-y:auto;flex:1}.shortcuts-editor__toolbar{display:flex;gap:6px;margin-bottom:10px}.shortcuts-editor__btn{height:22px;padding:0 10px;font-size:11px;background:var(--bg-chrome);border:1px solid var(--border-soft);color:var(--text);cursor:default}.shortcuts-editor__btn:hover{background:var(--bg-hover)}.shortcuts-editor__btn--primary{background:var(--accent-soft);border-color:var(--accent);color:#fff}.shortcuts-editor__btn--primary:hover{background:var(--accent)}.shortcuts-editor__category{margin-bottom:12px}.shortcuts-editor__cat-title{font-size:10px;color:var(--text-mute);border-bottom:1px solid var(--border);padding-bottom:2px;margin-bottom:4px}.shortcuts-editor__row{display:flex;justify-content:space-between;align-items:center;padding:3px 4px;border-radius:2px}.shortcuts-editor__row:hover{background:var(--bg-hover)}.shortcuts-editor__label{font-size:11px}.shortcuts-editor__key{font-family:monospace;font-size:10px;background:var(--bg-input);border:1px solid var(--border);padding:1px 6px;border-radius:2px;color:var(--text-mute)}.shortcuts-editor__actions{display:flex;justify-content:flex-end;gap:6px;padding:8px 10px;border-top:1px solid var(--border);background:var(--bg-panel)}.filter-dialog{position:fixed;inset:0;z-index:1000;background:#0006;display:flex;align-items:center;justify-content:center;font-family:var(--font);font-size:11px;color:var(--text)}.floating-panel{position:fixed;z-index:900;display:flex;flex-direction:column;background:var(--bg-chrome);border:1px solid var(--border);box-shadow:0 4px 16px #0006;font-family:var(--font);font-size:11px;color:var(--text);min-width:160px}.floating-panel__title{height:24px;padding:0 6px 0 10px;display:flex;align-items:center;gap:6px;background:var(--bg-panel);border-bottom:1px solid var(--border);font-size:11px;color:var(--text);cursor:move;user-select:none;flex-shrink:0}.floating-panel__title-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floating-panel__close{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;background:transparent;border:none;color:var(--text);cursor:default}.floating-panel__close:hover{background:var(--bg-hover)}.floating-panel__body{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;padding:8px}.filter-dialog__sheet{background:var(--bg-chrome);border:1px solid var(--border);width:480px;display:flex;flex-direction:column}.filter-dialog__title{height:24px;padding:0 10px;display:flex;align-items:center;background:var(--bg-panel);border-bottom:1px solid var(--border);font-size:11px;color:var(--text)}.filter-dialog__body{display:flex;gap:14px;padding:8px;align-items:flex-start}.filter-dialog__preview{width:140px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px}.filter-dialog__preview-canvas{width:140px;height:140px;border:1px solid var(--border);background:#000;image-rendering:auto}.filter-dialog__preview-label{font-size:10px;color:var(--text-mute)}.filter-dialog__fields{flex:1;display:flex;flex-direction:column;gap:6px}.filter-dialog__row{display:flex;align-items:center;gap:8px;min-height:22px}.filter-dialog__label{width:110px;flex-shrink:0;font-size:10px;color:var(--text-mute);text-align:right}.filter-dialog__slider-row{flex:1;display:flex;align-items:center;gap:6px}.filter-dialog__slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:var(--bg-input);border:1px solid var(--border);border-radius:2px;outline:none;cursor:default}.filter-dialog__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:1px;background:var(--accent);border:1px solid var(--accent);cursor:default}.filter-dialog__slider::-moz-range-thumb{width:12px;height:12px;border-radius:1px;background:var(--accent);border:1px solid var(--accent);cursor:default}.filter-dialog__num{width:60px;height:20px;background:var(--bg-input);border:1px solid var(--border);color:var(--text);font-size:11px;padding:0 4px;font-variant-numeric:tabular-nums;text-align:right}.filter-dialog__num:focus{outline:1px solid var(--accent);outline-offset:-1px}.filter-dialog__unit{font-size:10px;color:var(--text-mute);min-width:20px}.filter-dialog__check{appearance:none;width:12px;height:12px;background:var(--bg-input);border:1px solid var(--border-soft);margin:0;padding:0;position:relative;cursor:default}.filter-dialog__check:checked{background:var(--accent);border-color:var(--accent)}.filter-dialog__check:checked:after{content:"";position:absolute;left:3px;top:0;width:4px;height:7px;border-right:1.5px solid white;border-bottom:1.5px solid white;transform:rotate(45deg)}.filter-dialog__actions{display:flex;justify-content:flex-end;gap:6px;padding:8px 12px;border-top:1px solid var(--border);background:var(--bg-panel)}.filter-dialog__btn{height:22px;min-width:64px;padding:0 12px;font-size:11px;color:var(--text);background:var(--bg-chrome);border:1px solid var(--border-soft);cursor:default}.filter-dialog__btn:hover{background:var(--bg-hover)}.filter-dialog__btn:active{background:var(--bg-active)}.filter-dialog__btn--primary{background:var(--accent-soft);border-color:var(--accent);color:#fff}.filter-dialog__btn--primary:hover{background:var(--accent)}.histogram-panel{padding:6px 8px}.histogram-channel-select{margin-bottom:4px}.histogram-select{width:100%;height:20px;background:var(--bg-input);border:1px solid var(--border);color:var(--text);font-size:11px}.histogram-canvas{width:100%;height:80px;display:block;background:var(--bg-canvas);border:1px solid var(--border);image-rendering:pixelated}.histogram-stats{margin-top:4px;font-size:10px}.histogram-stats__row{display:flex;justify-content:space-between;padding:1px 0}.swatches-panel{padding:4px}.swatches-panel__actions{display:inline-flex;gap:2px;float:right}.swatches-grid{display:grid;grid-template-columns:repeat(auto-fill,20px);gap:2px;margin-top:4px;max-height:300px;overflow-y:auto}.swatch-item{width:20px;height:20px;border:1px solid var(--border);cursor:pointer}.swatch-item:hover{border-color:var(--accent)}.brush-settings-panel{padding:4px;font-size:11px}.brush-settings__content{max-height:400px;overflow-y:auto}.brush-presets{margin-bottom:4px}.brush-presets-select{width:100%;height:20px;background:var(--bg-input);border:1px solid var(--border);color:var(--text);font-size:11px}.brush-preview{display:flex;justify-content:center;padding:8px 0;background:var(--bg-input);border:1px solid var(--border);margin-bottom:6px}.brush-preview canvas{image-rendering:pixelated}.brush-section{margin-bottom:6px}.brush-section__title{font-size:10px;color:var(--text-mute);border-bottom:1px solid var(--border);padding-bottom:2px;margin-bottom:4px}.brush-row{display:flex;align-items:center;gap:6px;padding:2px 0}.brush-row label{min-width:80px;font-size:11px}.brush-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:var(--bg-input);border:1px solid var(--border);border-radius:2px;outline:none;cursor:default}.brush-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:1px;background:var(--accent);border:1px solid var(--accent);cursor:default}.brush-val{min-width:30px;text-align:right;font-size:10px;color:var(--text-mute)}.gradient-editor{padding:4px;font-size:11px}.gradient-editor__content{max-height:400px;overflow-y:auto}.gradient-presets{margin-bottom:4px}.gradient-presets select{width:100%;height:20px;background:var(--bg-input);border:1px solid var(--border);color:var(--text);font-size:11px}.gradient-preview{margin:4px 0}.gradient-preview canvas{width:100%;height:20px;display:block;border:1px solid var(--border)}.gradient-stops-container,.gradient-opacity-stops-container{position:relative;height:16px;margin:2px 0}.gradient-controls{margin-top:6px}.btn-sm{height:20px;padding:0 8px;font-size:10px;background:var(--bg-chrome);border:1px solid var(--border-soft);color:var(--text);cursor:default}.btn-sm:hover{background:var(--bg-hover)}.pattern-editor{padding:4px;font-size:11px}.pattern-editor__content{max-height:400px;overflow-y:auto}.pattern-preview{margin-bottom:6px}.pattern-preview canvas{width:128px;height:128px;display:block;border:1px solid var(--border);image-rendering:pixelated;background:repeating-conic-gradient(#333 0% 25%,#444 0% 50%) 0 0 / 8px 8px}.pattern-tile-preview{margin-bottom:6px}.pattern-tile-preview canvas{width:96px;height:96px;display:block;border:1px solid var(--border);image-rendering:pixelated}.pattern-controls{display:flex;gap:8px;margin-bottom:6px}.pattern-controls .brush-row label,.pattern-controls .brush-row input{min-width:0}.pattern-presets{margin-bottom:6px}.pattern-actions{display:flex;gap:4px;flex-wrap:wrap}.navigator__zoom-row{display:flex;align-items:center;gap:4px;margin-top:4px}.navigator__zoom-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:var(--bg-input);border:1px solid var(--border);border-radius:2px;outline:none;cursor:default}.navigator__zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:1px;background:var(--accent);border:1px solid var(--accent);cursor:default}.navigator__zoom-label{font-size:10px;min-width:32px;text-align:right}.info-section{margin-bottom:6px}.info-section-title{font-size:10px;color:var(--text-dim);border-bottom:1px solid var(--border);padding-bottom:2px;margin-bottom:2px}.styles-panel{padding:4px}.styles-panel__actions{display:inline-flex;gap:2px;float:right}.styles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;max-height:300px;overflow-y:auto}.style-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:2px;padding:4px;cursor:pointer;text-align:center}.style-item:hover{border-color:var(--accent)}.style-item__preview{width:100%;height:40px;overflow:hidden;margin-bottom:2px}.style-item__name{font-size:10px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.properties-panel,.properties-body{padding:4px}.prop-section{margin-bottom:8px}.prop-section-title{font-size:10px;color:var(--text-dim);border-bottom:1px solid var(--border);padding-bottom:2px;margin-bottom:4px}.prop-row{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:11px}.prop-row label{min-width:70px;color:var(--text-dim);font-size:10px}.prop-input{flex:1;background:var(--bg-input);border:1px solid var(--border);color:var(--text);padding:2px 4px;border-radius:2px;font-size:10px;min-width:0}.prop-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:var(--bg-input);border:1px solid var(--border);border-radius:2px;outline:none;cursor:default;min-width:0}.prop-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:1px;background:var(--accent);border:1px solid var(--accent);cursor:default}.prop-select{flex:1;background:var(--bg-input);border:1px solid var(--border);color:var(--text);padding:2px 4px;border-radius:2px;font-size:10px}.prop-value{font-size:10px;min-width:30px;text-align:right;color:var(--text)}.prop-color-swatch{width:24px;height:16px;border:1px solid var(--border);border-radius:2px;cursor:pointer}.prop-checkbox{display:flex;align-items:center;gap:4px;cursor:pointer}.prop-checkbox input{margin:0}.prop-btn{flex:1;background:var(--bg-input);border:1px solid var(--border);color:var(--text);padding:4px 8px;border-radius:2px;font-size:10px;cursor:pointer}.prop-btn:hover{background:var(--accent);color:#fff}.adjustments-panel{padding:4px}.adjustments-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px}.adjustment-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:2px;padding:6px 2px;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.adjustment-item:hover{border-color:var(--accent);background:var(--bg-hover)}.adjustment-item__icon{font-size:12px;line-height:1}.adjustment-item__label{font-size:10px;color:var(--text-dim);line-height:1.1;overflow-wrap:anywhere}.shapes-panel{padding:4px}.shapes-panel__grid{display:grid;grid-template-columns:repeat(auto-fill,64px);gap:4px;margin-top:4px;max-height:340px;overflow-y:auto;padding:2px}.shapes-panel__item{display:flex;flex-direction:column;align-items:center;gap:3px;width:64px;padding:6px 2px;background:var(--bg-input);border:1px solid var(--border);border-radius:2px;color:var(--text);font-size:9px;cursor:pointer}.shapes-panel__item:hover{border-color:var(--accent)}.shapes-panel__item.is-active{border-color:var(--accent);background:var(--bg-active)}.shapes-panel__label{text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.shapes-panel__swatch{width:28px;height:28px;background:var(--text-mute);display:inline-block}.shapes-panel__swatch--heart{clip-path:polygon(50% 15%,61% 5%,75% 5%,90% 20%,90% 35%,50% 90%,10% 35%,10% 20%,25% 5%,39% 5%)}.shapes-panel__swatch--star-5{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.shapes-panel__swatch--star-6{clip-path:polygon(50% 0%,65% 25%,93% 25%,78% 50%,93% 75%,65% 75%,50% 100%,35% 75%,7% 75%,22% 50%,7% 25%,35% 25%)}.shapes-panel__swatch--star-8{clip-path:polygon(50% 0%,61% 20%,82% 9%,80% 32%,100% 39%,82% 55%,91% 78%,68% 70%,61% 93%,50% 73%,39% 93%,32% 70%,9% 78%,18% 55%,0% 39%,20% 32%,18% 9%,39% 20%)}.shapes-panel__swatch--flower{border-radius:50%;box-shadow:0 0 0 4px var(--bg-input) inset}.shapes-panel__swatch--arrow-right{clip-path:polygon(0% 25%,60% 25%,60% 0%,100% 50%,60% 100%,60% 75%,0% 75%)}.shapes-panel__swatch--arrow-left{clip-path:polygon(100% 25%,40% 25%,40% 0%,0% 50%,40% 100%,40% 75%,100% 75%)}.shapes-panel__swatch--arrow-up{clip-path:polygon(25% 100%,25% 40%,0% 40%,50% 0%,100% 40%,75% 40%,75% 100%)}.shapes-panel__swatch--arrow-down{clip-path:polygon(25% 0%,75% 0%,75% 60%,100% 60%,50% 100%,0% 60%,25% 60%)}.shapes-panel__swatch--speech-bubble{clip-path:polygon(0% 0%,100% 0%,100% 70%,40% 70%,25% 100%,25% 70%,0% 70%)}.shapes-panel__swatch--cloud{border-radius:45%}.shapes-panel__swatch--lightning{clip-path:polygon(60% 0%,20% 55%,45% 55%,35% 100%,85% 40%,55% 40%)}.shapes-panel__swatch--checkmark{clip-path:polygon(0% 55%,20% 35%,40% 55%,85% 5%,100% 20%,40% 90%)}.shapes-panel__swatch--cross{clip-path:polygon(35% 0%,65% 0%,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0% 65%,0% 35%,35% 35%)}.shapes-panel__swatch--circle-badge{border-radius:50%}.shapes-panel__swatch--shield{clip-path:polygon(50% 0%,100% 15%,100% 55%,50% 100%,0% 55%,0% 15%)}.shapes-panel__swatch--gear{border-radius:50%;box-shadow:0 0 0 4px var(--bg-input) inset,0 -13px 0 -10px var(--text-mute),0 13px 0 -10px var(--text-mute),-13px 0 0 -10px var(--text-mute),13px 0 0 -10px var(--text-mute)}.shapes-panel__swatch--moon{border-radius:50%;box-shadow:7px -5px 0 0 var(--bg-input) inset}.shapes-panel__swatch--sun{border-radius:50%}.shapes-panel__swatch--bookmark{clip-path:polygon(0% 0%,100% 0%,100% 100%,50% 75%,0% 100%)}html.screen-full-menu .doc-tabs,html.screen-full-menu .statusbar{display:none}html.screen-full-menu .app{height:100vh}html.screen-full-screen .menubar,html.screen-full-screen .optionsbar,html.screen-full-screen .toolrail,html.screen-full-screen .panels,html.screen-full-screen .doc-tabs,html.screen-full-screen .statusbar,html.screen-full-screen .adslot{display:none!important}html.screen-full-screen .main{display:flex}html.screen-full-screen .canvas-area{margin:0;padding:0}html.screen-full-screen .canvas-viewport{background:#000}html.screen-full-screen .app{background:#000;height:100vh}.ruler-unit-indicator{position:absolute;top:2px;left:22px;font-size:10px;color:var(--text-mute);z-index:25;cursor:pointer}.panel__header{cursor:move;user-select:none}.panel--floated{position:absolute;z-index:100;box-shadow:0 4px 12px #0006;border:1px solid var(--border);border-radius:4px}.panel--minimized .panel__body{display:none}.panel__tab-context{position:absolute;top:0;right:0;z-index:10;background:var(--bg-primary);border:1px solid var(--border);border-radius:0 0 0 4px;padding:4px;font-size:10px}.panel__tab-context div{padding:4px 12px;cursor:pointer;white-space:nowrap}.panel__tab-context div:hover{background:var(--accent);color:#fff}.snap-indicator{position:absolute;pointer-events:none;z-index:50;border:1px dashed rgba(0,180,255,.6)}.workspace-menu{position:absolute;z-index:200;background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;box-shadow:0 4px 12px #0000004d;padding:4px 0;min-width:180px}.workspace-menu__item{padding:6px 16px;font-size:12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.workspace-menu__item:hover{background:var(--accent);color:#fff}.workspace-menu__item.is-active:after{content:"✓"}.context-menu{position:absolute;z-index:300;background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:4px;box-shadow:0 4px 16px #0006;padding:4px 0;min-width:200px}.context-menu__items{list-style:none;margin:0;padding:0}.context-menu__item{padding:6px 24px;font-size:12px;cursor:default;display:flex;justify-content:space-between;align-items:center}.context-menu__item:hover{background:var(--accent);color:#fff}.context-menu__item:active{background:var(--accent-soft)}.context-menu__sep{height:1px;background:var(--border-soft);margin:4px 0}.loading-indicator{display:inline-flex;align-items:center;gap:6px;padding:0 8px;color:var(--accent)}.loading-indicator .spinner{width:12px;height:12px;border:2px solid var(--border-soft);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.loading-indicator .loading-text{font-size:10px}.filter-status .spinner{width:10px;height:10px;border:1.5px solid var(--border-soft);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}