.pack-drawing-editor{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;min-width:0;min-height:0;color:var(--studio-text,#ededed);background:var(--studio-worktop,#252525);font:400 13px var(--studio-ui,Archivo,sans-serif)}.studio-packaging-drawing-workspace{width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.studio-packaging-drawing-workspace .pack-drawing-editor{height:100%;grid-template-rows:auto auto minmax(0,1fr) auto}.studio-packaging-drawing-workspace .pack-drawing-editor:has(.pack-drawing-replacement){grid-template-rows:auto auto auto minmax(0,1fr) auto}.pack-drawing-footer,.pack-drawing-heading,.pack-drawing-toolbar{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--studio-border,#444)}.pack-drawing-heading>div:first-of-type{min-width:0;flex:1 1}.pack-drawing-heading h2{font:400 22px var(--studio-display,Tempel,sans-serif);margin:0}.pack-drawing-heading h2:focus{outline:none}.pack-drawing-heading p{color:var(--studio-muted,#a8a8a8);margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pack-drawing-edit-actions,.pack-drawing-footer>div,.pack-drawing-heading-actions,.pack-drawing-replacement>div,.pack-drawing-source-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.pack-drawing-heading-actions{flex-shrink:0}.pack-drawing-toolbar{flex-wrap:wrap;justify-content:space-between}.pack-drawing-replacement{padding:12px 18px;border-bottom:1px solid var(--studio-border,#444);background:var(--studio-panel,#2e2e2e)}.pack-drawing-replacement p{margin:0 0 10px;line-height:1.6;max-width:900px}.pack-drawing-body{grid-template-columns:minmax(0,1fr) 360px}.pack-drawing-body,.pack-drawing-canvas{display:grid;min-height:0;overflow:hidden}.pack-drawing-canvas{padding:20px;min-width:0;place-items:center}.pack-drawing-canvas[data-drawing]{cursor:crosshair}.pack-drawing-canvas svg{display:block;width:100%;height:100%;min-height:240px;max-height:100%;touch-action:none}.pack-drawing-canvas svg g[role=button]{cursor:pointer}.pack-drawing-canvas svg g[role=button]:focus-visible{outline:none}.pack-drawing-canvas svg g[role=button]:focus-visible>rect:first-child{stroke:#d7512d;stroke-width:6px}.pack-drawing-fields{min-width:0;min-height:0;overflow:auto;border-left:1px solid var(--studio-border,#444);background:var(--studio-panel,#2e2e2e)}.pack-drawing-fields .studio-section{margin:0;border-radius:0}.pack-drawing-fields .studio-section-body{display:grid;gap:10px}.pack-drawing-fields p{margin:0;line-height:1.6}.pack-drawing-field,.pack-drawing-fields p{font-size:12px;color:var(--studio-muted,#a8a8a8)}.pack-drawing-field{display:grid;gap:6px}.pack-drawing-paired{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pack-drawing-limits{padding:14px 16px}.pack-drawing-footer{border-top:1px solid var(--studio-border,#444);border-bottom:0;justify-content:space-between}.pack-drawing-footer p{margin:0;line-height:1.5;color:var(--studio-muted,#a8a8a8)}.pack-drawing-footer [role=alert]{color:var(--studio-danger,#ed9a87)}.pack-drawing-empty{grid-column:1/-1;margin:auto;padding:36px;max-width:620px}.pack-drawing-empty h3{font:400 28px var(--studio-display,Tempel,sans-serif);margin:0 0 12px}.pack-drawing-empty p{color:var(--studio-muted,#a8a8a8);line-height:1.7}:is(.studio-v2 .studio-packaging-drawing-workspace,.pack-drawing-dialog.ui-dialog) .pack-drawing-fields .ui-numeric{height:34px;min-height:34px;position:relative;display:block;padding:0 9px;min-width:0;overflow:hidden;border:1px solid var(--studio-border,#444);border-radius:4px;background:var(--studio-field,#363636)}:is(.studio-v2 .studio-packaging-drawing-workspace,.pack-drawing-dialog.ui-dialog) .pack-drawing-fields .ui-numeric-heading{position:absolute;inset:0 8px;padding:0;display:flex;align-items:center;gap:4px;z-index:2;pointer-events:none}:is(.studio-v2 .studio-packaging-drawing-workspace,.pack-drawing-dialog.ui-dialog) .pack-drawing-fields .ui-numeric-heading>label{min-width:0;flex:1 1;color:var(--studio-muted,#a8a8a8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 11px var(--studio-ui,Archivo,sans-serif)}:is(.studio-v2 .studio-packaging-drawing-workspace,.pack-drawing-dialog.ui-dialog) .pack-drawing-fields .ui-numeric-value{position:relative;width:47px;flex:0 0 47px;pointer-events:auto}:is(.studio-v2 .studio-packaging-drawing-workspace,.pack-drawing-dialog.ui-dialog) .pack-drawing-fields .ui-number-display{display:none}:is(.studio-v2 .studio-packaging-drawing-workspace,.pack-drawing-dialog.ui-dialog) .pack-drawing-fields .ui-numeric-value .ui-input{position:static;opacity:1;width:100%;height:28px;padding:2px 0;background:transparent;border:0;color:var(--studio-text,#ededed);text-align:right;font:400 11px var(--studio-mono,"Roboto Mono",monospace)}:is(.studio-v2 .studio-packaging-drawing-workspace,.pack-drawing-dialog.ui-dialog) .pack-drawing-fields .ui-slider{position:relative;height:32px;margin:0;padding:0;background:transparent}:is(.studio-v2 .studio-packaging-drawing-workspace,.pack-drawing-dialog.ui-dialog) .pack-drawing-fields .ui-slider-track{height:100%;background:transparent}:is(.studio-v2 .studio-packaging-drawing-workspace,.pack-drawing-dialog.ui-dialog) .pack-drawing-fields .ui-slider-range{background:transparent;border:0}:is(.studio-v2 .studio-packaging-drawing-workspace,.pack-drawing-dialog.ui-dialog) .pack-drawing-fields .ui-slider-thumb{width:2px;height:14px;border-radius:1px;border:0;box-shadow:none;background:var(--studio-muted,#a8a8a8);opacity:0}:is(.studio-v2 .studio-packaging-drawing-workspace,.pack-drawing-dialog.ui-dialog) .pack-drawing-fields .ui-numeric:has(.ui-slider:active) .ui-slider-thumb,:is(.studio-v2 .studio-packaging-drawing-workspace,.pack-drawing-dialog.ui-dialog) .pack-drawing-fields .ui-slider-thumb:focus-visible{opacity:1}:is(.studio-v2 .studio-packaging-drawing-workspace,.pack-drawing-dialog.ui-dialog) .pack-drawing-fields .ui-field-error{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}:is(.studio-v2 .studio-packaging-drawing-workspace,.pack-drawing-dialog.ui-dialog) .pack-drawing-fields .ui-numeric:has([aria-invalid=true]){border-color:var(--studio-danger,#ed9a87)}.pack-drawing-dialog.ui-dialog .pack-drawing-editor{max-height:75vh;grid-template-rows:auto minmax(0,1fr) auto}.pack-drawing-dialog.ui-dialog .pack-drawing-editor:has(.pack-drawing-replacement){grid-template-rows:auto auto minmax(0,1fr) auto}.pack-drawing-dialog.ui-dialog .pack-drawing-body{height:min(55vh,620px)}.pack-drawing-dialog.ui-dialog .pack-drawing-canvas svg{min-height:0}@media (max-width:360px){.pack-drawing-paired{grid-template-columns:minmax(0,1fr)}}@media (max-width:800px){.pack-drawing-body{grid-template-columns:minmax(0,1fr);overflow:auto;grid-auto-rows:minmax(260px,50vh) auto}.pack-drawing-fields{overflow:visible;border-left:0;border-top:1px solid var(--studio-border,#444)}.pack-drawing-footer,.pack-drawing-heading,.pack-drawing-toolbar{padding:10px 12px;gap:8px}.pack-drawing-heading{flex-wrap:wrap}.pack-drawing-heading h2{font-size:20px}.pack-drawing-heading-actions{margin-left:auto}.pack-drawing-source-actions .ui-button{font-size:11px}.pack-drawing-empty{padding:24px}}