:root{color-scheme:light;--atelier-background: #f5efe3;--atelier-surface: #ebe3d2;--atelier-surface-2: #ddd3bd;--atelier-surface-3: #d2c6ad;--atelier-border: #c8bba0;--atelier-border-faint: #d8cdb8;--atelier-accent: #34d399;--atelier-accent-dim: rgba(52, 211, 153, .22);--atelier-accent-glow: rgba(52, 211, 153, .1);--atelier-text: #2a2520;--atelier-text-sub: #4a4239;--atelier-text-muted: #6b6358;--atelier-text-dim: #9c9385;--atelier-success: #168a5b;--atelier-warning: #b96312;--atelier-error: #b43b36;--atelier-font-sans: "DM Sans", system-ui, sans-serif;--atelier-font-display: "Syne", system-ui, sans-serif;--atelier-font-mono: "IBM Plex Mono", ui-monospace, monospace;--atelier-space-1: 4px;--atelier-space-2: 8px;--atelier-space-3: 12px;--atelier-space-4: 16px;--atelier-space-5: 24px;--atelier-space-6: 32px;--atelier-radius-sm: 3px;--atelier-radius-md: 6px;--atelier-radius-lg: 8px;--atelier-text-xs: 10px;--atelier-text-sm: 12px;--atelier-text-md: 14px;--atelier-text-lg: 18px;--atelier-ease: .2s ease}:root.dark,:root[data-atelier-mode=dark]{color-scheme:dark;--atelier-background: #0c0b09;--atelier-surface: #141210;--atelier-surface-2: #1c1a17;--atelier-surface-3: #24211d;--atelier-border: #2a2720;--atelier-border-faint: #1f1d17;--atelier-accent-dim: rgba(52, 211, 153, .18);--atelier-accent-glow: rgba(52, 211, 153, .07);--atelier-text: #e2d9ce;--atelier-text-sub: #b5ab9d;--atelier-text-muted: #8a8070;--atelier-text-dim: #3e3a33;--atelier-success: #34d399;--atelier-warning: #d97706;--atelier-error: #ef6a62}:root{--px-bg: var(--atelier-background);--px-surface: var(--atelier-surface);--px-border: var(--atelier-border);--px-hover: var(--atelier-surface-2);--px-muted: var(--atelier-text-muted);--px-text: var(--atelier-text-sub);--px-bright: var(--atelier-text);--px-accent: var(--atelier-accent);--px-accent2: var(--atelier-success);--px-danger: var(--atelier-error);--px-overlay: rgba(245, 239, 227, .9);--px-overlay-strong: rgba(235, 227, 210, .96);--px-shadow: rgba(42, 37, 32, .14);--px-sidebar: 240px;--px-bar: 44px;--px-radius: var(--atelier-radius-sm)}:root.dark,:root[data-atelier-mode=dark]{--px-overlay: rgba(12, 11, 9, .9);--px-overlay-strong: rgba(28, 26, 23, .96);--px-shadow: rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--px-bg);color:var(--px-text);font-family:var(--atelier-font-sans);font-size:12px;line-height:1.5;transition:background var(--atelier-ease),color var(--atelier-ease)}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--px-accent);outline-offset:2px}.px-shell{display:flex;width:100%;height:100%;overflow:hidden}.px-sidebar{width:var(--px-sidebar);min-width:var(--px-sidebar);height:100%;background:var(--px-surface);border-right:1px solid var(--px-border);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--px-border) transparent}.px-sidebar.at-studio-sidebar{overflow:hidden}.px-sidebar::-webkit-scrollbar{width:4px}.px-sidebar::-webkit-scrollbar-track{background:transparent}.px-sidebar::-webkit-scrollbar-thumb{background:var(--px-border);border-radius:2px}.px-brand{display:flex;align-items:center;gap:8px;padding:12px 10px 10px;border-bottom:1px solid var(--px-border);flex-shrink:0}.px-brand-glyph{font-size:16px;opacity:.6}.px-brand-name{font-size:11px;font-weight:600;color:var(--px-bright);letter-spacing:.02em}.px-brand-sub{font-size:10px;color:var(--px-muted)}.px-pen-swatches{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.px-swatch-label{cursor:pointer;position:relative}.px-color-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.px-swatch{display:block;width:22px;height:22px;border-radius:var(--px-radius);border:2px solid var(--px-border);transition:border-color .1s}.px-swatch-label:hover .px-swatch{border-color:var(--px-accent)}.px-num{font-family:var(--atelier-font-mono);font-variant-numeric:tabular-nums}.px-unit{color:var(--px-muted);font-size:10px}.px-sep{color:var(--px-border);margin:0 4px}.px-file-input{display:none}.px-main{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.px-canvas-area{flex:1;min-height:0;position:relative;overflow:hidden;display:flex;align-items:stretch;background:var(--px-bg);background-image:linear-gradient(var(--px-border) 1px,transparent 1px),linear-gradient(90deg,var(--px-border) 1px,transparent 1px);background-size:24px 24px}.px-canvas-pills{position:absolute;top:10px;right:10px;z-index:20;display:flex;gap:6px}.px-canvas-replace{padding:4px 10px;font-size:11px;background:var(--px-overlay);color:var(--px-text);border:1px solid var(--px-border);border-radius:20px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .1s,color .1s}.px-canvas-replace:hover{background:var(--px-overlay-strong);color:var(--px-bright)}.px-dropzone{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;cursor:pointer;border:2px dashed var(--px-border);margin:20px;border-radius:8px;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none}.px-dropzone:hover,.px-dropzone--drag{border-color:var(--px-accent);background:var(--atelier-accent-glow)}.px-dropzone-input{display:none}.px-dropzone-icon{font-size:36px;opacity:.25}.px-dropzone-title{font-size:14px;font-weight:600;color:var(--px-bright)}.px-dropzone-sub{font-size:11px;color:var(--px-muted);text-align:center}.px-ready-prompt{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px}.px-ready-thumb{max-width:280px;max-height:280px;object-fit:contain;border-radius:4px;opacity:.7;border:1px solid var(--px-border)}.px-ready-hint{font-size:12px;color:var(--px-muted)}.px-ready-replace{padding:5px 14px;font-size:11px;background:transparent;color:var(--px-muted);border:1px solid var(--px-border);border-radius:20px;cursor:pointer;transition:color .1s,border-color .1s}.px-ready-replace:hover{color:var(--px-text);border-color:var(--px-muted)}.px-svg-wrap{flex:1;overflow:hidden;position:relative;width:100%;height:100%;cursor:grab}.px-svg-wrap:active{cursor:grabbing}.px-svg-inner{transform-origin:top left;will-change:transform;display:inline-block;line-height:0}.px-svg-inner svg{display:block;max-width:none;width:100%;height:100%}.px-navigator{position:absolute;bottom:12px;left:12px;z-index:20;background:var(--px-overlay);border:1px solid var(--px-border);border-radius:6px;overflow:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 12px var(--px-shadow);-webkit-user-select:none;user-select:none}.px-navigator-canvas{display:block;width:240px;height:auto;background:var(--px-bg);cursor:crosshair}.px-navigator-bar{display:flex;align-items:center;gap:1px;padding:3px 5px;border-top:1px solid var(--px-border)}.px-nav-btn{min-width:26px;height:24px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1;background:transparent;color:var(--px-muted);border:none;border-radius:var(--px-radius);cursor:pointer;transition:background .1s,color .1s;padding:0 8px}.px-nav-btn:hover{background:var(--px-hover);color:var(--px-text)}.px-nav-fit{font-size:10px;letter-spacing:0;text-transform:uppercase}.px-nav-sep{width:1px;height:14px;background:var(--px-border);margin:0 3px;flex-shrink:0}.px-inspector-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden;width:100%;height:100%;position:relative}.px-inspector-img{position:absolute;top:0;left:0;display:block;pointer-events:none}.px-inspector-canvas{position:absolute;top:0;left:0;cursor:crosshair}.px-inspector-bar{position:absolute;bottom:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--px-overlay);border-top:1px solid var(--px-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.px-export-tray{flex-shrink:0;background:var(--px-surface);border-top:1px solid var(--px-border)}.px-export-bar{height:var(--px-bar);min-height:var(--px-bar);display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:8px}.px-export-info{display:flex;align-items:center;gap:0;font-size:11px;color:var(--px-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.px-export-actions{display:flex;gap:6px;flex-shrink:0}.px-export-btn{padding:4px 12px;font-size:11px;font-weight:500;background:var(--px-hover);color:var(--px-text);border:1px solid var(--px-border);border-radius:var(--px-radius);cursor:pointer;white-space:nowrap;transition:background .1s,color .1s}.px-export-btn:hover{background:var(--px-border);color:var(--px-bright)}.px-export-btn--primary{background:var(--px-accent);color:#000;border-color:var(--px-accent);font-weight:600}.px-export-btn--primary:hover{background:var(--px-accent2);border-color:var(--px-accent2)}.px-preflight{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(240px,1fr) minmax(260px,1.4fr);align-items:start;gap:10px;padding:8px 12px 10px;border-top:1px solid var(--px-border);background:color-mix(in srgb,var(--px-bg) 70%,var(--px-surface))}.px-preflight-head{display:flex;flex-direction:column;gap:2px;min-width:0}.px-preflight-title{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--px-muted)}.px-preflight-status{width:fit-content;max-width:100%;padding:2px 6px;border-radius:var(--px-radius);border:1px solid var(--px-border);color:var(--px-bright);font-size:10px;font-weight:700;white-space:nowrap}.px-preflight--ready-to-plot .px-preflight-status{border-color:var(--px-accent2);color:var(--px-accent2)}.px-preflight--review-warnings .px-preflight-status{border-color:#b98835;color:#b98835}.px-preflight--cannot-plot .px-preflight-status{border-color:var(--px-danger);color:var(--px-danger)}.px-preflight-stats{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.px-preflight-stats span{padding:2px 6px;border:1px solid var(--px-border);border-radius:var(--px-radius);color:var(--px-muted);font-size:10px;white-space:nowrap}.px-preflight-checks{display:grid;gap:3px;min-width:0}.px-preflight-check{display:grid;grid-template-columns:20px minmax(100px,.55fr) minmax(140px,1fr);gap:6px;align-items:start;color:var(--px-muted);font-size:10px}.px-preflight-mark{font-family:var(--atelier-font-mono);font-weight:700}.px-preflight-check--warning .px-preflight-mark{color:#b98835}.px-preflight-check--blocking .px-preflight-mark{color:var(--px-danger)}.px-preflight-label{color:var(--px-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.px-preflight-detail{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 900px){.px-preflight{grid-template-columns:1fr}.px-preflight-check{grid-template-columns:20px minmax(90px,.6fr) minmax(120px,1fr)}}.px-dim-label{font-size:10px;color:var(--px-muted)}.px-empty{display:flex;align-items:center;justify-content:center;flex:1;color:var(--px-muted);font-size:12px}.at-studio-sidebar{display:flex;flex-direction:column;min-height:0;overflow:hidden}.at-studio-sidebar-header{flex-shrink:0}.at-studio-sidebar-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:8px;border-bottom:1px solid var(--atelier-border);background:var(--atelier-surface);flex-shrink:0}.at-studio-sidebar-tab{min-width:0;height:28px;border:1px solid var(--atelier-border);border-radius:var(--atelier-radius-sm);background:var(--atelier-background);color:var(--atelier-text-muted);cursor:pointer;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:background var(--atelier-ease),border-color var(--atelier-ease),color var(--atelier-ease)}.at-studio-sidebar-tab:hover{border-color:var(--atelier-text-muted);background:var(--atelier-surface-2);color:var(--atelier-text)}.at-studio-sidebar-tab[aria-selected=true]{border-color:var(--atelier-accent);background:var(--atelier-accent);color:#0c0b09}.at-studio-sidebar-panel{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--atelier-border) transparent}.at-studio-sidebar-panel::-webkit-scrollbar{width:4px}.at-studio-sidebar-panel::-webkit-scrollbar-track{background:transparent}.at-studio-sidebar-panel::-webkit-scrollbar-thumb{border-radius:2px;background:var(--atelier-border)}.at-section{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-bottom:1px solid var(--atelier-border)}.at-section-title{margin:0 0 2px;color:var(--atelier-text-muted);font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.at-field{display:flex;flex-direction:column;gap:2px}.at-field.is-disabled{opacity:.45}.at-label{overflow:hidden;color:var(--atelier-text-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.at-slider-row{display:flex;align-items:center;gap:5px}.at-range{flex:1;min-width:0;height:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:1px;background:var(--atelier-border);accent-color:var(--atelier-accent);cursor:pointer;outline:none}.at-range::-webkit-slider-thumb{width:10px;height:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;background:var(--atelier-accent);cursor:pointer}.at-input{min-width:0;padding:4px 7px;border:1px solid var(--atelier-border);border-radius:var(--atelier-radius-sm);background:var(--atelier-background);color:var(--atelier-text);font-size:11px;outline:none}.at-input:focus{border-color:var(--atelier-accent)}.at-number-input{width:50px;padding:1px 4px;font-family:var(--atelier-font-mono);font-variant-numeric:tabular-nums;text-align:right}.at-segmented{display:flex;flex-wrap:wrap;gap:2px}.at-segmented-button{flex:1 1 var(--at-segmented-min, 64px);min-width:0;min-height:24px;padding:3px 5px;border:1px solid var(--atelier-border);border-radius:var(--atelier-radius-sm);background:var(--atelier-background);color:var(--atelier-text-muted);cursor:pointer;font-size:11px;line-height:1.3;overflow-wrap:anywhere;text-align:center;transition:background var(--atelier-ease),border-color var(--atelier-ease),color var(--atelier-ease)}.at-segmented-button:hover:not(:disabled){border-color:var(--atelier-text-muted);background:var(--atelier-surface-2);color:var(--atelier-text)}.at-segmented-button[aria-pressed=true]{border-color:var(--atelier-accent);background:var(--atelier-accent);color:#0c0b09;font-weight:600}.at-segmented-button:disabled{cursor:not-allowed;opacity:.4}.at-button{width:100%;padding:7px 10px;border:1px solid var(--atelier-border);border-radius:var(--atelier-radius-sm);background:var(--atelier-surface-2);color:var(--atelier-text-sub);cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.01em;text-align:center;transition:background var(--atelier-ease),color var(--atelier-ease)}.at-button:hover:not(:disabled){background:var(--atelier-border);color:var(--atelier-text)}.at-button:disabled{cursor:not-allowed;opacity:.4}.at-button--primary{border-color:var(--atelier-accent);background:var(--atelier-accent);color:#0c0b09}.at-button--primary:hover:not(:disabled){border-color:var(--atelier-success);background:var(--atelier-success)}