:root{color-scheme:light;--ink:#20242c;--muted:#697180;--line:#dfe3e8;--soft:#f5f6f8;--white:#fff;--action:#272b33}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#f3f4f6;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}main{width:min(1400px,100%);margin:0 auto;padding:24px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}.eyebrow{color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}h1{margin:3px 0 0;font-size:31px;letter-spacing:-.035em}.panel-heading p,.topbar p{margin:5px 0 0;color:var(--muted);font-size:13px}.status{display:grid;justify-items:end;gap:4px;color:var(--muted);font-size:11px}.status b{color:#176b46;background:#e4f5ec;border-radius:999px;padding:5px 9px}.studio-stack{display:grid;gap:16px}.workflow{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--white)}.workflow>div{display:flex;align-items:center;gap:11px;padding:14px 16px;border-right:1px solid var(--line)}.workflow>div:last-child{border-right:0}.workflow b{display:grid;flex:0 0 28px;height:28px;place-items:center;border-radius:50%;background:#20242c;color:#fff;font-size:12px}.workflow span{display:grid;gap:2px}.workflow strong{font-size:12px}.workflow small{color:var(--muted);font-size:10px}.panel{padding:18px;background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 2px rgb(25 31 42/5%)}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:15px}.panel-heading h2{margin:0;font-size:19px}.heading-actions,.row-actions{display:flex;align-items:center;gap:8px}.integration{border-radius:999px;padding:5px 9px;background:#fff3d6;color:#8a5a00;font-size:10px;font-weight:750}.integration.ready{background:#e4f5ec;color:#176b46}.button{border:0;border-radius:9px;padding:10px 15px;background:var(--action);color:white;font-weight:750}.button:disabled{cursor:not-allowed;opacity:.5}.button.secondary{background:#eceef1;color:var(--ink)}.search-row{display:flex;gap:9px}.field input,.field select,.field textarea,.search-row input{width:100%;border:1px solid #bcc3cd;border-radius:9px;padding:10px 12px;background:white;color:var(--ink)}.search-row input{flex:1 1}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px}.product-card{display:grid;grid-template-columns:74px 1fr;gap:11px;padding:10px;border:1px solid var(--line);border-radius:11px;background:#fcfcfd;color:inherit;text-align:left}.product-card.selected,.product-card:hover{border-color:#626b79;box-shadow:inset 0 0 0 1px #626b79}.cover,.mini-cover{display:grid;place-items:center;overflow:hidden;aspect-ratio:1;border-radius:8px;background:#e8eaed;color:var(--muted);font-size:10px}.cover img,.mini-cover img{width:100%;height:100%;object-fit:cover}.product-copy{min-width:0;display:grid;align-content:center;gap:3px}.product-copy b,.product-copy small,.product-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-copy small,.product-copy span{color:var(--muted);font-size:11px}.product-copy strong{font-size:14px}.product-copy b{color:#316144;font-size:10px}.template-badge{border-radius:999px;padding:5px 9px;background:#eceef1;color:#555d69;font-size:11px;font-weight:750}.editor-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);gap:16px}fieldset{min-width:0;margin:0;padding:13px;border:1px solid var(--line);border-radius:11px}legend{padding:0 5px;font-size:12px;font-weight:750}.field small,legend small{color:var(--muted);font-weight:500}.track-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.track-list label{display:flex;align-items:flex-start;gap:8px;padding:9px;border-radius:8px;background:var(--soft);font-size:12px}.track-list input{margin-top:2px;accent-color:#222}.track-list b{margin-right:4px}.settings-stack{display:grid;align-content:start;gap:12px}.cover-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cover-type-option{display:grid;grid-template-columns:50px 1fr;align-items:center;gap:9px;padding:9px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);text-align:left}.cover-type-option.active,.cover-type-option:hover{border-color:#272b33;box-shadow:inset 0 0 0 1px #272b33}.cover-type-option>span:last-child{display:grid;gap:3px}.cover-type-option strong{font-size:11px}.cover-type-option small{color:var(--muted);font-size:9px;line-height:1.3}.cover-type-preview{display:block;width:50px;height:50px;overflow:hidden;background:#e8eaed}.cover-type-preview.round{border-radius:50%}.cover-type-preview.square{border-radius:6px}.cover-type-preview img{width:100%;height:100%;object-fit:cover}.help{margin:0 0 9px;color:var(--muted);font-size:11px}.color-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.color-chip{width:31px;height:31px;padding:0;border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #c7ccd3}.color-chip.active{box-shadow:0 0 0 2px #222}.color-auto{height:31px;border:1px solid #c7ccd3;border-radius:999px;padding:0 11px;background:white;color:var(--muted);font-size:11px;font-weight:700}.color-auto.active{background:#222;color:white;border-color:#222}.field{display:grid;gap:6px;color:#555d69;font-size:12px;font-weight:700}.caption{margin-top:14px}.caption textarea{min-height:110px;resize:vertical;line-height:1.45}.editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:14px}.action-note{margin-right:auto;color:var(--muted);font-size:11px}.job-tabs{display:flex;gap:5px;width:max-content;margin:0 0 13px;padding:4px;border-radius:11px;background:var(--soft)}.job-tabs button{display:flex;align-items:center;gap:7px;border:0;border-radius:8px;padding:8px 12px;background:transparent;color:#59616e;font-size:12px;font-weight:750}.job-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgb(25 31 42/12%)}.job-tabs span{display:grid;min-width:20px;height:20px;place-items:center;border-radius:999px;padding:0 6px;background:#e3e6ea;color:#59616e;font-size:10px}.job-tabs button.active span{background:#20242c;color:#fff}.job-list{display:grid;gap:8px}.job-card{border:1px solid var(--line);border-left:5px solid;border-radius:10px;background:#fff}.job-row{display:grid;grid-template-columns:58px minmax(230px,1fr) minmax(180px,.45fr) auto;align-items:center;gap:12px;padding:10px 12px}.mini-cover{width:58px}.mini-cover.round{border-radius:50%}.mini-cover.square{border-radius:8px}.job-row>div{display:grid;gap:3px}.job-row small,.job-row span,.job-row time{color:var(--muted);font-size:11px}.job-row strong{font-size:14px}.cover-type-badge{width:max-content;margin-top:2px;padding:3px 7px;border-radius:999px;background:#eef0f3;color:#4f5763!important;font-size:9px!important;font-weight:750}.job-state{justify-items:end;text-align:right}.job-state b{font-size:11px}.job-state .state-ready{color:#176b46}.job-state .state-failed{color:#a23b2d}.job-state .state-queued,.job-state .state-rendering,.job-state .state-submitting{color:#8a5a00}.job-review{margin:0 12px 11px 82px;border-top:1px solid var(--line);padding-top:9px}.review-heading{color:#4f5763;font-size:11px;font-weight:750}.job-review pre{overflow:auto;margin:9px 0 0;padding:10px;border-radius:8px;background:var(--soft);color:#353b45;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}.video-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.video-links a{border-radius:7px;padding:6px 9px;background:#eceef1;color:#343a44;font-size:10px;font-weight:750;text-decoration:none}.job-error{margin:9px 0 0;padding:9px;border-radius:8px;background:#fff2f0;color:#7d2c21;font-size:11px}.publication-controls{display:flex;align-items:end;justify-content:flex-end;gap:9px;padding:11px 12px;border-top:1px solid var(--line);background:#f8faf9}.publication-controls .field{min-width:210px}.review-button{background:#315f4a;white-space:nowrap}.retry-button{background:#8a5a00;white-space:nowrap}.publish-button{background:#176b46}.link-button{display:inline-block;text-decoration:none}.job-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px}.job-pagination span{color:var(--muted);font-size:11px;font-weight:700}.modal-backdrop{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:rgb(16 19 24/62%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.publish-modal{width:min(480px,100%);padding:22px;border-radius:16px;background:#fff;box-shadow:0 24px 70px rgb(0 0 0/30%)}.modal-handle{display:none;width:42px;height:4px;margin:0 auto 15px;border-radius:999px;background:#c7ccd3}.modal-eyebrow{color:#176b46;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.publish-modal h2{margin:7px 0 9px;font-size:20px;line-height:1.25}.publish-modal p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.modal-summary{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.modal-summary span{padding:6px 9px;border-radius:999px;background:var(--soft);color:#4f5763;font-size:10px;font-weight:750}.modal-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:9px;margin-top:20px}.empty{color:var(--muted);font-size:13px}.error-banner{padding:11px 13px;border:1px solid #efc5bd;border-radius:10px;background:#fff2f0;color:#7d2c21;font-size:13px}@media(max-width:900px){.product-grid{grid-template-columns:1fr 1fr}.editor-grid{grid-template-columns:1fr}.job-row{grid-template-columns:52px 1fr}.job-state{justify-items:start;text-align:left}.job-review{margin-left:12px}}@media(max-width:620px){main{padding:14px}.topbar{display:grid}.status{justify-items:start}.workflow{grid-template-columns:1fr}.workflow>div{border-right:0;border-bottom:1px solid var(--line)}.workflow>div:last-child{border-bottom:0}.cover-type-grid,.product-grid,.track-list{grid-template-columns:1fr}.editor-actions,.publication-controls{align-items:stretch;flex-direction:column}.action-note{margin:0}.job-tabs{width:100%}.job-tabs button{flex:1 1;justify-content:center}.job-pagination{justify-content:space-between}.publication-controls .field{min-width:0}.modal-backdrop{align-items:end;padding:0}.publish-modal{padding:12px 18px calc(18px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0}.modal-handle{display:block}.modal-actions{grid-template-columns:1fr}.modal-actions .button{min-height:48px}}