:root{--pz-bg-canvas: #1c1e22;--pz-bg-panel: #1e1e24;--pz-bg-toolbar: #18181b;--pz-border: #2d2d35;--pz-text-primary: #e0e0e0;--pz-text-secondary: #a0a0a8;--pz-accent: #6366f1;--pz-error: #f07864;--pz-ok: #a0c8a0;--pz-font-ui: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--pz-font-size-small: 12px;--pz-font-size-body: 14px;--pz-font-size-heading: 16px;--pz-font-size-title: 20px;--pz-font-weight-regular: 400;--pz-font-weight-medium: 500;--pz-font-weight-semibold: 600;--pz-radius-sm: 4px;--pz-radius-md: 6px;--pz-radius-lg: 8px;--pz-bg-elevated: #232329;--pz-surface-hover: rgba(255, 255, 255, .055);--pz-surface-active: rgba(255, 255, 255, .09);--pz-border-strong: #3a3a42;--pz-text-muted: #7c7d86;--pz-text-inverse: #14151a;--pz-accent-hover: #7c7ff2;--pz-accent-subtle: rgba(99, 102, 241, .15);--pz-accent-tint: rgba(99, 102, 241, .08);--pz-accent-border: rgba(99, 102, 241, .28);--pz-warning: #d9a441;--pz-overlay: rgba(0, 0, 0, .66);--pz-shadow-document: 0 18px 48px rgba(0, 0, 0, .55);--pz-shadow-popover: 0 12px 32px rgba(0, 0, 0, .55);--pz-radius-full: 9999px;--pz-space-xs: 4px;--pz-space-sm: 8px;--pz-space-md: 12px;--pz-space-lg: 16px;--pz-space-xl: 24px;--pz-space-xxl: 32px;--pz-touch-min: 36px;--pz-toolbar-item-size: 36px}[data-density=compact]{--pz-touch-min: 28px;--pz-toolbar-item-size: 30px}[data-density=touch]{--pz-touch-min: 44px;--pz-toolbar-item-size: 44px}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}body,html{width:100%;height:100%;overflow:hidden;color-scheme:dark;background-color:var(--pz-bg-canvas);color:var(--pz-text-primary);font-family:var(--pz-font-ui);font-size:var(--pz-font-size-body);font-weight:var(--pz-font-weight-regular);-webkit-font-smoothing:antialiased}.pz-app-shell{display:grid;grid-template-rows:46px 1fr 26px;grid-template-columns:1fr 280px;width:100vw;height:100vh}.pz-top-bar{grid-row:1;grid-column:1 / -1;display:flex;align-items:center;gap:var(--pz-space-md);padding:0 var(--pz-space-md);background-color:var(--pz-bg-toolbar);border-bottom:1px solid var(--pz-border)}.pz-top-left,.pz-top-center,.pz-top-right{display:flex;align-items:center;gap:var(--pz-space-sm);min-width:0}.pz-top-center{flex:1;justify-content:flex-start}.pz-brand{display:flex;align-items:center;gap:var(--pz-space-sm);font-size:var(--pz-font-size-heading);font-weight:var(--pz-font-weight-semibold);color:var(--pz-text-primary);padding-right:var(--pz-space-sm)}.pz-brand-logo{width:20px;height:20px}.pz-brand-mark{stroke:var(--pz-accent)}.pz-brand-shape{fill:var(--pz-accent-hover)}.pz-menu{position:relative}.pz-menu-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:transparent;border:1px solid transparent;border-radius:var(--pz-radius-sm);color:var(--pz-text-secondary);font-family:inherit;font-size:var(--pz-font-size-small);font-weight:var(--pz-font-weight-medium);cursor:pointer;transition:background .12s ease,color .12s ease}.pz-menu-btn:hover,.pz-menu-btn.pz-menu-open{background:var(--pz-surface-hover);color:var(--pz-text-primary)}.pz-menu-list{position:absolute;top:calc(100% + 6px);left:0;min-width:232px;display:none;flex-direction:column;padding:var(--pz-space-xs);background:var(--pz-bg-elevated);border:1px solid var(--pz-border-strong);border-radius:var(--pz-radius-md);box-shadow:var(--pz-shadow-popover);z-index:900}.pz-menu-list.pz-menu-list-open{display:flex}.pz-menu-item{display:flex;align-items:center;gap:var(--pz-space-sm);width:100%;padding:7px var(--pz-space-sm);background:transparent;border:none;border-radius:var(--pz-radius-sm);color:var(--pz-text-primary);font-family:inherit;font-size:var(--pz-font-size-small);text-align:left;cursor:pointer}.pz-menu-item:hover:not(:disabled){background:var(--pz-accent-subtle);color:var(--pz-text-primary)}.pz-menu-item:disabled{color:var(--pz-text-muted);cursor:not-allowed}.pz-menu-item-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;flex:none;color:var(--pz-text-muted)}.pz-menu-item-label{flex:1}.pz-menu-item-shortcut{font-size:var(--pz-font-size-small);color:var(--pz-text-muted);font-variant-numeric:tabular-nums}.pz-menu-separator{height:1px;margin:var(--pz-space-xs) 0;background:var(--pz-border)}.pz-tool-group{display:flex;align-items:center;gap:2px}.pz-tool-btn{width:var(--pz-toolbar-item-size);height:30px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--pz-radius-sm);color:var(--pz-text-secondary);cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.pz-tool-btn:hover{background:var(--pz-surface-hover);color:var(--pz-text-primary)}.pz-tool-btn.pz-active{background:var(--pz-accent-subtle);border-color:var(--pz-accent-border);color:var(--pz-accent-hover)}.pz-toolbar-separator{width:1px;height:20px;margin:0 var(--pz-space-xs);background:var(--pz-border)}.pz-tool-hint{font-size:var(--pz-font-size-small);color:var(--pz-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pz-hint-tool{color:var(--pz-text-secondary)}.pz-canvas-viewport{grid-row:2;grid-column:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--pz-bg-canvas)}.pz-canvas-wrapper{position:relative;line-height:0;display:inline-block}.pz-canvas-element{display:block;background-color:var(--pz-bg-panel);border:1px solid var(--pz-border);box-shadow:var(--pz-shadow-document)}.pz-selection-marquee{position:absolute;pointer-events:none;box-sizing:border-box;background-color:var(--pz-accent-tint);background-image:repeating-linear-gradient(0deg,var(--pz-text-primary),var(--pz-text-primary) 4px,transparent 4px,transparent 8px),repeating-linear-gradient(90deg,var(--pz-text-primary),var(--pz-text-primary) 4px,transparent 4px,transparent 8px),repeating-linear-gradient(180deg,var(--pz-text-primary),var(--pz-text-primary) 4px,transparent 4px,transparent 8px),repeating-linear-gradient(270deg,var(--pz-text-primary),var(--pz-text-primary) 4px,transparent 4px,transparent 8px);background-size:1px 100%,100% 1px,1px 100%,100% 1px;background-position:0 0,0 0,100% 0,0 100%;background-repeat:no-repeat;outline:1px solid var(--pz-border-strong);animation:pz-marching-ants .8s linear infinite;z-index:50}@keyframes pz-marching-ants{0%{background-position:0 0,0 0,100% 0,0 100%}to{background-position:0 -8px,8px 0,100% 8px,-8px 100%}}.pz-floating-hud{position:absolute;bottom:var(--pz-space-xl);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--pz-space-xs);padding:5px;background:var(--pz-bg-elevated);border:1px solid var(--pz-border-strong);border-radius:var(--pz-radius-full);box-shadow:var(--pz-shadow-popover);z-index:100}.pz-right-sidebar{grid-row:2;grid-column:2;display:flex;flex-direction:column;background-color:var(--pz-bg-panel);border-left:1px solid var(--pz-border);overflow-y:auto}.pz-panel{border-bottom:1px solid var(--pz-border)}.pz-panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--pz-space-sm);padding:9px var(--pz-space-md);background:transparent}.pz-panel-title{font-size:var(--pz-font-size-small);font-weight:var(--pz-font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--pz-text-secondary)}.pz-panel-toggle{background:none;border:none;color:var(--pz-text-muted);cursor:pointer;display:inline-flex;align-items:center;padding:2px;border-radius:var(--pz-radius-sm)}.pz-panel-toggle:hover{color:var(--pz-text-primary);background:var(--pz-surface-hover)}.pz-panel-body{padding:var(--pz-space-md);display:flex;flex-direction:column;gap:var(--pz-space-md)}.pz-panel-empty{font-size:var(--pz-font-size-small);color:var(--pz-text-muted);line-height:1.45}.pz-card{display:flex;flex-direction:column;gap:var(--pz-space-md);padding:var(--pz-space-md);margin-bottom:var(--pz-space-md);background:var(--pz-surface-hover);border:1px solid var(--pz-border);border-radius:var(--pz-radius-lg);font-size:var(--pz-font-size-small);color:var(--pz-text-secondary)}.pz-card-accent{background:var(--pz-accent-subtle);border-color:var(--pz-accent-border);color:var(--pz-text-primary)}.pz-card-header{display:flex;justify-content:space-between;align-items:center;gap:var(--pz-space-sm);font-weight:var(--pz-font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--pz-text-secondary)}.pz-layer-row{display:flex;align-items:center;gap:var(--pz-space-sm);height:32px;padding:0 var(--pz-space-sm);border-radius:var(--pz-radius-sm);border:1px solid transparent;background-color:transparent;cursor:pointer;transition:background .12s ease,border-color .12s ease}.pz-layer-row:hover{background-color:var(--pz-surface-hover)}.pz-layer-row.pz-layer-selected{background-color:var(--pz-accent-subtle);border-color:var(--pz-accent-border);box-shadow:inset 2px 0 0 var(--pz-accent)}.pz-layer-row.pz-layer-selected .pz-layer-name{color:var(--pz-text-primary);font-weight:var(--pz-font-weight-medium)}.pz-layer-vis-btn,.pz-layer-lock-btn,.pz-layer-del-btn{display:inline-flex;align-items:center;justify-content:center;padding:2px;background:none;border:none;border-radius:var(--pz-radius-sm);color:var(--pz-text-secondary);cursor:pointer;transition:background .12s ease,color .12s ease}.pz-layer-vis-btn:hover,.pz-layer-del-btn:hover{background:var(--pz-surface-active);color:var(--pz-text-primary)}.pz-layer-del-btn:hover{color:var(--pz-error)}.pz-layer-type-icon{display:inline-flex;align-items:center;color:var(--pz-text-muted)}.pz-layer-name{flex:1;font-size:var(--pz-font-size-small);color:var(--pz-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pz-layer-opacity-control{display:flex;align-items:center;gap:var(--pz-space-xs)}.pz-layer-opacity-slider{width:54px}.pz-layer-opacity-val{width:34px;font-size:var(--pz-font-size-small);color:var(--pz-text-secondary);text-align:right;font-variant-numeric:tabular-nums}.pz-slider-group{display:flex;flex-direction:column;gap:var(--pz-space-xs)}.pz-slider-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--pz-space-sm)}.pz-slider-title{font-size:var(--pz-font-size-small);color:var(--pz-text-secondary)}.pz-slider-value{font-size:var(--pz-font-size-small);color:var(--pz-text-primary);font-variant-numeric:tabular-nums}.pz-slider-range{width:100%}.pz-slider-range,.pz-layer-opacity-slider{-webkit-appearance:none;appearance:none;height:4px;background:var(--pz-border-strong);border-radius:var(--pz-radius-full);outline:none;cursor:pointer}.pz-slider-range::-webkit-slider-thumb,.pz-layer-opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--pz-accent);border:2px solid var(--pz-bg-panel);cursor:pointer;transition:transform .1s ease}.pz-slider-range::-webkit-slider-thumb:hover,.pz-layer-opacity-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.pz-slider-range::-moz-range-track,.pz-layer-opacity-slider::-moz-range-track{height:4px;background:var(--pz-border-strong);border-radius:var(--pz-radius-full)}.pz-slider-range::-moz-range-thumb,.pz-layer-opacity-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--pz-accent);border:2px solid var(--pz-bg-panel);cursor:pointer}.pz-slider-range:focus-visible,.pz-layer-opacity-slider:focus-visible{outline:2px solid var(--pz-accent);outline-offset:3px}.pz-color-picker{display:flex;align-items:center;gap:var(--pz-space-sm)}.pz-color-value{font-size:var(--pz-font-size-small);color:var(--pz-text-primary);font-variant-numeric:tabular-nums}.pz-layer-vis-btn svg,.pz-layer-del-btn svg,.pz-layer-type-icon svg,.pz-tool-btn svg,.pz-menu-btn svg,.pz-menu-item-icon svg,.pz-export-close svg,.pz-panel-toggle svg,.pz-btn-icon svg{display:block}.pz-color-preview{width:22px;height:22px;border-radius:var(--pz-radius-sm);border:1px solid var(--pz-border-strong);padding:0;cursor:pointer}.pz-color-native-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.pz-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px var(--pz-space-md);border-radius:var(--pz-radius-md);border:1px solid var(--pz-border-strong);background:var(--pz-bg-elevated);color:var(--pz-text-primary);font-family:inherit;font-size:var(--pz-font-size-small);font-weight:var(--pz-font-weight-medium);cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.pz-btn:hover:not(:disabled){background:var(--pz-surface-hover);border-color:var(--pz-accent-border)}.pz-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.pz-btn-primary{background:var(--pz-accent);border-color:var(--pz-accent);color:var(--pz-text-inverse)}.pz-btn-primary:hover:not(:disabled){background:var(--pz-accent-hover);border-color:var(--pz-accent-hover)}.pz-btn-secondary{background:transparent}.pz-btn-active{background:var(--pz-accent-subtle);border-color:var(--pz-accent-border);color:var(--pz-accent-hover)}.pz-btn-icon,.pz-btn-label{display:inline-flex;align-items:center}.pz-bottom-status-bar{grid-row:3;grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:var(--pz-space-md);padding:0 var(--pz-space-md);background-color:var(--pz-bg-toolbar);border-top:1px solid var(--pz-border);font-size:var(--pz-font-size-small);color:var(--pz-text-muted)}.pz-status-group{display:flex;align-items:center;gap:var(--pz-space-md);min-width:0}.pz-status-item{white-space:nowrap}.pz-status-sep{color:var(--pz-border-strong)}.pz-status-doc{color:var(--pz-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pz-palette-overlay{position:fixed;inset:0;background:var(--pz-overlay);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh}.pz-palette-modal{width:540px;max-width:90vw;background:var(--pz-bg-elevated);border:1px solid var(--pz-border-strong);border-radius:var(--pz-radius-lg);box-shadow:var(--pz-shadow-popover);overflow:hidden}.pz-palette-search{padding:var(--pz-space-md);border-bottom:1px solid var(--pz-border)}.pz-palette-input{width:100%;background:transparent;border:none;outline:none;color:var(--pz-text-primary);font-family:inherit;font-size:var(--pz-font-size-heading)}.pz-palette-input::placeholder{color:var(--pz-text-muted)}.pz-palette-list{list-style:none;max-height:320px;overflow-y:auto;padding:var(--pz-space-xs) 0}.pz-palette-item{display:flex;align-items:center;justify-content:space-between;gap:var(--pz-space-md);padding:9px var(--pz-space-lg);cursor:pointer;font-size:var(--pz-font-size-small)}.pz-palette-item:hover{background-color:var(--pz-accent-subtle);color:var(--pz-text-primary)}.pz-palette-item-title{color:var(--pz-text-primary)}.pz-palette-item-shortcut{font-size:var(--pz-font-size-small);color:var(--pz-text-muted);background:var(--pz-bg-canvas);padding:1px 6px;border-radius:var(--pz-radius-sm);border:1px solid var(--pz-border);font-variant-numeric:tabular-nums}.pz-drag-overlay{position:absolute;inset:var(--pz-space-md);border:2px dashed var(--pz-accent);border-radius:var(--pz-radius-lg);background:var(--pz-accent-subtle);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--pz-space-sm);z-index:100;pointer-events:none}.pz-drag-overlay-text{font-size:var(--pz-font-size-title);font-weight:var(--pz-font-weight-semibold);color:var(--pz-text-primary)}.pz-loading-overlay{position:fixed;inset:0;background:var(--pz-overlay);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--pz-space-lg);z-index:2000;color:var(--pz-text-primary);font-size:var(--pz-font-size-body)}.pz-spinner{width:36px;height:36px;border:2px solid var(--pz-border-strong);border-top-color:var(--pz-accent);border-radius:50%;animation:pz-spin .8s linear infinite}@keyframes pz-spin{to{transform:rotate(360deg)}}.pz-toast-container{position:fixed;bottom:40px;right:var(--pz-space-xl);display:flex;flex-direction:column;gap:var(--pz-space-sm);z-index:3000;pointer-events:none}.pz-toast{pointer-events:auto;min-width:260px;max-width:380px;padding:var(--pz-space-sm) var(--pz-space-md);border-radius:var(--pz-radius-md);border:1px solid var(--pz-border-strong);background:var(--pz-bg-elevated);color:var(--pz-text-primary);font-size:var(--pz-font-size-small);display:flex;align-items:center;gap:var(--pz-space-sm);box-shadow:var(--pz-shadow-popover);animation:pz-slide-in .25s cubic-bezier(.16,1,.3,1);transition:opacity .3s ease,transform .3s ease}.pz-toast-success{border-color:var(--pz-ok)}.pz-toast-error{border-color:var(--pz-error)}.pz-toast-warning{border-color:var(--pz-warning)}.pz-toast-info{border-color:var(--pz-accent-border)}.pz-toast-icon{display:inline-flex;align-items:center;flex:none}.pz-toast-success .pz-toast-icon{color:var(--pz-ok)}.pz-toast-error .pz-toast-icon{color:var(--pz-error)}.pz-toast-warning .pz-toast-icon{color:var(--pz-warning)}.pz-toast-info .pz-toast-icon{color:var(--pz-accent)}@keyframes pz-slide-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.pz-export-dropdown{position:absolute;top:46px;right:var(--pz-space-md);width:296px;display:none;flex-direction:column;gap:var(--pz-space-sm);padding:var(--pz-space-md);background:var(--pz-bg-elevated);border:1px solid var(--pz-border-strong);border-radius:var(--pz-radius-lg);box-shadow:var(--pz-shadow-popover);z-index:1000}.pz-export-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--pz-space-sm);border-bottom:1px solid var(--pz-border)}.pz-export-title{font-size:var(--pz-font-size-small);font-weight:var(--pz-font-weight-semibold);color:var(--pz-text-primary)}.pz-export-close{display:inline-flex;align-items:center;padding:2px;background:none;border:none;border-radius:var(--pz-radius-sm);color:var(--pz-text-muted);cursor:pointer}.pz-export-close:hover{color:var(--pz-text-primary);background:var(--pz-surface-hover)}.pz-export-item{display:flex;flex-direction:column;gap:var(--pz-space-xs);padding:var(--pz-space-sm);border:1px solid var(--pz-border);border-radius:var(--pz-radius-md)}.pz-export-item:hover{border-color:var(--pz-border-strong)}.pz-export-item-title{display:flex;align-items:center;justify-content:space-between;gap:var(--pz-space-sm);font-size:var(--pz-font-size-small);font-weight:var(--pz-font-weight-semibold);color:var(--pz-text-primary)}.pz-export-item-desc{font-size:var(--pz-font-size-small);color:var(--pz-text-muted);line-height:1.4}.pz-export-badge{padding:1px 6px;border-radius:var(--pz-radius-sm);border:1px solid var(--pz-border-strong);color:var(--pz-text-secondary);font-size:var(--pz-font-size-small);font-weight:var(--pz-font-weight-medium);white-space:nowrap}.pz-export-quality{display:flex;align-items:center;justify-content:space-between;font-size:var(--pz-font-size-small);color:var(--pz-text-secondary)}.pz-export-quality-value{color:var(--pz-text-primary);font-weight:var(--pz-font-weight-medium);font-variant-numeric:tabular-nums}@media (max-width: 640px){.pz-app-shell{grid-template-columns:1fr;grid-template-rows:48px 1fr 220px 26px}.pz-right-sidebar{grid-row:3;grid-column:1;border-left:none;border-top:1px solid var(--pz-border)}.pz-bottom-status-bar{grid-row:4}.pz-tool-btn{width:var(--pz-touch-min);height:40px}.pz-menu-btn{padding:10px}}