:root{color-scheme:dark;--pw-app-bg: #1c1c1c;--pw-well-bg: #272727;--pw-panel-bg: #323232;--pw-panel-header-bg: #3b3b3b;--pw-tab-inactive-bg: #2c2c2c;--pw-control-bg: #454545;--pw-control-bg-hover: #565656;--pw-control-bg-active: #2f2f2f;--pw-float-bg: #383838;--pw-border: #1b1b1b;--pw-border-soft: #4a4a4a;--pw-splitter: #232323;--pw-text: #d4d4d4;--pw-text-dim: #9a9a9a;--pw-text-disabled: #6a6a6a;--pw-icon: #bcbcbc;--pw-icon-active: #f0f0f0;--pw-row-hover: #3a3a3a;--pw-row-selected: #4d4d4d;--pw-row-selected-text: #ffffff;--pw-accent: #1473e6;--pw-accent-soft: #2b5b91;--pw-danger: #d64b4b;--pw-checker-light: #ffffff;--pw-checker-dark: #cbcbcb;--pw-radius: 3px;--pw-panel-header-h: 26px;--pw-layer-row-h: 42px;--pw-layer-thumb: 34px;--pw-splitter-size: 5px;--pw-bg: var(--pw-app-bg);--pw-panel: var(--pw-panel-bg);--pw-panel-2: var(--pw-control-bg)}:root[data-pw-theme=darkest]{--pw-app-bg: #0f0f0f;--pw-well-bg: #171717;--pw-panel-bg: #1b1b1b;--pw-panel-header-bg: #242424;--pw-tab-inactive-bg: #161616;--pw-control-bg: #2e2e2e;--pw-control-bg-hover: #3d3d3d;--pw-control-bg-active: #1a1a1a;--pw-float-bg: #222222;--pw-border: #0a0a0a;--pw-border-soft: #333333;--pw-splitter: #131313;--pw-row-hover: #262626;--pw-row-selected: #3a3a3a}:root[data-pw-theme=medium]{--pw-app-bg: #3a3a3a;--pw-well-bg: #4a4a4a;--pw-panel-bg: #535353;--pw-panel-header-bg: #5f5f5f;--pw-tab-inactive-bg: #4b4b4b;--pw-control-bg: #6b6b6b;--pw-control-bg-hover: #7c7c7c;--pw-control-bg-active: #4f4f4f;--pw-float-bg: #5b5b5b;--pw-border: #303030;--pw-border-soft: #6d6d6d;--pw-splitter: #414141;--pw-text: #f0f0f0;--pw-text-dim: #c4c4c4;--pw-text-disabled: #909090;--pw-icon: #e2e2e2;--pw-icon-active: #ffffff;--pw-row-hover: #5e5e5e;--pw-row-selected: #767676}:root[data-pw-theme=light]{color-scheme:light;--pw-app-bg: #9a9a9a;--pw-well-bg: #ababab;--pw-panel-bg: #b8b8b8;--pw-panel-header-bg: #c4c4c4;--pw-tab-inactive-bg: #adadad;--pw-control-bg: #d0d0d0;--pw-control-bg-hover: #dedede;--pw-control-bg-active: #b0b0b0;--pw-float-bg: #c9c9c9;--pw-border: #7d7d7d;--pw-border-soft: #cccccc;--pw-splitter: #8f8f8f;--pw-text: #1c1c1c;--pw-text-dim: #4a4a4a;--pw-text-disabled: #7b7b7b;--pw-icon: #333333;--pw-icon-active: #000000;--pw-row-hover: #c2c2c2;--pw-row-selected: #a2a2a2;--pw-row-selected-text: #000000}.pw-dock{position:relative;display:flex;flex-direction:column;flex:0 0 auto;min-height:0;background:var(--pw-panel-bg);border-left:1px solid var(--pw-border)}.pw-dock-resizer{position:absolute;top:0;bottom:0;left:calc(var(--pw-splitter-size) * -.5);z-index:5;width:var(--pw-splitter-size);cursor:col-resize;touch-action:none}.pw-dock-resizer:hover,.pw-dock-resizer.is-dragging{background:var(--pw-accent)}.pw-dock-stack{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}.pw-dock-slot{display:flex;flex-direction:column;min-height:0}.pw-dock-splitter{flex:0 0 var(--pw-splitter-size);background:var(--pw-splitter);border-top:1px solid var(--pw-border);border-bottom:1px solid var(--pw-border);cursor:row-resize;touch-action:none}.pw-dock-splitter:hover,.pw-dock-splitter.is-dragging{background:var(--pw-accent)}.pw-dock-splitter.is-static{flex-basis:1px;background:var(--pw-border);border:0;cursor:default}.pw-dock .pw-panel{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--pw-panel-bg);border-bottom:0}.pw-dock .pw-panel.is-collapsed{flex:0 0 auto}.pw-dock .pw-panel-header{position:relative;display:flex;align-items:stretch;flex:0 0 var(--pw-panel-header-h);height:var(--pw-panel-header-h);padding:0;font-weight:400;background:var(--pw-tab-inactive-bg);border-bottom:1px solid var(--pw-border)}.pw-dock .pw-panel-collapse{display:grid;place-items:center;width:18px;color:var(--pw-icon)}.pw-dock .pw-panel-collapse:hover{color:var(--pw-icon-active)}.pw-dock .pw-panel-tabs{display:flex;align-items:stretch;min-width:0;overflow:hidden}.pw-dock .pw-panel-tab{display:flex;align-items:center;padding:0 12px 0 4px;color:var(--pw-text-dim);background:none;border-top:1px solid transparent;white-space:nowrap;-webkit-user-select:none;user-select:none;touch-action:none}.pw-dock .pw-panel-tabs .pw-panel-tab:not(:first-child){padding-left:10px}.pw-dock .pw-panel-tab:hover{color:var(--pw-text)}.pw-dock .pw-panel-tab.is-active{color:var(--pw-text);background:var(--pw-panel-bg)}.pw-dock .pw-panel-tab.is-dragging{opacity:.45}.pw-dock .pw-panel.is-collapsed .pw-panel-tab{color:var(--pw-text-dim);background:none}.pw-dock .pw-panel.is-collapsed .pw-panel-tab.is-active{color:var(--pw-text)}.pw-dock .pw-panel-tab-filler{flex:1}.pw-dock .pw-panel-menu-button{display:grid;place-items:center;width:24px;color:var(--pw-icon)}.pw-dock .pw-panel-menu-button:hover,.pw-dock .pw-panel-menu-button.is-open{color:var(--pw-icon-active)}.pw-dock .pw-panel-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.pw-dock .pw-panel-body.is-scrollable{overflow-y:auto}.pw-dock-drag-ghost{position:fixed;z-index:200;padding:3px 9px;font-size:11px;color:var(--pw-text);background:var(--pw-float-bg);border:1px solid var(--pw-border);border-radius:var(--pw-radius);box-shadow:0 4px 12px #00000073;pointer-events:none}.pw-dock-drop-caret{position:fixed;z-index:200;width:2px;transform:translate(-1px);background:var(--pw-accent);pointer-events:none}.pw-dock-drop-line{position:fixed;z-index:200;height:2px;transform:translateY(-1px);background:var(--pw-accent);pointer-events:none}.pw-dock-drop-outline{position:fixed;z-index:200;background:var(--pw-accent-soft);opacity:.25;outline:2px solid var(--pw-accent);outline-offset:-2px;pointer-events:none}.pw-panel-popup{position:absolute;z-index:150;min-width:190px;margin:0;padding:4px;list-style:none;background:var(--pw-float-bg);border:1px solid var(--pw-border);border-radius:var(--pw-radius);box-shadow:0 8px 22px #00000080}.pw-panel-popup.is-below-right{top:100%;right:2px}.pw-panel-popup.is-above-left{bottom:100%;left:0;margin-bottom:4px}.pw-panel-popup li.has-submenu{position:relative}.pw-panel-popup .pw-panel-popup.is-submenu{top:-5px;right:calc(100% + 3px);z-index:151}.pw-panel-submenu-arrow{display:grid;place-items:center;margin-left:auto;padding-left:12px;color:var(--pw-icon)}.pw-panel-popup button{display:flex;align-items:center;gap:8px;width:100%;padding:5px 10px;border-radius:2px;text-align:left;color:var(--pw-text)}.pw-panel-popup button:not(:disabled):hover{background:var(--pw-accent);color:#fff}.pw-panel-popup li.has-separator{margin:4px 0;border-top:1px solid var(--pw-border-soft);padding-top:4px}.pw-dock .pw-layers-controls{display:flex;flex-direction:column;gap:5px;flex:0 0 auto;padding:6px 8px;border-bottom:1px solid var(--pw-border)}.pw-layers-row{display:flex;align-items:center;gap:8px}.pw-blend-select{flex:1 1 auto;min-width:0;height:21px;padding:0 4px;color:var(--pw-text);background:var(--pw-control-bg);border:1px solid var(--pw-border);border-radius:2px}.pw-blend-select:disabled{color:var(--pw-text-disabled)}.pw-num-field{display:flex;align-items:center;gap:5px;flex:0 0 auto}.pw-num-field>span:first-child{color:var(--pw-text-dim)}.pw-num-field input[type=range]{width:62px;accent-color:var(--pw-accent)}.pw-num-value{min-width:34px;text-align:right;color:var(--pw-text);font-variant-numeric:tabular-nums}.pw-lock-row{display:flex;align-items:center;gap:4px;flex:1 1 auto;color:var(--pw-text-dim)}.pw-lock-button{display:grid;place-items:center;width:20px;height:20px;border-radius:2px;color:var(--pw-icon)}.pw-lock-button:hover{background:var(--pw-control-bg);color:var(--pw-icon-active)}.pw-lock-button.is-active{background:var(--pw-control-bg-active);color:var(--pw-icon-active);outline:1px solid var(--pw-border-soft)}.pw-dock .pw-layer-list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto;background:var(--pw-well-bg)}.pw-dock .pw-layer-row{position:relative;display:flex;align-items:center;gap:0;height:var(--pw-layer-row-h);padding:0 6px 0 0;border-bottom:1px solid var(--pw-border);border-radius:0;cursor:default}.pw-dock .pw-layer-row:hover{background:var(--pw-row-hover)}.pw-dock .pw-layer-row.is-active{background:var(--pw-row-selected);outline:none}.pw-dock .pw-layer-row.is-active .pw-layer-name{color:var(--pw-row-selected-text)}.pw-dock .pw-layer-row.is-drop-above{box-shadow:inset 0 2px 0 0 var(--pw-accent)}.pw-dock .pw-layer-row.is-drop-below{box-shadow:inset 0 -2px 0 0 var(--pw-accent)}.pw-dock .pw-layer-row.is-dragging{opacity:.45}.pw-layer-eye-cell{display:grid;place-items:center;flex:0 0 24px;align-self:stretch;border-right:1px solid var(--pw-border)}.pw-dock .pw-layer-eye{display:grid;place-items:center;width:22px;height:22px;color:var(--pw-icon)}.pw-dock .pw-layer-eye:hover{color:var(--pw-icon-active)}.pw-dock .pw-layer-row.is-hidden .pw-layer-eye{color:var(--pw-text-disabled)}.pw-layer-indent{flex:0 0 auto;align-self:stretch}.pw-dock .pw-layer-expander{display:grid;place-items:center;flex:0 0 14px;height:100%;color:var(--pw-text-dim)}.pw-dock .pw-layer-expander:hover{color:var(--pw-text)}.pw-layer-expander-spacer{flex:0 0 14px}.pw-layer-thumb{position:relative;display:grid;place-items:center;flex:0 0 auto;width:var(--pw-layer-thumb);height:var(--pw-layer-thumb);margin:0 6px 0 4px;color:var(--pw-icon);background:var(--pw-well-bg);border:1px solid var(--pw-border-soft);overflow:hidden}.pw-layer-thumb canvas{display:block;width:100%;height:100%;object-fit:contain}.pw-layer-badge{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:13px;height:13px;color:var(--pw-text);background:var(--pw-panel-bg);border-top:1px solid var(--pw-border-soft);border-left:1px solid var(--pw-border-soft)}.pw-layer-badge svg{width:10px;height:10px}.pw-dock .pw-layer-mask-chip{display:grid;place-items:center;flex:0 0 auto;width:26px;height:26px;margin-right:6px;color:var(--pw-icon);background:var(--pw-well-bg);border:1px solid var(--pw-border-soft)}.pw-dock .pw-layer-mask-chip.is-disabled{opacity:.45}.pw-dock .pw-layer-mask-chip.is-target{border-color:var(--pw-accent);outline:1px solid var(--pw-accent);color:var(--pw-icon-active)}.pw-dock .pw-layer-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pw-text)}.pw-dock .pw-layer-row.is-hidden .pw-layer-name{color:var(--pw-text-disabled)}.pw-dock .pw-layer-name-input{flex:1 1 auto;min-width:0;font:inherit;color:var(--pw-text);background:var(--pw-app-bg);border:1px solid var(--pw-accent);border-radius:2px;padding:1px 4px}.pw-layer-marks{display:flex;align-items:center;gap:4px;flex:0 0 auto;padding-left:6px;color:var(--pw-text-dim)}.pw-layer-marks .pw-layer-lock{color:var(--pw-icon)}.pw-dock .pw-layer-empty{padding:16px 12px;color:var(--pw-text-dim);text-align:center;border-bottom:0}.pw-fx-row{display:flex;align-items:center;height:22px;padding-right:6px;background:var(--pw-panel-bg);border-bottom:1px solid var(--pw-border);color:var(--pw-text-dim);cursor:default}.pw-fx-row:hover{background:var(--pw-row-hover)}.pw-fx-row .pw-layer-eye-cell{flex:0 0 24px}.pw-fx-row .pw-layer-eye{width:18px;height:18px}.pw-fx-label{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw-fx-row.is-parent .pw-fx-label{color:var(--pw-text)}.pw-fx-row.is-hidden-effect .pw-fx-label{color:var(--pw-text-disabled);font-style:italic}.pw-fx-icon{display:grid;place-items:center;flex:0 0 18px;color:var(--pw-icon)}.pw-dock .pw-panel-footer{position:relative;display:flex;align-items:center;justify-content:center;gap:2px;flex:0 0 auto;padding:3px 4px;background:var(--pw-panel-bg);border-top:1px solid var(--pw-border)}.pw-dock .pw-panel-footer button{display:grid;place-items:center;width:26px;height:22px;padding:0;border-radius:2px;background:none;color:var(--pw-icon)}.pw-dock .pw-panel-footer button:not(:disabled):hover{background:var(--pw-control-bg);color:var(--pw-icon-active)}.pw-dock .pw-panel-footer button.is-open{background:var(--pw-control-bg-active);color:var(--pw-icon-active)}.pw-footer-menu-anchor{position:relative;display:flex}.pw-dock .pw-history-list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto;background:var(--pw-well-bg)}.pw-dock .pw-history-row{display:flex;align-items:center;gap:7px;padding:4px 8px;border-radius:0;color:var(--pw-text);cursor:default}.pw-dock .pw-history-row:hover{background:var(--pw-row-hover)}.pw-dock .pw-history-row.is-current{background:var(--pw-row-selected);color:var(--pw-row-selected-text)}.pw-dock .pw-history-row.is-undone{color:var(--pw-text-disabled);font-style:normal}.pw-history-icon{display:grid;place-items:center;flex:0 0 15px;color:var(--pw-icon)}.pw-dock .pw-props-body{gap:7px;padding:8px 9px}.pw-dock .pw-props-panel{max-height:none;overflow:hidden}.pw-dock .pw-field>span:first-child{flex:0 0 auto;width:64px;color:var(--pw-text-dim)}.pw-dock .pw-field select,.pw-dock .pw-text-input{background:var(--pw-control-bg);border-color:var(--pw-border)}.pw-color-panel-body{display:flex;flex-direction:column;gap:4px;flex:1;min-height:0;padding:5px}.pw-color-panel .pw-picker-sv{flex:1 1 auto;min-height:40px}.pw-color-panel .pw-picker-hue,.pw-color-panel-targets,.pw-color-panel-hex{flex:0 0 auto}.pw-color-panel-targets{display:flex;gap:4px}.pw-color-panel-target{position:relative;flex:1;height:20px;border:1px solid var(--pw-border);border-radius:2px}.pw-color-panel-target.is-active{outline:2px solid var(--pw-accent);outline-offset:-1px}.pw-color-panel-target span{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;color:var(--pw-text-dim);text-shadow:0 0 3px var(--pw-app-bg)}.pw-color-panel-hex{display:flex;align-items:center;gap:4px;color:var(--pw-text-dim)}.pw-color-panel-hex input{flex:1;min-width:0;font:inherit;font-variant-numeric:tabular-nums;color:var(--pw-text);background:var(--pw-well-bg);border:1px solid var(--pw-border);border-radius:2px;padding:1px 4px}.pw-color-panel-hex.is-invalid input{border-color:var(--pw-danger)}.pw-swatches-body{flex:1;min-height:0;overflow-y:auto;padding:6px}.pw-swatch-grid{display:grid;gap:1px}.pw-swatch{aspect-ratio:1;border:1px solid rgb(0 0 0 / .45);border-radius:1px}.pw-swatch:hover{outline:1px solid var(--pw-text);outline-offset:-1px}.pw-swatch:focus-visible{outline:2px solid var(--pw-accent);outline-offset:-1px}.pw-swatches-divider{margin:8px 0 4px;padding-bottom:2px;color:var(--pw-text-dim);border-bottom:1px solid var(--pw-border-soft)}.pw-swatches-empty{margin:8px 2px 0;color:var(--pw-text-dim)}.pw-snapshot-list{margin:0;padding:2px 0;list-style:none;border-bottom:1px solid var(--pw-border)}.pw-snapshot-row{display:flex;align-items:center;gap:4px;padding:0 4px 0 6px}.pw-snapshot-row.is-source{background:var(--pw-row-selected);color:var(--pw-row-selected-text)}.pw-snapshot-name{display:flex;align-items:center;gap:6px;flex:1;padding:3px 0;text-align:left}.pw-snapshot-delete{display:grid;place-items:center;width:20px;height:18px;color:var(--pw-icon)}.pw-snapshot-delete:hover{color:var(--pw-icon-active)}.pw-props-group{display:flex;flex-direction:column;gap:4px;padding:6px 0 2px;border-top:1px solid var(--pw-border)}.pw-props-group-label{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--pw-text-dim)}.pw-props-group .pw-field>span:first-child{font-family:var(--pw-font-mono, ui-monospace, Menlo, monospace);font-size:11px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden}body{background:var(--pw-bg);color:var(--pw-text);font:12px/1.45 -apple-system,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}button:disabled{opacity:.4;cursor:default}.pw-shell{display:flex;flex-direction:column;height:100%}.pw-main{flex:1;display:flex;min-height:0}.pw-menubar{display:flex;align-items:center;height:30px;padding:0 10px;gap:2px;background:var(--pw-panel);border-bottom:1px solid var(--pw-border)}.pw-logo{font-weight:600;margin-right:10px;color:var(--pw-text);letter-spacing:.02em}.pw-menu{position:relative}.pw-menu-button{padding:4px 9px;border-radius:var(--pw-radius)}.pw-menu-button:hover,.pw-menu-button.is-open{background:var(--pw-panel-2)}.pw-menu-dropdown{position:absolute;top:100%;left:0;z-index:100;min-width:230px;margin:2px 0 0;padding:4px;list-style:none;background:var(--pw-panel-2);border:1px solid var(--pw-border);border-radius:var(--pw-radius);box-shadow:0 6px 18px #00000073}.pw-menu-dropdown li.has-separator{border-bottom:1px solid var(--pw-border);margin-bottom:4px;padding-bottom:4px}.pw-menu-dropdown button{display:flex;justify-content:space-between;gap:24px;width:100%;padding:5px 10px;border-radius:3px;text-align:left}.pw-menu-dropdown button:not(:disabled):hover{background:var(--pw-accent);color:#fff}.pw-menu-dropdown li{position:relative}.pw-menu-submenu{top:-4px;left:100%;margin:0 0 0 1px}.pw-menu-arrow{margin-left:auto;color:var(--pw-text-dim)}.pw-menu-dropdown button:not(:disabled):hover .pw-menu-arrow{color:#ffffffbf}.pw-menu-dropdown kbd{font:inherit;color:var(--pw-text-dim)}.pw-menu-dropdown button:not(:disabled):hover kbd{color:#ffffffbf}.pw-menubar-title{margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pw-text-dim)}.pw-menubar-home{flex-shrink:0;margin-left:12px;color:var(--pw-text-dim);white-space:nowrap;text-decoration:none}.pw-menubar-home:hover{color:var(--pw-text);text-decoration:underline}.pw-options-bar{display:flex;align-items:center;gap:10px;flex-shrink:0;height:34px;padding:0 10px;background:var(--pw-panel);border-bottom:1px solid var(--pw-border);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.pw-options-tool{display:flex;align-items:center;gap:7px;flex-shrink:0}.pw-options-tool-icon{display:grid;place-items:center;width:22px;height:22px;color:var(--pw-text)}.pw-options-tool-icon svg{width:18px;height:18px}.pw-options-tool-name{color:var(--pw-text);font-weight:600;white-space:nowrap}.pw-options-divider{flex-shrink:0;width:1px;height:18px;background:var(--pw-border)}.pw-options-controls{display:flex;align-items:center;gap:14px;min-width:0}.pw-option{display:flex;align-items:center;gap:6px;white-space:nowrap}.pw-option-label{color:var(--pw-text-dim)}.pw-option-value{min-width:38px;color:var(--pw-text);font-variant-numeric:tabular-nums}.pw-option input[type=range]{width:90px;accent-color:var(--pw-accent)}.pw-option input[type=checkbox]{accent-color:var(--pw-accent)}.pw-option input[type=color]{width:26px;height:20px;padding:0;background:none;border:1px solid var(--pw-border);border-radius:3px}.pw-option-number,.pw-options-bar select{height:22px;padding:0 4px;color:var(--pw-text);background:var(--pw-panel-2);border:1px solid var(--pw-border);border-radius:3px}.pw-option-number{width:58px}.pw-option-buttons{gap:2px}.pw-option-buttons button{min-width:22px;height:22px;padding:0 7px;border-radius:3px;color:var(--pw-text-dim)}.pw-option-buttons button:hover{background:var(--pw-panel-2);color:var(--pw-text)}.pw-option-buttons button.is-active{background:var(--pw-accent-soft);color:#fff;outline:1px solid var(--pw-accent)}.pw-option-hint{color:var(--pw-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw-toolbar{display:flex;flex-direction:column;align-items:center;gap:4px;width:64px;padding:6px 0 10px;background:var(--pw-panel);border-right:1px solid var(--pw-border)}.pw-toolbar-tools{display:flex;flex-direction:column;gap:2px}.pw-tool-row{display:flex;gap:2px}.pw-tool-row.has-separator{margin-top:6px;padding-top:6px;border-top:1px solid var(--pw-border)}.pw-tool-slot{position:relative}.pw-tool-button{position:relative;display:grid;place-items:center;width:28px;height:28px;border-radius:var(--pw-radius);font-weight:600;color:var(--pw-text-dim)}.pw-tool-button svg{width:19px;height:19px}.pw-tool-glyph-fallback{font-size:12px;line-height:1}.pw-tool-button:hover{background:var(--pw-panel-2);color:var(--pw-text)}.pw-tool-button.is-active{background:var(--pw-accent-soft);color:#fff;outline:1px solid var(--pw-accent)}.pw-tool-button .pw-tool-flyout-marker{position:absolute;right:1px;bottom:1px;width:4px;height:4px;opacity:.75}.pw-tool-flyout{position:absolute;top:-4px;left:calc(100% + 4px);z-index:200;min-width:200px;margin:0;padding:4px;list-style:none;background:var(--pw-panel-2);border:1px solid var(--pw-border);border-radius:var(--pw-radius);box-shadow:0 6px 18px #00000073}.pw-tool-flyout-item{display:flex;align-items:center;gap:8px;width:100%;padding:5px 8px;border-radius:3px;text-align:left;color:var(--pw-text)}.pw-tool-flyout-item:hover,.pw-tool-flyout-item:focus-visible{background:var(--pw-accent);color:#fff}.pw-tool-flyout-item.is-active{background:var(--pw-accent-soft)}.pw-tool-flyout-item.is-active:hover,.pw-tool-flyout-item.is-active:focus-visible{background:var(--pw-accent)}.pw-tool-flyout-glyph{display:grid;place-items:center;width:18px;height:18px}.pw-tool-flyout-glyph svg{width:17px;height:17px}.pw-tool-flyout-name{flex:1}.pw-tool-flyout-item kbd{font:inherit;color:var(--pw-text-dim)}.pw-tool-flyout-item:hover kbd,.pw-tool-flyout-item:focus-visible kbd{color:#ffffffbf}.pw-toolbar-spacer{flex:1;min-height:10px}.pw-color-well{position:relative;width:52px;height:52px;flex-shrink:0}.pw-color-swatch{position:absolute;width:24px;height:24px;border:1px solid #0e0e0e;box-shadow:0 0 0 1px var(--pw-border)}.pw-color-swatch.is-foreground{left:8px;top:6px;z-index:2}.pw-color-swatch.is-background{left:22px;top:20px;z-index:1}.pw-color-swatch:hover{box-shadow:0 0 0 1px var(--pw-text-dim)}.pw-color-swap,.pw-color-reset{position:absolute;display:grid;place-items:center;width:14px;height:14px;color:var(--pw-text-dim);z-index:3}.pw-color-swap{right:0;top:0}.pw-color-reset{left:0;bottom:0}.pw-color-swap:hover,.pw-color-reset:hover{color:var(--pw-text)}.pw-color-swap svg,.pw-color-reset svg{width:12px;height:12px}.pw-quick-mask{display:grid;place-items:center;width:28px;height:26px;margin-top:8px;border-radius:var(--pw-radius);color:var(--pw-text-dim)}.pw-quick-mask svg{width:18px;height:18px}.pw-toolbar :focus-visible,.pw-options-bar :focus-visible{outline:2px solid var(--pw-accent);outline-offset:1px}.pw-canvas-host{position:relative;flex:1;min-width:0;overflow:hidden;background:var(--pw-bg)}.pw-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}.pw-overlay{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.pw-canvas-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:24px;background:var(--pw-bg)}.pw-canvas-error p{margin:0;color:var(--pw-text-dim);max-width:420px}.pw-props-body{display:flex;flex-direction:column;gap:6px;padding:8px 10px}.pw-props-hint{margin:0;padding:8px 10px;color:var(--pw-text-dim)}.pw-props-value{min-width:34px;text-align:right;color:var(--pw-text-dim)}.pw-curves-canvas{border:1px solid var(--pw-border);border-radius:3px;align-self:center;touch-action:none;cursor:crosshair}.pw-curve-channels{display:flex;gap:4px}.pw-curve-channels button,.pw-curve-reset{flex:1;padding:3px 6px;border-radius:3px;background:var(--pw-panel-2)}.pw-curve-channels button.is-active{background:var(--pw-accent-soft);outline:1px solid var(--pw-accent)}.pw-effect-block{display:flex;flex-direction:column;gap:4px;padding:6px;border:1px solid var(--pw-border);border-radius:3px}.pw-smart-filter-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw-text-input{width:100%;resize:vertical;font:inherit;color:var(--pw-text);background:var(--pw-bg);border:1px solid var(--pw-border);border-radius:3px;padding:4px 6px;-webkit-user-select:text;user-select:text}.pw-text-style-buttons{display:flex;gap:4px;align-items:center;flex:1}.pw-text-style-buttons button{width:24px;height:22px;border-radius:3px;background:var(--pw-panel-2)}.pw-text-style-buttons button.is-active{background:var(--pw-accent-soft);outline:1px solid var(--pw-accent)}.pw-text-style-buttons input[type=color]{width:26px;height:22px;padding:0;border:1px solid var(--pw-border);border-radius:3px;background:none}.pw-panel-header{padding:7px 10px;font-weight:600;color:var(--pw-text);background:var(--pw-panel-2);border-bottom:1px solid var(--pw-border)}.pw-panel-footer{display:flex;gap:6px;padding:6px 8px;border-top:1px solid var(--pw-border)}.pw-panel-footer button{padding:3px 8px;border-radius:3px;background:var(--pw-panel-2)}.pw-panel-footer button:not(:disabled):hover{background:var(--pw-accent-soft)}.pw-field{display:flex;align-items:center;gap:8px}.pw-field>span{width:46px;color:var(--pw-text-dim)}.pw-field select,.pw-field input[type=range]{flex:1;accent-color:var(--pw-accent)}.pw-field select{background:var(--pw-panel-2);color:var(--pw-text);border:1px solid var(--pw-border);border-radius:3px;padding:2px 4px}.pw-statusbar{display:flex;align-items:center;gap:16px;height:26px;padding:0 10px;background:var(--pw-panel);border-top:1px solid var(--pw-border);color:var(--pw-text-dim)}.pw-status-zoom{display:flex;align-items:center;gap:4px}.pw-status-zoom button{padding:1px 7px;border-radius:3px;background:var(--pw-panel-2)}.pw-status-zoom button:hover{background:var(--pw-accent-soft)}.pw-status-zoom-value{min-width:44px;text-align:center;color:var(--pw-text)}.pw-status-backend{margin-left:auto;padding:1px 7px;border-radius:3px;background:var(--pw-panel-2);letter-spacing:.04em}.pw-modal-backdrop{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#00000080}.pw-modal{width:min(440px,90vw);max-height:70vh;display:flex;flex-direction:column;background:var(--pw-panel);border:1px solid var(--pw-border);border-radius:6px;box-shadow:0 12px 40px #0000008c}.pw-modal-body{flex:1;min-height:80px;overflow-y:auto}.pw-project-list{margin:0;padding:6px;list-style:none}.pw-project-row{display:flex;align-items:center;gap:8px;padding:8px;border-radius:4px}.pw-project-row:hover{background:var(--pw-panel-2)}.pw-project-info{flex:1;display:flex;flex-direction:column}.pw-project-info span{color:var(--pw-text-dim)}.pw-project-row button{padding:3px 10px;border-radius:3px;background:var(--pw-panel-2)}.pw-project-row button:hover{background:var(--pw-accent-soft)}.pw-project-row button.pw-danger:hover{background:var(--pw-danger)}.pw-toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:200;padding:8px 14px;border-radius:var(--pw-radius);background:var(--pw-danger);color:#fff;box-shadow:0 6px 18px #00000073}.pw-toast.is-info{background:var(--pw-accent)}.pw-picker{width:min(560px,94vw);max-height:92vh}.pw-picker-body{display:grid;grid-template-columns:auto auto 1fr;gap:12px;padding:12px;overflow:visible}.pw-picker-sv{position:relative;width:100%;border:1px solid var(--pw-border);cursor:crosshair;touch-action:none}.pw-picker-sv:focus-visible,.pw-picker-hue:focus-visible{outline:2px solid var(--pw-accent);outline-offset:1px}.pw-picker-sv-white,.pw-picker-sv-black{position:absolute;inset:0;pointer-events:none}.pw-picker-sv-white{background:linear-gradient(to right,#fff,#fff0)}.pw-picker-sv-black{background:linear-gradient(to bottom,#0000,#000)}.pw-picker-sv-cursor{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border:1px solid #000;border-radius:50%;box-shadow:inset 0 0 0 1.5px #fff;pointer-events:none}.pw-picker-hue{position:relative;border:1px solid var(--pw-border);cursor:ns-resize;touch-action:none;background:linear-gradient(to bottom,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.pw-picker-hue.is-horizontal{width:100%;cursor:ew-resize;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.pw-picker-hue-cursor{position:absolute;left:-2px;right:-2px;height:3px;margin-top:-1.5px;border:1px solid #000;background:#fff;pointer-events:none}.pw-picker-hue.is-horizontal .pw-picker-hue-cursor{inset:-2px auto;width:3px;height:auto;margin:0 0 0 -1.5px}.pw-picker-readout{display:flex;flex-direction:column;gap:10px;min-width:0;align-self:start;width:max-content}.pw-picker-compare{display:grid;grid-template-columns:minmax(96px,1fr) auto;grid-template-rows:26px 26px;align-items:stretch;gap:0 6px}.pw-picker-compare-new,.pw-picker-compare-current{position:relative;border:1px solid var(--pw-border);cursor:pointer}.pw-picker-compare-new{border-bottom:none}.pw-picker-compare-new span,.pw-picker-compare-current span{position:absolute;left:4px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--pw-text-dim);text-shadow:0 0 3px var(--pw-app-bg);pointer-events:none}.pw-picker-flags{grid-row:1 / span 2;grid-column:2;display:flex;flex-direction:column;justify-content:center;gap:2px;width:18px}.pw-picker-warning{color:#e8b339;text-align:center}.pw-picker-cube{color:var(--pw-text-dim);text-align:center}.pw-picker-cube:hover{color:var(--pw-text)}.pw-picker-warning.is-hidden,.pw-picker-cube.is-hidden{visibility:hidden}.pw-picker-fields{display:flex;flex-direction:column;gap:8px}.pw-picker-group{display:grid;gap:2px}.pw-picker-field{display:grid;grid-template-columns:14px 62px 14px;align-items:center;gap:6px}.pw-picker-field>span{color:var(--pw-text-dim);text-align:right}.pw-picker-field em{font-style:normal;color:var(--pw-text-dim)}.pw-picker-field input{width:100%;min-width:0;font:inherit;color:var(--pw-text);background:var(--pw-well-bg);border:1px solid var(--pw-border);border-radius:2px;padding:1px 4px}.pw-picker-hex input{font-variant-numeric:tabular-nums}.pw-picker-hex.is-invalid input{border-color:var(--pw-danger)}.pw-picker-footer{display:flex;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid var(--pw-border)}.pw-picker-websafe{display:flex;align-items:center;gap:5px;color:var(--pw-text-dim)}.pw-picker-websafe input{accent-color:var(--pw-accent)}.pw-picker-add,.pw-picker-actions button{padding:3px 10px;border-radius:3px;background:var(--pw-panel-2)}.pw-picker-add:hover,.pw-picker-actions button:not(:disabled):hover{background:var(--pw-accent-soft)}.pw-picker-actions{display:flex;gap:6px;margin-left:auto}.pw-picker-actions button.is-primary{background:var(--pw-accent);color:#fff}.pw-shell.is-full-screen .pw-menubar,.pw-shell.is-full-screen .pw-optionsbar,.pw-shell.is-full-screen .pw-toolbar,.pw-shell.is-full-screen .pw-dock,.pw-shell.is-full-screen .pw-statusbar{display:none}.pw-shell.is-full-screen{background:#000}.pw-theme-swatches{display:flex;gap:6px}.pw-theme-swatch{flex:1;padding:8px 4px;border:1px solid var(--pw-border);border-radius:var(--pw-radius);font:inherit}.pw-theme-swatch.is-active{outline:2px solid var(--pw-accent);outline-offset:-1px}.pw-theme-swatch.is-darkest{background:#1b1b1b;color:#d4d4d4}.pw-theme-swatch.is-dark{background:#323232;color:#d4d4d4}.pw-theme-swatch.is-medium{background:#535353;color:#f0f0f0}.pw-theme-swatch.is-light{background:#b8b8b8;color:#1c1c1c}.pw-option-text input{width:260px;font:inherit;color:var(--pw-text);background:var(--pw-well-bg);border:1px solid var(--pw-border);border-radius:2px;padding:2px 5px}.pw-option-text input:disabled{color:var(--pw-text-disabled)}.pw-option-button{padding:2px 9px;border-radius:3px;background:var(--pw-panel-2)}.pw-option-button:not(:disabled):hover{background:var(--pw-accent-soft)}