:root{--bg:#f4f4f2;--panel:#fff;--ink:#050505;--muted:#6f7378;--line:#d8dadd;--blue:#596c8c;--blue-soft:#e9edf3;--surface:#f0f1f2;--frame-ratio:770/1048;--banner-ratio:49/15;--type-caption:11px;--type-action:11px;--type-label:12px;--type-meta:13px;--type-list:14px;--type-value:15px;--type-body:16px}*{box-sizing:border-box}body,html{background:var(--bg)}body{margin:0;min-width:320px;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:var(--type-body)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.distributor-shell{width:min(1760px,calc(100% - 48px));margin:24px auto 64px}.app-header{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:22px 0 28px;border-bottom:1px solid var(--ink)}.eyebrow{margin:0 0 8px;font-size:var(--type-list);font-weight:700;letter-spacing:.08em}.app-header h1{margin:0;font-size:clamp(30px,3vw,54px);line-height:.95;font-weight:500;letter-spacing:-.04em}.header-meta{display:flex;gap:18px;align-items:center;font-size:var(--type-meta);letter-spacing:.04em}.header-meta a{border-bottom:1px solid}.system-message{position:-webkit-sticky;position:sticky;top:8px;z-index:8;margin-top:18px;padding:12px 14px;color:var(--blue);font-size:var(--type-meta)}.system-message,.upload-progress{border:1px solid var(--blue);background:var(--panel)}.upload-progress{margin-top:10px;padding:13px 14px}.upload-progress__detail,.upload-progress__meta{display:flex;align-items:center;justify-content:space-between;gap:18px}.upload-progress__meta{font-size:var(--type-meta);letter-spacing:.03em}.upload-progress__meta>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-progress__meta strong{flex:0 0 auto;font-size:var(--type-action);font-weight:700;letter-spacing:.05em}.upload-progress__track{height:7px;margin:10px 0;background:var(--surface);overflow:hidden}.upload-progress__track>span{display:block;height:100%;background:var(--blue);transition:width .12s linear}.upload-progress__detail{color:var(--muted);font-size:var(--type-caption);line-height:1.35}.upload-progress--processing .upload-progress__track>span{animation:upload-processing 1s ease-in-out infinite alternate}.upload-progress--done{border-color:var(--ink)}.upload-progress--done .upload-progress__track>span{background:var(--ink)}.upload-progress--error{border-color:#8a2f2f}.upload-progress--error .upload-progress__detail,.upload-progress--error .upload-progress__meta strong{color:#8a2f2f}.upload-progress--error .upload-progress__track>span{background:#8a2f2f}@keyframes upload-processing{0%{opacity:.45}to{opacity:1}}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:1px;gap:1px;margin:24px 0;background:var(--line);border:1px solid var(--line)}.summary-grid>div{display:flex;min-height:112px;align-items:flex-end;justify-content:space-between;padding:18px;background:var(--panel)}.summary-grid span{font-size:var(--type-meta);letter-spacing:.05em}.summary-grid strong{font-size:38px;font-weight:500;line-height:.85}.control-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:28px;gap:28px}.panel{padding:20px;background:var(--panel);border:1px solid var(--line)}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head span,.source-note{font-size:var(--type-label);letter-spacing:.06em}.section-head h2{margin:4px 0 0;font-size:20px;line-height:1;font-weight:500}.text-link{font-size:var(--type-action);border-bottom:1px solid}.panel-lead{max-width:68ch;color:var(--muted);font-size:var(--type-meta);line-height:1.5}.banner-preview{width:100%;aspect-ratio:var(--banner-ratio);display:grid;place-items:center;overflow:hidden;background:var(--surface)}.banner-preview img,.banner-preview video{display:block;width:100%;height:100%;object-fit:cover}.frame-empty{letter-spacing:.08em}.frame-empty,.microcopy{font-size:var(--type-caption);color:var(--muted)}.microcopy{margin:13px 0 0;line-height:1.45}.home-banner-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:14px}.home-banner-upload-grid .upload-control{width:100%;margin:0}.home-banner-upload-grid .upload-control:last-child{grid-column:1/-1}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.campaign-grid label,.form-grid label,.format-controls label,.social-copy-editor label{display:grid;grid-gap:7px;gap:7px}.campaign-grid label>span,.form-grid label>span,.format-controls label>span,.social-copy-editor label>span{font-size:var(--type-label);font-weight:700;letter-spacing:.06em}.field-wide{grid-column:1/-1}.banner-fields{margin-top:14px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:0;background:var(--panel);padding:10px 11px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}textarea{resize:vertical;line-height:1.45}.primary-button,.secondary-button,.upload-control{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:999px;background:var(--panel);padding:10px 16px;font-size:var(--type-action);letter-spacing:.04em}.primary-button{background:var(--blue);border-color:var(--blue);color:#fff}.upload-control{position:relative;margin-top:14px;overflow:hidden}.upload-control input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-control:has(input:disabled),button:disabled{opacity:.45;cursor:default}.provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:18px}.provider-card{display:grid;align-content:start;grid-gap:5px;gap:5px;min-height:112px;padding:12px;border:1px solid var(--line)}.provider-primary{border-color:var(--blue);background:var(--blue-soft)}.provider-card strong{font-size:var(--type-list)}.provider-card p,.provider-card small,.provider-card span{font-size:var(--type-caption)}.provider-card p{margin:4px 0 0;color:var(--muted);line-height:1.35}.configured{color:var(--blue)}.not-configured{color:var(--muted)}.meta-setup{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.meta-results{display:grid;grid-gap:8px;gap:8px;margin-top:14px}.meta-result{padding:12px;border:1px solid var(--line)}.meta-result>strong{display:block;margin-bottom:9px;font-size:var(--type-list);font-weight:500}.meta-result>div{display:grid;grid-template-columns:140px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;padding:7px 0;border-top:1px solid var(--surface)}.meta-result button,.meta-result span{font-size:var(--type-caption);letter-spacing:.05em}.meta-result code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-meta)}.meta-result button{border:0;border-bottom:1px solid;background:none;padding:2px 0}.composer{margin-top:28px}.composer-grid{display:grid;grid-template-columns:minmax(340px,.72fr) minmax(520px,1.28fr);grid-gap:28px;gap:28px}.content-frame,.content-preview{position:relative;display:grid;place-items:center;overflow:hidden;aspect-ratio:var(--frame-ratio);background:#fff}.content-preview{width:min(100%,520px);margin:0 auto}.content-frame img,.content-frame video,.content-preview img,.content-preview video{display:block;width:100%;height:100%;padding:8%;object-fit:contain;background:#fff}.media-strip{display:flex;gap:9px;overflow-x:auto;margin-top:12px}.media-thumb{flex:0 0 74px;width:74px;height:74px;display:grid;place-items:center;overflow:hidden;background:#fff}.media-thumb img,.media-thumb video{width:100%;height:100%;padding:7%;object-fit:contain}.media-thumb video{pointer-events:none}.composer-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--ink)}.campaign-grid{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(180px,1fr) minmax(180px,1fr) auto;align-items:end;grid-gap:12px;gap:12px;margin-top:20px}.campaign-grid .secondary-button{min-height:39px}.social-tabs{display:flex;gap:22px;overflow-x:auto;margin-top:24px;border-bottom:1px solid var(--line)}.social-tab{flex:0 0 auto;border:0;border-bottom:2px solid transparent;background:none;padding:10px 0 9px;color:var(--muted);font-size:var(--type-action);letter-spacing:.05em}.social-tab.is-active{border-bottom-color:var(--ink);color:var(--ink)}.social-copy-editor{display:grid;grid-gap:10px;gap:10px;padding-top:18px}.social-copy-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.social-copy-head strong{font-size:var(--type-list);font-weight:500}.copy-count,.social-copy-head span{color:var(--muted);font-size:var(--type-caption);letter-spacing:.05em}.copy-count{text-align:right;margin-top:-4px}.publish-panel .distribution-panel{margin-top:0}.distribution-panel{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);grid-gap:28px;gap:28px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.distribution-options{display:flex;gap:8px;flex-wrap:wrap}.check-row{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--line);font-size:var(--type-action);letter-spacing:.04em}.check-row input{width:auto;padding:0}.primary-channel{border-color:var(--blue);background:var(--blue-soft)}.format-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.composer-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.library-panel{margin-top:28px}.content-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:clamp(12px,1.5vw,24px);gap:clamp(12px,1.5vw,24px)}.content-card{min-width:0}.content-card-copy{display:flex;justify-content:space-between;gap:12px;padding-top:9px}.content-card-copy small,.content-card-copy strong{display:block}.content-card-copy strong{font-size:var(--type-list);font-weight:500;line-height:1.25}.content-card-copy small{margin-top:4px;color:var(--muted);font-size:var(--type-caption)}.delete-button{align-self:start;border:0;background:none;color:var(--muted);font-size:var(--type-action)}.publication-row{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}.publication{padding:4px 6px;border:1px solid var(--line);font-size:9px;letter-spacing:.03em}.publication.published{border-color:var(--blue);color:var(--blue)}.publication.failed,.publication.manual_required{color:#8a2f2f}.empty-state{color:var(--muted)}.viewer-access-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}.viewer-access-panel{width:min(520px,100%);padding:28px;border:1px solid var(--ink);background:var(--panel)}.viewer-access-brand{margin:0 0 34px;font-size:var(--type-value);font-weight:700;letter-spacing:.08em}.viewer-access-panel h1{margin:0;font-size:clamp(30px,7vw,54px);line-height:.9;font-weight:500;letter-spacing:-.045em}.viewer-access-copy{margin:14px 0 28px;color:var(--muted);font-size:var(--type-meta);letter-spacing:.04em}.viewer-access-form{display:grid;grid-gap:16px;gap:16px}.viewer-access-form label{display:grid;grid-gap:7px;gap:7px}.viewer-access-form label>span{font-size:var(--type-label);font-weight:700;letter-spacing:.06em}.viewer-access-error{margin:0;color:#8a2f2f;font-size:var(--type-meta)}.viewer-access-submit{width:100%;margin-top:4px}@media(max-width:1120px){.composer-grid,.control-grid{grid-template-columns:1fr}.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.distribution-panel{grid-template-columns:1fr}.campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-grid .secondary-button{justify-self:start}}@media(max-width:720px){:root{--type-caption:9px;--type-action:9px;--type-label:10px;--type-meta:11px;--type-list:12px;--type-value:13px;--type-body:14px}.distributor-shell{width:calc(100% - 24px);margin-top:12px}.app-header{align-items:flex-start;flex-direction:column}.app-header h1{font-size:clamp(28px,9.5vw,44px)}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid>div{min-height:84px;padding:12px}.summary-grid strong{font-size:30px}.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-grid,.form-grid,.format-controls{grid-template-columns:1fr}.field-wide{grid-column:auto}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.content-card-copy{display:block}.delete-button{padding:5px 0}.distribution-options{gap:5px}.check-row{padding:7px 8px}.panel{padding:14px}.upload-progress__detail,.upload-progress__meta{align-items:flex-start;flex-direction:column;gap:5px}.meta-result>div{grid-template-columns:1fr auto}.meta-result>div>span{grid-column:1/-1}.social-tabs{gap:16px}.composer-actions{align-items:stretch;flex-direction:column}.composer-actions button{width:100%}}@media(max-width:520px){.control-grid{gap:16px}.home-banner-upload-grid{grid-template-columns:1fr}.home-banner-upload-grid .upload-control:last-child{grid-column:auto}.provider-grid{grid-template-columns:1fr}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.content-card-copy strong{font-size:10px}.publication{font-size:7px}.section-head{gap:10px}.section-head h2{font-size:17px}}