: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{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{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{font-size:17px;line-height:1.35;margin:4px 0 0}.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=number],input[type=file],select{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{opacity:.55;cursor:wait}.secondary-button{border:1px solid #8a8a8a;background:#fff;color:#202223}.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}.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}.order-list{border-top:1px solid #ebebeb}.order-row{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #ebebeb}.order-row div{display:grid;gap:4px}.order-row span{color:#616161;font-size:12px}.order-status{width:fit-content;padding:4px 8px;border-radius:999px;background:#f1f1f1;font-weight:700;text-transform:capitalize}.order-status--submitted,.order-status--fulfilled{background:#dff6e8;color:#0a6a3b!important}.order-status--failed{background:#fee7e9;color:#c70a24!important}@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}.order-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}