:root{color-scheme:light;font-family:DM Sans,Inter,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--primary: #0a0a0a;--primary-soft: #181e25;--on-primary: #ffffff;--coral: #ff5530;--blue: #1456f0;--blue-mid: #3b82f6;--blue-deep: #1d4ed8;--cyan: #3daeff;--purple: #a855f7;--canvas: #ffffff;--surface: #f7f8fa;--surface-soft: #f2f3f5;--hairline: #e5e7eb;--hairline-soft: #eaecf0;--ink: #0a0a0a;--charcoal: #222222;--slate: #45515e;--steel: #5f5f5f;--stone: #8e8e93;--muted: #a8aab2;--success-bg: #e8ffea;--success-text: #1ba673;--warning-bg: #fff7e6;--warning-text: #976215;--danger-bg: #fff0f0;--danger-text: #b43f3f;--focus-ring: #bfdbfe;--selection-bg: #eff6ff;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-xxl: 20px;--r-full: 9999px;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 20px;--space-xl: 24px;--space-xxl: 32px;background:var(--canvas);color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--canvas);color:var(--ink);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);text-wrap:balance}h1{margin-bottom:var(--space-xs);font-size:32px;font-weight:600;letter-spacing:-.02em;line-height:1.1}h2{margin-bottom:var(--space-xs);font-size:20px;font-weight:600;letter-spacing:-.015em;line-height:1.2}h3{margin-bottom:var(--space-xs);font-size:16px;font-weight:600;line-height:1.35}p{color:var(--slate);text-wrap:pretty}.login-shell{display:grid;min-height:100vh;place-items:center;padding:var(--space-xl);background:var(--surface)}.login-card{width:min(420px,100%);border:1px solid var(--hairline);border-radius:var(--r-xl);background:var(--canvas);padding:var(--space-xl)}.login-copy{margin-bottom:var(--space-lg)}.login-form{display:grid;gap:var(--space-sm)}.studio-shell{min-height:100vh;background:var(--canvas)}.studio-topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-lg);min-height:56px;border-bottom:1px solid var(--hairline);background:var(--canvas);padding:0 var(--space-lg)}.topbar-brand{color:var(--ink);font-weight:700}.topbar-nav,.topbar-actions,.manager-actions,.wrap-actions,.toolbar-group,.editor-toolbar-group,.table-action-group,.pagination-buttons{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.topbar-link,.topbar-icon,.topbar-avatar,.footer-link,.sidebar-link,.ghost-button,.ghost-action,.toolbar-pill,.primary-action,.danger-button,.asset-card,.upload-card,.dashboard-list-item,.workflow-card,.selected-chip{border:1px solid transparent;background:transparent;color:var(--ink);text-align:left;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out,transform .15s ease-out}.topbar-link{min-height:56px;border-radius:0;border-bottom-color:transparent;padding:0 var(--space-xs);color:var(--steel);font-size:13px;font-weight:600}.topbar-link.is-active{border-bottom-color:var(--primary);color:var(--ink)}.topbar-icon,.topbar-avatar{display:inline-grid;min-width:36px;min-height:36px;place-items:center;border-color:var(--hairline);border-radius:var(--r-full);background:var(--canvas);font-weight:700}.topbar-avatar{background:var(--coral);color:var(--on-primary)}.studio-body{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:calc(100vh - 56px)}.studio-sidebar{position:sticky;top:56px;align-self:start;display:flex;min-height:calc(100vh - 56px);flex-direction:column;border-right:1px solid var(--hairline);background:var(--surface);padding:var(--space-md)}.sidebar-nav{display:grid;gap:var(--space-xs)}.sidebar-link{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:var(--space-xs);width:100%;border-color:transparent;border-radius:var(--r-md);padding:var(--space-xs)}.sidebar-link.is-active{border-color:var(--hairline);background:var(--canvas)}.sidebar-step{display:grid;width:32px;height:32px;place-items:center;border-radius:var(--r-sm);background:var(--canvas);color:var(--blue-deep);font-size:11px;font-weight:800}.sidebar-link.is-active .sidebar-step{background:var(--primary);color:var(--on-primary)}.sidebar-copy{display:grid;gap:2px}.sidebar-copy strong{font-size:13px}.sidebar-copy small,.footer-link,.hint,.review-copy,.table-primary-cell small,.dashboard-list-item small,.asset-copy small,.production-meta-item small,.readiness-item small,.pagination-status,.detail-stat-card small,.voucher-meta-item small,.production-render-note span,.production-review-note span{color:var(--slate);font-size:12px}.sidebar-cta{justify-content:center;width:100%;margin-top:auto;border-radius:var(--r-full);background:var(--coral);color:var(--on-primary);padding:10px 18px;font-weight:700;text-align:center}.sidebar-footer{display:grid;gap:var(--space-xs);padding-top:var(--space-md)}.footer-link{width:fit-content;padding:var(--space-xxs) 0}.studio-content{min-width:0;padding:var(--space-xl)}.dashboard-layout,.templates-layout,.vouchers-layout,.settings-layout,.production-layout{display:grid;gap:var(--space-lg)}.manager-header,.production-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg)}.manager-header p,.production-header p{max-width:72ch;margin-bottom:0}.panel-heading,.production-section-heading,.table-header,.voucher-section-header,.production-selection-topline,.production-stage-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.panel-heading.compact{margin-top:var(--space-lg)}.panel-kicker,.card-label,.property-title,.detail-label,.production-meta-item span,.readiness-item span,.print-metric-card span{margin:0 0 var(--space-xxs);color:var(--steel);font-size:11px;font-weight:700;letter-spacing:0;text-transform:none}.primary-action,.ghost-action,.ghost-button,.toolbar-pill,.danger-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:var(--r-full);padding:9px 18px;font-size:13px;font-weight:700;text-align:center}.primary-action{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.primary-action:hover:enabled{background:var(--charcoal)}.primary-action.small,.ghost-button.table-action-button,.danger-button.table-action-button{min-height:34px;padding:7px 14px}.primary-action.wide{width:100%}.ghost-action,.ghost-button,.toolbar-pill{border-color:var(--hairline);background:var(--canvas);color:var(--ink)}.ghost-action:hover:enabled,.ghost-button:hover:enabled,.toolbar-pill:hover:enabled{border-color:var(--primary)}.ghost-button.is-selected,.toolbar-pill.is-selected{border-color:var(--blue);background:var(--selection-bg);color:var(--blue-deep)}.danger-button{border-color:var(--danger-bg);background:var(--danger-bg);color:var(--danger-text)}.topbar-link:focus-visible,.topbar-icon:focus-visible,.topbar-avatar:focus-visible,.sidebar-link:focus-visible,.footer-link:focus-visible,.primary-action:focus-visible,.ghost-action:focus-visible,.ghost-button:focus-visible,.toolbar-pill:focus-visible,.danger-button:focus-visible,.asset-card:focus-visible,.upload-card:focus-visible,.dashboard-list-item:focus-visible,.workflow-card:focus-visible,.selected-chip:focus-visible,.placement-overlay:focus-visible,.resize-handle:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-sm)}.dashboard-grid,.templates-grid,.production-grid,.production-template-layout,.production-review-layout,.voucher-library-grid,.production-selection-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:var(--space-md);align-items:start}.summary-card,.review-card,.table-card,.editor-panel,.editor-center,.production-meta-item,.readiness-item,.property-card,.detail-stat-card,.voucher-meta-item,.production-render-note,.production-review-note,.print-metric-card{border:1px solid var(--hairline);border-radius:var(--r-xl);background:var(--canvas)}.summary-card,.review-card,.table-card,.editor-panel,.editor-center{padding:var(--space-md)}.summary-card h2{margin:0 0 var(--space-xxs);font-size:28px}.summary-card p{margin-bottom:0}.dashboard-list,.asset-list,.compact-list,.voucher-related-list{display:grid;gap:var(--space-xs)}.dashboard-list-item{display:grid;width:100%;gap:3px;border-color:var(--hairline);border-radius:var(--r-md);background:var(--canvas);padding:var(--space-sm)}.dashboard-list-item:hover:not(.is-static){border-color:var(--blue)}.dashboard-list-item.is-selected,.selectable-list-item.is-selected{border-color:var(--blue);background:var(--selection-bg)}.field,.property-field{display:grid;gap:var(--space-xxs);margin-bottom:var(--space-sm)}.field span,.property-field span{color:var(--charcoal);font-size:12px;font-weight:700}.field input,.field select,.field textarea,.property-field input,.property-field select,.property-field textarea,.table-search-input{width:100%;min-height:40px;border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--canvas);color:var(--ink);padding:9px 12px}.field textarea,.property-field textarea,.settings-textarea{min-height:160px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.property-field input:focus,.property-field select:focus,.property-field textarea:focus,.table-search-input:focus{border-color:var(--blue-deep);outline:3px solid var(--focus-ring)}.property-grid,.production-meta-grid,.production-inline-summary,.render-readiness-panel,.voucher-detail-grid,.voucher-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-xs)}.property-section{border-top:1px solid var(--hairline-soft);padding-top:var(--space-md)}.property-section+.property-section{margin-top:var(--space-md)}.property-card{margin-bottom:var(--space-md);padding:var(--space-sm);background:var(--surface)}.property-card span{color:var(--slate);font-size:12px}.checkbox-field{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:36px;color:var(--charcoal);font-weight:700}.checkbox-field input,.row-selector{width:18px;height:18px;accent-color:var(--primary)}.status-banner,.error-banner,.validation-item{border:1px solid transparent;border-radius:var(--r-lg);margin:0;padding:var(--space-sm) var(--space-md);font-size:13px;font-weight:700}.status-banner,.validation-item.is-ok{border-color:var(--success-bg);background:var(--success-bg);color:var(--success-text)}.error-banner,.validation-item.is-error,.readiness-item.is-danger{border-color:var(--danger-bg);background:var(--danger-bg);color:var(--danger-text)}.validation-item.is-warning,.readiness-item.is-warning{border-color:var(--warning-bg);background:var(--warning-bg);color:var(--warning-text)}.readiness-item.is-ok{border-color:var(--success-bg);background:var(--success-bg);color:var(--success-text)}.readiness-item.is-neutral{background:var(--surface)}.status-banner.compact,.error-banner.compact{margin-bottom:var(--space-md)}.validation-list{display:grid;gap:var(--space-xs)}.table-header{margin-bottom:var(--space-md)}.table-badge,.status-pill,.selected-chip,.production-stage-tag,.canvas-layer-pill,.canvas-helper-metric{display:inline-flex;align-items:center;width:fit-content;border-radius:var(--r-full);padding:4px 10px;background:var(--surface-soft);color:var(--slate);font-size:12px;font-weight:700}.table-badge.is-info,.production-stage-tag,.canvas-layer-pill.is-barcode{background:var(--selection-bg);color:var(--blue-deep)}.canvas-layer-pill.is-expiry,.status-pill{background:var(--success-bg);color:var(--success-text)}.status-pill.is-used{background:var(--surface-soft);color:var(--steel)}.selected-chip-list{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-sm)}.selected-chip{background:var(--selection-bg);color:var(--blue-deep)}.preview-table-wrap{overflow:auto;border:1px solid var(--hairline);border-radius:var(--r-lg)}.preview-table{width:100%;min-width:720px;border-collapse:collapse;background:var(--canvas)}.preview-table th,.preview-table td{border-bottom:1px solid var(--hairline-soft);padding:10px 12px;text-align:left;vertical-align:top}.preview-table th{background:var(--surface);color:var(--steel);font-size:11px;font-weight:800}.preview-table tr.is-selected td{background:var(--selection-bg)}.preview-table tbody tr:last-child td{border-bottom:0}.code-cell{color:var(--blue-deep);font-weight:800;letter-spacing:.01em}.table-primary-cell,.list-item-copy{display:grid;gap:2px}.empty-table{color:var(--slate);text-align:center}.list-pagination,.table-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-top:var(--space-md)}.page-size-selector{display:flex;align-items:center;gap:var(--space-xs)}.page-size-selector label{display:flex;align-items:center;gap:var(--space-xxs);font-size:12px;color:var(--slate)}.page-size-selector select{min-height:30px;border:1px solid var(--hairline);border-radius:var(--r-sm);background:var(--canvas);color:var(--ink);padding:4px 8px;font-size:12px}.page-size-selector select:focus{border-color:var(--blue-deep);outline:3px solid var(--focus-ring)}.editor-layout{display:grid;grid-template-columns:260px minmax(0,1fr) 320px;gap:var(--space-md);align-items:start}.upload-card{display:grid;width:100%;gap:var(--space-xs);border-color:var(--hairline);border-radius:var(--r-xl);background:var(--surface);padding:var(--space-md);text-align:center}.upload-card:hover{border-color:var(--blue)}.upload-card-icon{justify-self:center;border-radius:var(--r-full);background:var(--primary);color:var(--on-primary);padding:4px 10px;font-size:11px;font-weight:800}.asset-card{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:var(--space-sm);width:100%;border-color:var(--hairline);border-radius:var(--r-lg);background:var(--canvas);padding:var(--space-sm)}.asset-card.is-selected{border-color:var(--blue);background:var(--selection-bg)}.asset-card.is-disabled{background:var(--surface)}.asset-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:var(--r-md);background:var(--surface)}.asset-icon:before{content:"";width:18px;height:18px;border:2px solid var(--blue-deep);border-radius:var(--r-xs)}.asset-icon-expiry:before{border-color:var(--success-text)}.asset-copy{display:grid;gap:2px}.editor-center{min-width:0}.editor-toolbar,.canvas-helper-row,.editor-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap}.editor-toolbar{margin-bottom:var(--space-sm)}.editor-zoom-readout{min-width:52px;text-align:center;font-weight:800}.editor-canvas-shell{display:grid;gap:var(--space-sm)}.canvas-helper{border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--surface);padding:var(--space-sm)}.canvas-helper-copy{margin:var(--space-xs) 0 0;font-size:12px}.editor-canvas-grid,.production-preview-surface{overflow:hidden;border:1px solid var(--hairline);border-radius:var(--r-xl);background-color:var(--surface);background-image:radial-gradient(var(--hairline) 1px,transparent 1px);background-size:16px 16px;padding:var(--space-md)}.preview-frame{width:100%}.preview-scroll{max-height:68vh;overflow:auto}.preview-stage{position:relative;overflow:hidden;border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--canvas);cursor:crosshair;touch-action:none}.preview-stage.is-static{cursor:default}.preview-image{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.preview-empty{display:grid;min-height:280px;place-items:center;border:1px dashed var(--hairline);border-radius:var(--r-lg);background:var(--canvas);padding:var(--space-xl);text-align:center}.placement-overlay{position:absolute;overflow:hidden;border:2px solid var(--blue);border-radius:var(--r-lg);background:color-mix(in srgb,var(--canvas) 75%,transparent);cursor:grab;outline:none;touch-action:none}.placement-overlay.is-static{cursor:default}.placement-overlay.is-inactive{opacity:.72}.placement-overlay.is-active{outline:3px solid var(--focus-ring);opacity:1}.placement-overlay-expiry{border-color:var(--success-text);border-style:dashed}.placement-overlay-image,.placement-overlay-fallback,.expiry-overlay-text{display:flex;width:100%;height:100%;align-items:center}.placement-overlay-image{display:block;object-fit:fill}.placement-overlay-fallback{justify-content:center;background:var(--surface);color:var(--slate);font-size:12px;text-align:center}.resize-handle{position:absolute;width:12px;height:12px;border:2px solid var(--canvas);border-radius:var(--r-full);background:var(--blue)}.resize-n,.resize-s{left:50%;transform:translate(-50%)}.resize-e,.resize-w{top:50%;transform:translateY(-50%)}.resize-n{top:-6px}.resize-s{bottom:-6px}.resize-e{right:-6px}.resize-w{left:-6px}.resize-nw,.resize-ne{top:-6px}.resize-sw,.resize-se{bottom:-6px}.resize-nw,.resize-sw{left:-6px}.resize-ne,.resize-se{right:-6px}.align-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs)}.production-stage-shell{display:grid;gap:var(--space-md)}.production-workflow-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs)}.workflow-card{display:grid;gap:2px;border-color:var(--hairline);border-radius:var(--r-lg);background:var(--canvas);padding:var(--space-sm)}.workflow-card.is-active{border-color:var(--primary)}.workflow-card.is-complete{background:var(--success-bg)}.workflow-card.is-locked{background:var(--surface)}.workflow-step{color:var(--blue-deep);font-size:11px;font-weight:800}.production-preview-surface{display:grid;min-height:320px;place-items:start center}.production-preview-empty{width:100%}.production-review-note,.production-render-note{display:grid;gap:3px;margin:var(--space-md) 0;padding:var(--space-sm);background:var(--surface)}.production-selection-shell,.production-selection-bar{display:grid;gap:var(--space-md)}.production-selection-filters{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:var(--space-sm);align-items:end}.production-selected-panel{position:sticky;top:76px}.production-selected-table .preview-table{min-width:360px}.readiness-item,.production-meta-item,.detail-stat-card,.voucher-meta-item,.print-metric-card{display:grid;gap:2px;padding:var(--space-sm)}.readiness-item strong,.production-meta-item strong{color:currentColor}.review-list{display:grid;gap:var(--space-xs);margin:var(--space-md) 0;padding-left:var(--space-lg);color:var(--slate)}.voucher-detail-card{position:sticky;top:76px}.voucher-detail-grid,.voucher-meta-grid{margin-bottom:var(--space-md)}.voucher-detail-section+.voucher-detail-section{border-top:1px solid var(--hairline-soft);margin-top:var(--space-md);padding-top:var(--space-md)}.voucher-meta-item.full-width{grid-column:1 / -1}.voucher-related-list{margin-top:var(--space-sm)}@media (max-width: 1180px){.studio-body,.dashboard-grid,.templates-grid,.production-grid,.production-template-layout,.production-review-layout,.voucher-library-grid,.production-selection-layout,.editor-layout{grid-template-columns:1fr}.studio-sidebar,.production-selected-panel,.voucher-detail-card{position:static}.studio-sidebar{min-height:auto;border-right:0;border-bottom:1px solid var(--hairline)}.sidebar-nav{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 760px){body{font-size:14px}.studio-topbar,.manager-header,.production-header,.panel-heading,.production-section-heading,.table-header,.production-selection-topline,.production-stage-topline,.list-pagination,.table-footer{align-items:stretch;flex-direction:column}.studio-topbar{position:static;display:grid;grid-template-columns:1fr auto;min-height:auto;padding:var(--space-sm)}.topbar-nav{grid-column:1 / -1;overflow-x:auto;flex-wrap:nowrap}.studio-content{padding:var(--space-md)}.production-workflow-strip,.production-selection-filters{grid-template-columns:1fr}.preview-table{min-width:620px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}