:root{--pw-bg: #1e1e1f;--pw-panel: #252526;--pw-panel-2: #2d2d2e;--pw-border: #3c3c3d;--pw-text: #cccccc;--pw-text-dim: #8a8a8c;--pw-accent: #3d7dd8;--pw-accent-soft: #26466e;--pw-danger: #d85555;--pw-radius: 4px;color-scheme:dark}*{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 kbd{font:inherit;color:var(--pw-text-dim)}.pw-menu-dropdown button:not(:disabled):hover kbd{color:#ffffffbf}.pw-menubar-title{margin-left:auto;color:var(--pw-text-dim)}.pw-toolbar{display:flex;flex-direction:column;gap:4px;width:40px;padding:8px 0;align-items:center;background:var(--pw-panel);border-right:1px solid var(--pw-border)}.pw-tool-button{width:28px;height:28px;border-radius:var(--pw-radius);font-weight:600;color:var(--pw-text-dim)}.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-toolbar-spacer{flex:1}.pw-color-swatch{width:24px;height:24px;border-radius:4px;border:2px solid var(--pw-border);margin-bottom:6px}.pw-color-swatch:hover{border-color:var(--pw-text-dim)}.pw-color-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.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-panels{display:flex;flex-direction:column;width:260px;background:var(--pw-panel);border-left:1px solid var(--pw-border);min-height:0}.pw-panel{display:flex;flex-direction:column;min-height:0;border-bottom:1px solid var(--pw-border)}.pw-layers-panel{flex:3}.pw-props-panel{flex:0 0 auto;max-height:220px;overflow-y:auto}.pw-history-panel{flex:2}.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-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-layer-expander{width:14px;color:var(--pw-text-dim)}.pw-layer-mask-chip{color:var(--pw-text-dim)}.pw-layer-mask-chip.is-disabled{text-decoration:line-through;opacity:.6}.pw-layer-mask-chip.is-target{color:var(--pw-accent);outline:1px solid var(--pw-accent);border-radius:2px}.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-layers-controls{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-bottom:1px solid var(--pw-border)}.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-layer-list{flex:1;margin:0;padding:4px;list-style:none;overflow-y:auto}.pw-layer-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:3px;cursor:default}.pw-layer-row:hover{background:var(--pw-panel-2)}.pw-layer-row.is-active{background:var(--pw-accent-soft);outline:1px solid var(--pw-accent)}.pw-layer-row.is-hidden .pw-layer-name{color:var(--pw-text-dim)}.pw-layer-eye{width:18px;color:var(--pw-text-dim)}.pw-layer-eye:hover{color:var(--pw-text)}.pw-layer-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw-layer-name-input{flex:1;font:inherit;color:inherit;background:var(--pw-bg);border:1px solid var(--pw-accent);border-radius:3px;padding:1px 4px}.pw-layer-meta{color:var(--pw-text-dim)}.pw-layer-empty{padding:12px;color:var(--pw-text-dim);text-align:center}.pw-history-list{flex:1;margin:0;padding:4px;list-style:none;overflow-y:auto}.pw-history-row{padding:4px 8px;border-radius:3px}.pw-history-row:hover{background:var(--pw-panel-2)}.pw-history-row.is-current{background:var(--pw-accent-soft)}.pw-history-row.is-undone{color:var(--pw-text-dim);font-style:italic}.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)}