:root{--pz-bg-app: #121316;--pz-bg-surface: #1a1b1f;--pz-bg-surface-hover: #24262c;--pz-bg-surface-active: #2c2f37;--pz-border-muted: #2c2d33;--pz-border-strong: #3d3f47;--pz-accent-primary: #4f46e5;--pz-accent-primary-hover: #6366f1;--pz-accent-active: #4338ca;--pz-accent-subtle: rgba(79, 70, 229, .15);--pz-success: #10b981;--pz-warning: #f59e0b;--pz-danger: #ef4444;--pz-info: #3b82f6;--pz-text-primary: #f9fafb;--pz-text-secondary: #9ca3af;--pz-text-muted: #6b7280;--pz-text-inverse: #111827;--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-radius-sm: 4px;--pz-radius-md: 8px;--pz-radius-lg: 12px;--pz-radius-full: 9999px;--pz-touch-min: 36px;--pz-toolbar-item-size: 36px;--pz-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--pz-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}[data-density=compact]{--pz-touch-min: 28px;--pz-toolbar-item-size: 30px}[data-density=touch]{--pz-touch-min: 48px;--pz-toolbar-item-size: 48px}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}body,html{width:100%;height:100%;overflow:hidden;background-color:var(--pz-bg-app);color:var(--pz-text-primary);font-family:var(--pz-font-sans);font-size:13px}.pz-app-shell{display:grid;grid-template-rows:44px 1fr 28px;grid-template-columns:50px 1fr 280px;width:100vw;height:100vh}.pz-top-bar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pz-space-md);background-color:var(--pz-bg-surface);border-bottom:1px solid var(--pz-border-muted)}.pz-top-left{display:flex;align-items:center;gap:var(--pz-space-md)}.pz-brand{display:flex;align-items:center;gap:var(--pz-space-sm);font-weight:700;font-size:15px;letter-spacing:-.02em}.pz-brand-logo{width:24px;height:24px}.pz-menu-items{display:flex;gap:var(--pz-space-xs)}.pz-mode-switcher{display:flex;background-color:var(--pz-bg-app);border-radius:var(--pz-radius-md);padding:2px;gap:2px;border:1px solid var(--pz-border-muted)}.pz-mode-btn{background:transparent;border:none;color:var(--pz-text-secondary);padding:4px 12px;border-radius:var(--pz-radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.pz-mode-btn:hover{color:var(--pz-text-primary)}.pz-mode-btn.pz-active{background-color:var(--pz-accent-primary);color:#fff;box-shadow:0 1px 3px #0000004d}.pz-left-toolbar{grid-row:2;grid-column:1;display:flex;flex-direction:column;align-items:center;padding:var(--pz-space-sm) 0;gap:6px;background-color:var(--pz-bg-surface);border-right:1px solid var(--pz-border-muted)}.pz-tool-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--pz-radius-md);background:transparent;border:none;color:var(--pz-text-secondary);font-size:16px;cursor:pointer;transition:all .15s ease}.pz-tool-btn:hover{background-color:var(--pz-bg-surface-hover);color:var(--pz-text-primary)}.pz-tool-btn.pz-active{background-color:var(--pz-accent-subtle);color:var(--pz-accent-primary-hover);border:1px solid var(--pz-accent-primary)}.pz-canvas-viewport{grid-row:2;grid-column:2;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#0b0c0e;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:16px 16px}.pz-canvas-wrapper{position:relative;line-height:0;display:inline-block}.pz-canvas-element{box-shadow:0 10px 40px #000000b3;border-radius:2px;background-color:#121316;display:block}.pz-selection-marquee{position:absolute;pointer-events:none;box-sizing:border-box;background-image:repeating-linear-gradient(0deg,#fff,#fff 4px,transparent 4px,transparent 8px),repeating-linear-gradient(90deg,#fff,#fff 4px,transparent 4px,transparent 8px),repeating-linear-gradient(180deg,#fff,#fff 4px,transparent 4px,transparent 8px),repeating-linear-gradient(270deg,#fff,#fff 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;box-shadow:0 0 0 1px #000000b3;background-color:#4f46e514;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:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--pz-space-xs);padding:6px 10px;background:#1a1b1fe0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--pz-border-strong);border-radius:var(--pz-radius-full);box-shadow:0 8px 32px #00000080;z-index:100}.pz-right-sidebar{grid-row:2;grid-column:3;display:flex;flex-direction:column;background-color:var(--pz-bg-surface);border-left:1px solid var(--pz-border-muted);overflow-y:auto}.pz-panel{border-bottom:1px solid var(--pz-border-muted)}.pz-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px var(--pz-space-md);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--pz-text-secondary);background-color:#ffffff03}.pz-panel-body{padding:var(--pz-space-md);display:flex;flex-direction:column;gap:var(--pz-space-md)}.pz-layer-row{display:flex;align-items:center;gap:var(--pz-space-sm);padding:8px 10px;border-radius:var(--pz-radius-sm);background-color:transparent;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.pz-layer-row:hover{background-color:var(--pz-bg-surface-hover)}.pz-layer-row.pz-layer-selected{background-color:var(--pz-accent-subtle);border-left:3px solid var(--pz-accent-primary);border-top-color:#6366f140;border-right-color:#6366f140;border-bottom-color:#6366f140;box-shadow:0 0 10px #6366f140}.pz-layer-row.pz-layer-selected .pz-layer-name{color:#fff;font-weight:600}.pz-layer-vis-btn,.pz-layer-lock-btn,.pz-layer-del-btn{background:none;border:none;color:var(--pz-text-secondary);cursor:pointer;font-size:13px;padding:2px 4px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.pz-layer-vis-btn:hover,.pz-layer-del-btn:hover{background:#ffffff14;color:#fff}.pz-layer-del-btn:hover{color:#f87171}.pz-layer-name{flex:1;font-size:12px;color:var(--pz-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pz-layer-opacity-control{display:flex;align-items:center;gap:4px}.pz-layer-opacity-slider{width:55px;height:4px;accent-color:var(--pz-accent-primary);cursor:pointer}.pz-layer-opacity-val{font-size:11px;color:var(--pz-text-muted);width:32px;text-align:right;font-variant-numeric:tabular-nums}.pz-bottom-status-bar{grid-row:3;grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pz-space-md);background-color:var(--pz-bg-surface);border-top:1px solid var(--pz-border-muted);font-size:11px;color:var(--pz-text-muted)}.pz-palette-overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(4px);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-surface);border:1px solid var(--pz-border-strong);border-radius:var(--pz-radius-lg);box-shadow:0 20px 50px #000000b3;overflow:hidden}.pz-palette-search{padding:var(--pz-space-md);border-bottom:1px solid var(--pz-border-muted)}.pz-palette-input{width:100%;background:transparent;border:none;outline:none;color:var(--pz-text-primary);font-size:15px}.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;padding:10px 16px;cursor:pointer;transition:background .1s ease}.pz-palette-item:hover{background-color:var(--pz-accent-subtle);color:var(--pz-accent-primary-hover)}.pz-palette-item-shortcut{font-size:11px;color:var(--pz-text-muted);background:var(--pz-bg-app);padding:2px 6px;border-radius:4px;border:1px solid var(--pz-border-muted)}.pz-slider-group{display:flex;flex-direction:column;gap:4px}.pz-slider-header{display:flex;justify-content:space-between;font-size:12px;color:var(--pz-text-secondary)}.pz-slider-range{width:100%;accent-color:var(--pz-accent-primary)}.pz-drag-overlay{position:absolute;inset:12px;border:2px dashed var(--pz-accent-primary);border-radius:var(--pz-radius-lg);background:#4f46e526;backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:100;pointer-events:none;animation:pz-pulse-glow 1.5s infinite alternate}.pz-drag-overlay-text{font-size:18px;font-weight:600;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}@keyframes pz-pulse-glow{0%{box-shadow:inset 0 0 10px #4f46e54d}to{box-shadow:inset 0 0 25px #4f46e599}}.pz-loading-overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:2000;color:#fff;font-size:14px}.pz-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--pz-accent-primary);border-radius:50%;animation:pz-spin .8s linear infinite}@keyframes pz-spin{to{transform:rotate(360deg)}}.pz-toast-container{position:fixed;bottom:36px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:3000;pointer-events:none}.pz-toast{pointer-events:auto;min-width:260px;max-width:380px;padding:12px 16px;border-radius:var(--pz-radius-md);font-size:13px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 30px #00000080;animation:pz-slide-in .25s cubic-bezier(.16,1,.3,1);transition:opacity .3s ease,transform .3s ease}.pz-toast.pz-toast-success{background:#064e3b;border:1px solid #059669;color:#ecfdf5}.pz-toast.pz-toast-error{background:#7f1d1d;border:1px solid #dc2626;color:#fef2f2}.pz-toast.pz-toast-warning{background:#78350f;border:1px solid #d97706;color:#fffbeb}@keyframes pz-slide-in{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.pz-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.pz-export-dropdown{position:absolute;top:48px;right:180px;width:290px;background:#18191e;border:1px solid #33363f;border-radius:8px;box-shadow:0 10px 25px #0009,0 0 0 1px #ffffff0d;padding:12px;z-index:1000;display:flex;flex-direction:column;gap:10px;animation:pz-dropdown-fade .15s ease-out}@keyframes pz-dropdown-fade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.pz-export-item{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);transition:all .15s ease}.pz-export-item:hover{background:#ffffff0f;border-color:#ffffff1f}.pz-export-item-title{font-weight:600;font-size:13px;color:#f1f5f9;display:flex;justify-content:space-between;align-items:center}.pz-export-item-desc{font-size:11px;color:#94a3b8;line-height:1.3}