:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202223;background:#f1f1f1}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}[hidden]{display:none!important}.app-tabs{display:flex;gap:6px;margin:4px 0 18px;border-bottom:1px solid #d8d8d8}.tab{border:0;border-bottom:3px solid transparent;padding:11px 14px;background:transparent;color:#616161;font-weight:650;cursor:pointer}.tab.is-active{color:#202223;border-bottom-color:#202223}.tab:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #005bd3;outline-offset:2px}.creator-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:18px}.preview-card,.settings-card,.integration-card,.fulfillment-card,.batch-card{background:#fff;border:1px solid #e1e1e1;border-radius:12px;box-shadow:0 1px #0000000a}.preview-card{padding:18px;align-self:start;position:sticky;top:14px}.preview-heading,.section-heading,.integration-card{display:flex;justify-content:space-between;align-items:center;gap:16px}h2,h3,h4{line-height:1.35;margin:4px 0 0}h2{font-size:17px}h3{font-size:16px}h4{font-size:14px}.step{color:#616161;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}#mockup-canvas{display:block;width:100%;margin:16px 0;border-radius:10px;background:#f6f6f6;border:1px solid #ededed}.placement-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.placement-controls label{color:#616161;font-size:12px;font-weight:600}.placement-controls input{width:100%;margin-top:6px}.settings-card{overflow:hidden}.form-section{padding:20px;border-bottom:1px solid #ebebeb}.field{display:grid;gap:7px;margin-top:14px;font-size:13px;font-weight:650}input[type=text],input[type=email],input[type=url],input[type=number],input[type=file],input:not([type]),select,textarea{width:100%;min-height:38px;border:1px solid #8a8a8a;border-radius:8px;background:#fff;padding:8px 10px}fieldset{margin:16px 0 0;padding:0;border:0}legend{margin-bottom:8px;font-size:13px;font-weight:650}.choice-grid{display:flex;flex-wrap:wrap;gap:7px}.choice{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 10px;border:1px solid #c9cccf;border-radius:8px;background:#fff;font-size:12px;cursor:pointer}.choice.is-selected{border-color:#202223;background:#f3f3f3;box-shadow:inset 0 0 0 1px #202223}.choice input{width:14px;height:14px;accent-color:#202223}.hint{margin:7px 0 0;color:#616161;font-size:12px;line-height:1.45}.publish-footer{padding:18px 20px 20px}.primary-button,.secondary-button{min-height:38px;border-radius:8px;padding:8px 14px;font-weight:650;cursor:pointer}.primary-button{width:100%;margin-top:12px;border:1px solid #202223;background:#202223;color:#fff}.primary-button:hover{background:#303030}.primary-button:disabled,.secondary-button:disabled{opacity:.55;cursor:not-allowed}.secondary-button{border:1px solid #8a8a8a;background:#fff;color:#202223}.button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.compact-button{width:auto;margin-top:0}.status{margin-top:10px;color:#616161;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.status--success{color:#0a6a3b}.status--warning{color:#8a5200}.status--error{color:#c70a24}#fulfillment-panel{display:grid;gap:18px}.batch-card{padding:20px;margin-bottom:18px}.batch-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.batch-fields .field{margin-top:14px}.apparel-routes,.apparel-drafts,.apparel-masters{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:18px}.apparel-route,.apparel-draft,.master-card{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid #c9cccf;border-radius:10px;background:#fff;cursor:pointer}.apparel-draft{display:grid;cursor:default}.apparel-draft>label,.master-card{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.apparel-route input,.apparel-draft input,.master-card input{width:16px;height:16px;margin-top:2px;accent-color:#202223}.apparel-route span,.apparel-draft span,.master-card span{display:grid;gap:4px}.apparel-route small,.apparel-draft small,.master-card small{color:#616161;font-size:12px;line-height:1.35}.apparel-route--unavailable,.master-card--missing{display:grid;gap:5px;border-style:dashed;color:#616161;cursor:default}.master-summary{grid-column:1 / -1;margin:0;color:#616161;font-size:12px}.setup-drafts{margin-top:18px;padding-top:18px;border-top:1px solid #ebebeb}.setup-drafts>summary{cursor:pointer;font-weight:700}.batch-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px}.batch-actions .status{margin:0}.metadata-panel{display:grid;gap:14px;margin-top:16px}.metadata-source,.metadata-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.metadata-source>div{display:grid;gap:3px}.metadata-source small,.metadata-state{color:#616161;font-size:12px}.metadata-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metadata-fields .field{margin:0}.metadata-fields textarea{resize:vertical;min-height:132px}.metadata-confirmation{display:flex;align-items:flex-start;gap:8px;color:#414141;font-size:12px;line-height:1.45}.metadata-confirmation input{width:16px;height:16px;margin-top:1px;accent-color:#202223}.metadata-state--ready,.metadata-applied{color:#0a6a3b!important}.metadata-preview{display:grid;gap:6px;padding:12px;border-radius:8px;background:#f6f6f6;color:#414141;font-size:12px}.integration-card,.fulfillment-card{padding:20px}.integration-card .status{margin:0 0 0 auto}.fulfillment-card .section-heading{margin-bottom:16px}.empty-state{padding:32px 12px;color:#616161;text-align:center}.empty-state.compact{padding:18px;border:1px dashed #c9cccf;border-radius:8px}.fulfillment-groups{display:grid;gap:16px}.fulfillment-group{padding:18px;border:1px solid #d8d8d8;border-radius:10px;background:#fafafa}.fulfillment-group__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.order-status{width:fit-content;padding:4px 8px;border-radius:999px;background:#f1f1f1;font-weight:700;text-transform:capitalize}.order-status--externally-submitted,.order-status--shipped,.order-status--fulfilled{background:#dff6e8;color:#0a6a3b!important}.order-status--failed{background:#fee7e9;color:#c70a24!important}.candidate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.candidate-card{display:grid;gap:10px;padding:14px;border:1px solid #c9cccf;border-radius:10px;background:#fff;cursor:pointer}.candidate-card.is-selected{border-color:#202223;box-shadow:inset 0 0 0 1px #202223}.candidate-card.is-ineligible{opacity:.68;cursor:not-allowed}.candidate-card__select{display:flex;align-items:center;gap:8px}.candidate-card__select input{width:16px;height:16px;accent-color:#202223}.recommendation-badge{margin-left:auto;padding:3px 7px;border-radius:999px;background:#e4efff;color:#004299;font-size:11px;font-weight:700}.candidate-meta{color:#616161;font-size:12px}.candidate-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.candidate-metrics>span{display:grid;gap:2px;padding:8px;border-radius:7px;background:#f6f6f6}.candidate-metrics small{color:#616161}.candidate-flags{display:flex;flex-wrap:wrap;gap:6px}.flag{padding:3px 7px;border-radius:999px;background:#f1f1f1;color:#616161;font-size:11px}.flag--success{background:#dff6e8;color:#0a6a3b}.flag--neutral{background:#fff0d5;color:#704600}.candidate-card ul{margin:0;padding-left:18px;color:#616161;font-size:12px}.decision-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:14px}.decision-hint{margin-top:12px}.fulfillment-record{display:grid;grid-template-columns:minmax(180px,1.2fr) repeat(2,minmax(150px,1fr)) auto;gap:12px;align-items:end;margin-top:16px;padding-top:16px;border-top:1px solid #d8d8d8}.fulfillment-record .field{margin-top:0}.fulfillment-record--complete{display:flex;justify-content:space-between;align-items:center}.confirmation{grid-column:1 / -1;display:flex;align-items:flex-start;gap:8px;color:#414141;font-size:12px}.confirmation input{width:16px;height:16px}.group-action-status{margin-top:12px}.legacy-orders{display:grid;gap:10px;padding:18px;border:1px solid #d8d8d8;border-radius:10px;background:#fff}.legacy-order{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:12px;align-items:center;padding-top:10px;border-top:1px solid #ebebeb}.legacy-order div{display:grid;gap:3px}.legacy-order span{color:#616161;font-size:12px}.manual-quote{margin-top:14px;padding:12px 14px;border:1px solid #d8d8d8;border-radius:8px;background:#fff}.manual-quote summary{cursor:pointer;font-size:13px;font-weight:700}.manual-quote form{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;align-items:end;margin-top:12px}.manual-quote .field{margin-top:0}.wide-field{grid-column:1 / -1}.compliance-fields{padding:10px;border:1px solid #d8d8d8;border-radius:8px}.compliance-fields>summary{cursor:pointer;font-size:12px;font-weight:700}.compliance-fields>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:10px}@media(max-width:820px){.creator-grid{grid-template-columns:1fr}.preview-card{position:static}.placement-controls{grid-template-columns:1fr}.integration-card{align-items:flex-start;flex-direction:column}.integration-card .status{margin-left:0}.fulfillment-group__header,.fulfillment-record--complete{align-items:flex-start;flex-direction:column}.fulfillment-record,.legacy-order,.batch-fields,.metadata-fields{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}