.app-title{font-size:20px;font-weight:700}.tab-nav-container{margin-bottom:12px}.tab-nav{display:flex;gap:8px}.tab-button{border:1px solid #3a3a3a;background:#2a2a2a;color:#e5e7eb;font-weight:600;border-radius:999px;padding:6px 10px}.tab-button-active{background:#baf21f;color:#000;border-color:#baf21f}.designer-grid{display:grid;gap:16px}@media (min-width: 900px){.designer-grid{grid-template-columns:1fr}}.card{background:#151515;border:1px solid #3a3a3a;border-radius:12px;padding:12px}.card-title{font-weight:600}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-actions{display:flex;gap:8px}.btn-primary{background:#baf21f;color:#000;border:1px solid #baf21f;padding:6px 10px;border-radius:6px;font-weight:600}.btn-secondary{background:#2a2a2a;color:#e5e7eb;border:1px solid #3a3a3a;padding:6px 10px;border-radius:6px}.btn-secondary:hover{background:#353535}.btn-extra-small{background:#2a2a2a;color:#e5e7eb;border:1px solid #3a3a3a;padding:4px 8px;border-radius:6px;font-size:12px}.btn-remove{color:#f87171}.btn-generate{background:#baf21f;color:#000;border:1px solid #baf21f;padding:8px 12px;border-radius:8px;font-weight:600}.btn-generate-busy{opacity:.8}.busy-indicator{color:#9ca3af}.artwork-label{color:#9ca3af;font-size:12px}.file-input{margin-top:6px}input[type=file]{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#2a2a2a;color:#e5e7eb;border:1px solid #3a3a3a;border-radius:6px;padding:6px 10px;font-size:14px;cursor:pointer;font-weight:500}input[type=file]::file-selector-button{background-color:#baf21f;color:#000;border:1px solid #baf21f;border-radius:6px;padding:6px 10px;margin-right:10px;font-weight:600;cursor:pointer}input[type=file]::file-selector-button:hover{background-color:#cfff32}.artwork-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:12px}.artwork-item{background:#1e1e1e;border:1px solid #3a3a3a;border-radius:10px;padding:8px}.artwork-preview{width:100%;height:110px;object-fit:contain;border-radius:6px;background:#111}.artwork-select{width:100%;margin-top:6px}.artwork-remove{background:transparent;color:#f87171;border:1px solid #3a3a3a;border-radius:6px;padding:4px 8px;float:right;margin-top:6px}.product-form{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.input,.form-input,.form-select,.card input[type=text],.card input[type=number],.card select,.card textarea{background:#1a1a1a;color:#e5e7eb;border:1px solid #3a3a3a;border-radius:8px;padding:8px 10px;height:36px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.card textarea{min-height:90px;height:auto}.input::placeholder,.card input::placeholder{color:#9ca3af}.input:focus,.form-input:focus,.form-select:focus,.card input[type=text]:focus,.card input[type=number]:focus,.card select:focus,.card textarea:focus{border-color:#baf21f;box-shadow:0 0 0 2px #baf21f2e}.card select:disabled,.card input:disabled{background:#242424;color:#9ca3af;cursor:not-allowed}.form-label{display:block}.form-label-full{display:block;grid-column:1 / -1}.form-select,.form-input{width:100%}.error-text{color:#f87171;font-size:12px;margin-top:4px}.color-grid-container{grid-column:1 / -1;margin-top:4px}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:8px}.color-swatch{position:relative;width:100%;padding-bottom:100%;background:#111;border:1px solid #444;border-radius:6px;overflow:hidden}.color-swatch-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.color-swatch-selected{border-color:#111;box-shadow:inset 0 0 0 2px #111}.color-swatch-check{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.6)}.views-section{grid-column:1 / -1}.view-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.view-button{border:1px solid #3a3a3a;background:#2a2a2a;color:#e5e7eb;border-radius:16px;padding:6px 10px;font-weight:600}.view-button-active{background:#baf21f;color:#000;border-color:#baf21f}.placement-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.placement-fieldset{border:1px solid #3a3a3a;border-radius:8px;padding:12px}.placement-legend{padding:0 4px;font-size:12px;font-weight:600}.placement-options{display:flex;gap:16px;flex-wrap:wrap}.placement-label{display:inline-flex;align-items:center;gap:6px}.extra-products{margin-top:12px;padding-top:12px;border-top:1px solid #3a3a3a}.extra-products-title{font-weight:600;font-size:14px;margin-bottom:8px}.extra-products-list{display:grid;gap:12px}.extra-product-item{border:1px solid #3a3a3a;border-radius:12px;padding:12px;background:#151515}.extra-product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.extra-product-label{font-size:14px}.extra-product-actions{display:flex;gap:8px}.extra-product-form{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.form-label-full .form-select{width:100%}.generate-section{display:flex;align-items:center;gap:10px;margin-top:12px}.recent-results{margin-top:16px}.recent-results-header{display:flex;align-items:center;justify-content:space-between}.recent-results-title{font-weight:600}.btn-refresh{border:1px solid #3a3a3a;background:#2a2a2a;color:#e5e7eb;border-radius:999px;padding:4px 8px;font-size:12px}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:12px}.result-item{border:1px solid #3a3a3a;border-radius:12px;padding:8px;background:#151515}.result-img{width:100%;height:auto;border-radius:6px}.result-caption{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;font-size:12px}.result-actions{display:flex;gap:6px}.btn-result{border:1px solid #3a3a3a;background:#2a2a2a;color:#e5e7eb;border-radius:6px;padding:4px 8px}.proofs-container{background:#151515;border:1px solid #3a3a3a;border-radius:12px;padding:12px}.proofs-header{display:flex;align-items:center;justify-content:space-between}.proofs-tabs{display:flex;gap:8px}.proofs-tab{border:1px solid #3a3a3a;background:#2a2a2a;color:#e5e7eb;border-radius:999px;padding:6px 10px;font-weight:600}.proofs-tab-active{background:#baf21f;color:#000;border-color:#baf21f}.proofs-actions{display:flex;gap:8px}.proofs-list{display:grid;gap:12px;margin-top:12px}.proof-job{border:1px solid #3a3a3a;border-radius:12px;padding:12px;background:#151515}.proof-job-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.proof-job-meta{display:flex;align-items:center;gap:8px;flex:1}.proof-input{width:192px}.proof-id{font-size:12px;color:#9ca3af}.btn-delete{background:#2a2a2a;color:#f87171;border:1px solid #3a3a3a;padding:4px 8px;border-radius:6px}.proof-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:12px}.proof-image-item{border:1px solid #3a3a3a;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:8px;background:#151515}.proof-image-check{display:flex;align-items:center;gap:8px;font-size:12px}.proof-img{width:100%;height:auto;border-radius:6px}.proof-image-actions{display:flex;justify-content:space-between;align-items:center;font-size:12px}.proof-image-buttons{display:flex;gap:6px}.btn-proof-small{border:1px solid #3a3a3a;background:#2a2a2a;color:#e5e7eb;border-radius:6px;padding:4px 8px}.btn-proof-delete{background:transparent;color:#f87171;border:0}.raw-list{display:grid;gap:12px;margin-top:12px}.raw-job{border:1px solid #3a3a3a;border-radius:12px;padding:12px;background:#151515}.raw-job-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.raw-job-id{font-size:14px;font-weight:600}.raw-job-meta{font-size:12px;color:#9ca3af}.raw-section{margin-bottom:12px}.raw-section-title{font-size:12px;font-weight:600;margin-bottom:6px}.raw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.raw-item{border:1px solid #3a3a3a;border-radius:8px;padding:8px;background:#151515}.raw-img{width:100%;height:auto;border-radius:6px}.raw-caption{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:12px}.raw-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.raw-view{text-transform:capitalize}.raw-download{background:transparent;color:#e5e7eb;text-decoration:underline;border:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:50;display:flex;align-items:center;justify-content:center}.modal-container{background:#151515;border:1px solid #3a3a3a;border-radius:12px;padding:12px;width:min(98vw,1200px);max-height:98vh;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.modal-title{font-weight:600}.modal-close{background:transparent;color:#9ca3af;border:0;font-size:16px}.modal-canvas-box{border:1px solid #3a3a3a;border-radius:8px;overflow:auto;flex:1;max-height:calc(98vh - 160px)}.modal-canvas{display:block}.modal-controls{display:flex;align-items:center;gap:8px;margin-top:8px}.modal-control-label{color:#e5e7eb}.modal-slider{flex:1}.modal-control-btn{background:#2a2a2a;color:#e5e7eb;border:1px solid #3a3a3a;padding:4px 8px;border-radius:6px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.modal-btn-reset{background:#2a2a2a;color:#e5e7eb;border:1px solid #3a3a3a;padding:6px 10px;border-radius:6px}.modal-btn-apply{background:#baf21f;color:#000;border:1px solid #baf21f;padding:6px 10px;border-radius:6px;font-weight:600}.modal-btn-disabled{opacity:.6;cursor:not-allowed}.error-message{color:#f87171;margin-top:8px}.error-detail{margin-top:8px;padding:8px;background:#2b1d1d;border:1px solid #5a2e2e;border-radius:8px;color:#fca5a5;font-size:12px;white-space:pre-wrap}.deck-footer-actions{margin-top:12px;padding-top:12px;border-top:1px solid #3a3a3a;display:flex;gap:8px;justify-content:flex-start;flex-wrap:wrap}.qd-pill{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#ffffffe6;padding:6px 10px;border-radius:8px;cursor:pointer}.qd-pill:hover{background:#ffffff1a}.qd-pill-active{background:#b6ff2e;border-color:#b6ff2e;color:#0b0b0b}.qd-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:4px;border:1px solid rgba(255,255,255,.28);background:#00000059;display:inline-grid;place-content:center;cursor:pointer}.qd-checkbox:focus{outline:none;box-shadow:0 0 0 2px #b6ff2e40}.qd-checkbox:checked{background:#b6ff2e;border-color:#b6ff2e}.qd-checkbox:checked:after{content:"";width:8px;height:8px;border-radius:2px;background:#0b0b0b}input.qd-checkbox,.qd-checkbox[type=checkbox]{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;padding:0!important;margin:0 6px 0 0!important;display:inline-grid!important;box-sizing:border-box!important}input.input.qd-checkbox,.input.qd-checkbox{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;padding:0!important;border-radius:4px!important;display:inline-grid!important;background:#00000059!important}input[type=checkbox]{width:auto;padding:0}:root{--ink:#111827;--muted:#6b7280;--bg:#0b0b0b;--card:#111;--line:#222;--brand:#baf21f;--accent:#8b5cf6;--white:#fff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:#0a0a0a;color:#e5e7eb;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}a{color:inherit}button{cursor:pointer}.container{max-width:1200px;margin:0 auto;padding:16px}.header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#0a0a0ae6;-webkit-backdrop-filter:saturate(150%) blur(6px);backdrop-filter:saturate(150%) blur(6px);z-index:10}.brand{display:flex;gap:12px;align-items:center;font-weight:600;letter-spacing:.2px}.badge{background:var(--brand);color:#000;font-weight:700;padding:2px 8px;border-radius:8px;font-size:12px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#131313}.tab.active{background:var(--brand);color:#000;border-color:var(--brand)}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}.grid{display:grid;gap:12px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.input,select,textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#0f0f0f;color:#e5e7eb}.input:focus,select:focus,textarea:focus{outline:2px solid var(--brand);border-color:transparent}.btn{padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:#161616;color:#fff}.btn.brand{background:var(--brand);color:#000;border-color:var(--brand);font-weight:700}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-top:1px solid var(--line);text-align:left}.row{display:flex;gap:8px;align-items:center}.footer{padding:12px;text-align:center;color:#9ca3af;border-top:1px solid var(--line);margin-top:24px}.link{color:var(--brand);text-decoration:none}