.pack-loading{display:grid;place-items:center;height:100%;font:13px var(--font-body),sans-serif;color:var(--tool-muted)}.pack-tool{height:100%;min-height:0;display:grid;grid-template-rows:56px minmax(0,1fr);font-family:var(--font-body),sans-serif;font-size:13px;--pack-stage:var(--tool-stage-dark);--pack-stage-ink:var(--brand-cool-white);--pack-stage-muted:var(--brand-concrete-light)}.pack-tool[data-background=light]{--pack-stage:var(--tool-stage-light);--pack-stage-ink:var(--brand-carbon);--pack-stage-muted:var(--brand-concrete)}.pack-toolbar{gap:12px;padding:8px 16px;border-bottom:1px solid var(--tool-line);background:var(--tool-panel);min-width:0}.pack-title,.pack-toolbar{display:flex;align-items:center}.pack-title{gap:8px;margin-right:auto;white-space:nowrap}.pack-title>svg{width:18px;height:18px;stroke-width:1.4}.pack-title small{color:var(--tool-muted);font-size:13px}.pack-toolbar-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.pack-work-area{display:grid;grid-template-columns:minmax(0,1fr);min-height:0}.pack-work-area[data-panel=true]{grid-template-columns:minmax(0,1fr) 308px}.pack-stage{min-width:0;min-height:0;position:relative;display:grid;grid-template-rows:40px minmax(160px,1fr) auto 26px;background:var(--pack-stage);color:var(--pack-stage-ink);overflow:hidden}.pack-stage-heading{display:flex;align-items:center;gap:16px;padding:0 20px;min-width:0;border-bottom:1px solid color-mix(in srgb,var(--pack-stage-ink) 10%,transparent)}.pack-stage h1{font-family:var(--font-body),sans-serif;font-size:12px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pack-stage-heading p{margin:0;color:var(--pack-stage-muted);font-family:var(--font-mono),monospace;font-size:10px;white-space:nowrap}.pack-stage-heading .ui-button{margin-left:auto;flex-shrink:0;color:var(--pack-stage-ink)}.pack-canvas-zone{position:relative;min-height:0;min-width:0}.pack-viewport{position:absolute;inset:0;overflow:hidden}.pack-viewport canvas{width:100%;height:100%;display:block;touch-action:none}.pack-render-error{position:absolute;inset:30% 15%;z-index:1;background:var(--tool-panel);color:var(--brand-carbon);padding:20px;line-height:1.6}.pack-flat{touch-action:none;display:block;width:100%;height:100%;max-height:100%;padding:38px 42px;font-family:var(--font-mono),monospace}.pack-flat-panel[role=button]{cursor:pointer;outline:none}.pack-flat-panel:focus-visible>path:last-of-type{stroke:var(--brand-vermilion);stroke-width:3px}.pack-face-caption{position:absolute;left:20px;top:16px;display:flex;gap:8px;align-items:center;pointer-events:none;color:var(--pack-stage-muted);font-size:10px}.pack-face-caption strong{font-weight:500;color:var(--pack-stage-ink)}.pack-canvas-tools{display:flex;gap:6px;align-items:center;justify-content:center;padding:6px 16px 12px}.pack-canvas-tools>span{font-size:10px;color:var(--pack-stage-muted);margin-left:8px}.pack-canvas-tools>.ui-button:first-child{color:var(--pack-stage-ink)}.pack-status{padding:5px 20px;min-height:26px;font-size:10px;color:var(--pack-stage-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-top:1px solid color-mix(in srgb,var(--pack-stage-ink) 10%,transparent)}.pack-inspector{min-height:0;border-left:1px solid var(--tool-line);display:flex;flex-direction:column;background:var(--tool-panel);overflow:hidden}.pack-inspector>.ui-segmented{margin:16px;flex-shrink:0}.pack-inspector .ui-segment{flex:1 1;padding-inline:8px}.pack-fields{padding:4px 20px 24px;overflow:auto;gap:12px}.pack-fields,.pack-fields label{display:flex;flex-direction:column}.pack-fields label{gap:8px;font-size:11px;color:var(--tool-muted)}.pack-fields section{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--tool-line);padding-top:12px}.pack-fields h3{display:flex;justify-content:space-between;gap:8px;font-size:11px;font-weight:500;color:var(--brand-carbon);margin:0 0 6px}.pack-fields h3 span{font-family:var(--font-mono),monospace;color:var(--tool-muted);font-size:10px}.pack-fields p,.pack-note{font-size:11px;color:var(--tool-muted);line-height:1.65;margin:0}.pack-fields a{color:var(--brand-carbon);font-size:11px;text-underline-offset:3px}.pack-fields .pack-color-row,.pack-fields .pack-switch{flex-direction:row;align-items:center;justify-content:space-between;color:var(--brand-carbon)}.pack-fields .ui-numeric-heading label{flex-direction:row;gap:3px;pointer-events:none}.pack-color-row input{width:34px;height:28px;padding:2px;border:1px solid var(--tool-line);background:var(--tool-panel);border-radius:4px}.pack-upload-preview{max-width:100%;max-height:150px;object-fit:contain;border:1px solid var(--tool-line);background:var(--tool-raised)}.pack-export-dialog{width:min(740px,calc(100vw - 32px));max-height:90vh;overflow:auto}.pack-export-options{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.pack-proof-preview{width:100%;max-height:350px;object-fit:contain;margin:12px 0}.pack-export-dialog textarea{width:100%;margin-top:16px;line-height:1.6;min-height:210px}.pack-export-dialog details{margin-top:20px}.pack-export-dialog summary{cursor:pointer}.pack-tool[data-present=true]{grid-template-rows:minmax(0,1fr);position:fixed;inset:0;z-index:40}.pack-tool[data-present=true] .pack-toolbar{display:none}.pack-tool[data-present=true] .pack-stage{grid-template-rows:48px minmax(0,1fr) auto 26px}.pack-tool[data-present=true] .pack-stage-heading{padding-right:210px}.pack-exit{position:absolute;right:16px;top:7px;z-index:2}.pack-presentation-nav{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px}.tool-workspace:has(.pack-tool[data-present=true]) .tool-rail{visibility:hidden}@media (max-width:1200px){.pack-toolbar{gap:8px;padding-inline:12px}.pack-action-label,.pack-title small{display:none}.pack-stage-heading p{font-size:9px}}@media (max-width:850px){.pack-work-area[data-panel=true]{grid-template-columns:minmax(0,1fr) 280px}.pack-title{display:none}.pack-stage-heading{gap:8px;padding-inline:12px}.pack-canvas-tools>span,.pack-stage-heading p{display:none}.pack-face-caption{left:12px;top:10px;flex-direction:column;align-items:flex-start;gap:4px}.pack-flat{padding:46px 16px 16px}}.pack-mobile-actions,.pack-mobile-view{display:none}@media (max-width:600px){.pack-mobile-actions,.pack-mobile-view{display:block}.pack-mobile-view{flex:1 1;min-width:95px}.pack-title{display:flex;margin:0}.pack-title .ui-button>span,.pack-title>span,.pack-title>svg{display:none}.pack-toolbar{padding:8px;overflow-x:auto}.pack-toolbar-actions>:not([aria-label="Toggle inspector"]),.pack-toolbar>.ui-segmented{display:none}.pack-toolbar-actions{margin:0;gap:2px}.pack-toolbar-actions>.ui-button{padding-inline:7px}.pack-toolbar-actions>.ui-button[aria-label="Open packaging JSON"]{display:none}.pack-work-area[data-panel=true]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(300px,1fr) minmax(0,36vh)}.pack-inspector{border-left:0;border-top:1px solid var(--tool-line)}.pack-inspector>.ui-segmented{margin:8px 16px}.pack-stage{grid-template-rows:36px minmax(100px,1fr) auto 24px}.pack-canvas-tools{padding:4px 8px 8px}.pack-status{padding:5px 12px}.pack-presentation-nav{gap:5px;flex-wrap:wrap}.pack-presentation-nav .ui-button{font-size:10px;padding:6px}.pack-tool[data-present=true] .pack-stage-heading{padding-right:180px}}.pack-fields .ui-numeric .ui-slider-thumb{height:8px;width:3px;margin-top:20px;background:var(--brand-carbon)}.pack-fields .ui-numeric .ui-slider-range{opacity:.15}.pack-fields .ui-numeric-heading{z-index:2}.pack-fields .ui-numeric .ui-slider{z-index:1}.pack-fields .ui-numeric-value{pointer-events:auto}.pack-fields .paper-colour-control{margin:0;padding:0;border:0}.pack-fields .ui-numeric{margin:0}.pack-render-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:8px 12px;border-radius:4px;background:var(--brand-white);color:var(--brand-carbon);font-size:11px;pointer-events:none}