:root {
  --gold: #f5b400;
  --gold-soft: #ffd45c;
  --ink: #08090c;
  --panel: #111318;
  --panel-2: #171a20;
  --paper: #ffffff;
  --muted: #9da4b2;
  --line: rgba(255,255,255,.12);
  --danger: #ef4444;
  --success: #23c875;
  --radius: 24px;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { min-width: 320px; scroll-behavior: smooth; }
body { margin: 0; min-height: 100vh; background: var(--ink); color: #fff; }
button, input, textarea, select { font: inherit; }
button, a { touch-action: manipulation; }
img, svg { display: block; }

/* Shared BMD wordmark */
.sl-brand { display: inline-flex; align-items: center; gap: 11px; min-width: 0; color: #fff; text-decoration: none; }
.sl-wordmark-icon { display: grid; place-items: center; width: 40px; height: 40px; flex: 0 0 40px; border-radius: 13px; background: linear-gradient(145deg,var(--gold-soft),var(--gold)); color: #0a0b0e; font-size: 20px; font-weight: 1000; box-shadow: 0 8px 28px rgba(245,180,0,.2); }
.sl-wordmark-copy { display: flex; align-items: baseline; gap: 4px; white-space: nowrap; text-transform: uppercase; letter-spacing: -.04em; }
.sl-wordmark-copy b { font-size: 13px; color: #fff; }
.sl-wordmark-copy strong { font-size: 13px; color: var(--gold-soft); }
.sl-wordmark-copy small { font-size: 8px; color: #8e96a4; letter-spacing: .12em; }
.sl-kicker { display: block; color: var(--gold-soft); text-transform: uppercase; letter-spacing: .18em; font-size: 10px; font-weight: 900; }

/* Public generator */
.sl-generator { position: relative; isolation: isolate; min-height: 100vh; overflow: hidden; background: #080a0e; }
.sl-generator::before { content: ""; position: absolute; z-index: -2; inset: 0; background: radial-gradient(circle at 18% 30%,rgba(245,180,0,.18),transparent 31rem),radial-gradient(circle at 88% 18%,rgba(57,92,255,.12),transparent 28rem),linear-gradient(145deg,#07080b,#11141b 54%,#080a0e); }
.sl-generator::after { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(to bottom,#000,transparent 78%); }
.sl-nav,.sl-release-nav { display: flex; align-items: center; justify-content: space-between; }
.sl-nav { width: min(1240px,calc(100% - 40px)); margin: auto; padding: 24px 0; border-bottom: 1px solid rgba(255,255,255,.08); }
.sl-nav > a:last-child { color: #d9dde5; text-decoration: none; font-size: 12px; font-weight: 800; }
.sl-nav > a:last-child span { margin-left: 6px; color: var(--gold); }
.sl-generator-hero { width: min(1240px,calc(100% - 40px)); min-height: 660px; margin: auto; padding: 74px 0 90px; display: grid; grid-template-columns: minmax(0,1.08fr) minmax(390px,.78fr); gap: clamp(54px,7vw,110px); align-items: center; }
.sl-generator-copy h1 { max-width: 780px; margin: 16px 0 26px; font-size: clamp(54px,7.4vw,98px); line-height: .91; letter-spacing: -.075em; }
.sl-generator-copy h1 em { color: var(--gold-soft); font-style: normal; }
.sl-generator-copy > p { max-width: 640px; margin: 0; color: #aab0bb; font-size: 17px; line-height: 1.72; }
.sl-trust { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 32px; }
.sl-trust span { display: inline-flex; align-items: center; gap: 7px; padding: 10px 13px; border: 1px solid rgba(255,255,255,.11); border-radius: 999px; background: rgba(255,255,255,.045); color: #c8cdd6; font-size: 11px; font-weight: 750; }
.sl-trust i { color: var(--gold); font-style: normal; }
.sl-generator-card { position: relative; padding: 30px; border: 1px solid rgba(255,255,255,.13); border-radius: 28px; background: linear-gradient(145deg,rgba(26,29,36,.96),rgba(14,16,21,.96)); box-shadow: 0 40px 100px rgba(0,0,0,.45); overflow: hidden; }
.sl-generator-card::before { content: ""; position: absolute; width: 210px; height: 210px; right: -90px; top: -120px; border-radius: 50%; background: rgba(245,180,0,.17); filter: blur(28px); pointer-events: none; }
.sl-generator-card-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
.sl-generator-card-head > i { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; color: #737b89; font-size: 11px; font-style: normal; font-weight: 900; }
.sl-step { color: var(--gold-soft); text-transform: uppercase; letter-spacing: .14em; font-size: 10px; font-weight: 900; }
.sl-generator-card label { display: block; margin: 0 0 10px; color: #f3f4f6; font-size: 12px; font-weight: 800; }
.sl-generator-card input { width: 100%; min-height: 56px; padding: 0 16px; border: 1px solid #343946; border-radius: 14px; outline: none; background: #11141a; color: #fff; }
.sl-generator-card input::placeholder { color: #667080; }
.sl-generator-card input:focus { border-color: var(--gold); box-shadow: 0 0 0 4px rgba(245,180,0,.12); }
.sl-generator-card details { margin-top: 17px; }
.sl-generator-card summary { cursor: pointer; color: #9ba3af; font-size: 11px; }
.sl-generator-card details[open] summary { margin-bottom: 12px; }
.sl-two { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.sl-generator-card button[type=submit] { width: 100%; min-height: 56px; display: flex; align-items: center; justify-content: space-between; margin-top: 22px; padding: 0 19px; border: 0; border-radius: 14px; cursor: pointer; background: linear-gradient(135deg,var(--gold-soft),var(--gold)); color: #0c0d0f; font-weight: 950; box-shadow: 0 14px 35px rgba(245,180,0,.15); }
.sl-generator-card button[type=submit] i { font-size: 20px; font-style: normal; }
.sl-generator-card button:disabled { opacity: .6; cursor: wait; }
.sl-form-note { display: flex; gap: 8px; margin: 15px 2px 0; color: #838b98; font-size: 10px; line-height: 1.55; }
.sl-form-note i { color: var(--gold); font-style: normal; }
.sl-progress { margin-top: 17px; display: grid; grid-template-columns: 18px 1fr; gap: 10px; align-items: center; color: #d8dde5; font-size: 11px; }
.sl-progress span,.sl-metadata-pending span { width: 18px; height: 18px; border: 2px solid #424957; border-top-color: var(--gold); border-radius: 50%; animation: sl-spin .8s linear infinite; }
.sl-progress[hidden] { display: none; }
@keyframes sl-spin { to { transform: rotate(360deg); } }
.sl-platform-strip { display: flex; gap: 42px; overflow: hidden; white-space: nowrap; padding: 20px 5%; border-top: 1px solid rgba(255,255,255,.08); background: rgba(4,5,7,.78); color: #858d9b; font-size: 11px; font-weight: 800; }
.sl-platform-strip span { flex: 1; text-align: center; }

/* Premium public release page */
.sl-release { position: relative; isolation: isolate; min-height: 100vh; padding: 0 24px 24px; overflow: hidden; background: #07080b; color: #fff; }
.sl-backdrop { position: fixed; z-index: -3; inset: -8%; background-size: cover; background-position: center; filter: blur(76px) saturate(1.3); opacity: .34; transform: scale(1.08); }
.sl-release::before { content: ""; position: fixed; z-index: -2; inset: 0; background: linear-gradient(180deg,rgba(5,6,9,.7),rgba(7,8,11,.96) 76%),radial-gradient(circle at 70% 20%,rgba(255,255,255,.08),transparent 30rem); }
.sl-release::after { content: ""; position: fixed; z-index: -1; inset: 0; opacity: .14; background-image: linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px); background-size: 58px 58px; pointer-events: none; }
.sl-release-nav { width: min(1120px,100%); min-height: 78px; margin: auto; border-bottom: 1px solid rgba(255,255,255,.09); }
.sl-release-nav button { display: inline-flex; align-items: center; gap: 10px; min-height: 40px; padding: 0 14px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; cursor: pointer; background: rgba(255,255,255,.055); color: #e8eaf0; font-size: 11px; font-weight: 800; }
.sl-release-nav button i { color: var(--accent); font-size: 15px; font-style: normal; }
.sl-release-card { width: min(1120px,100%); margin: 34px auto 28px; padding: clamp(20px,3vw,34px); display: grid; grid-template-columns: minmax(280px,360px) minmax(0,1fr); gap: clamp(34px,5vw,66px); align-items: start; border: 1px solid rgba(255,255,255,.12); border-radius: 34px; background: linear-gradient(145deg,rgba(20,22,28,.82),rgba(10,12,16,.76)); box-shadow: 0 36px 110px rgba(0,0,0,.45); backdrop-filter: blur(26px); }
.sl-art-column { min-width: 0; }
.sl-art-wrap { position: relative; width: 100%; aspect-ratio: 1 / 1; display: grid; place-items: center; overflow: hidden; border-radius: 24px; background: radial-gradient(circle at 50% 42%,#252933,#0b0d12 74%); box-shadow: 0 28px 70px rgba(0,0,0,.42); }
.sl-art { width: 100%; height: 100%; object-fit: contain; object-position: center; background: transparent; }
.sl-art-wrap > span { position: absolute; left: 14px; bottom: 14px; display: inline-flex; align-items: center; gap: 7px; padding: 9px 12px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; background: rgba(5,7,10,.78); backdrop-filter: blur(12px); color: #fff; text-transform: uppercase; letter-spacing: .08em; font-size: 9px; font-weight: 900; }
.sl-art-wrap > span i { width: 7px; height: 7px; border-radius: 50%; background: #30dc84; box-shadow: 0 0 0 4px rgba(48,220,132,.15); }
.sl-verified-note { display: flex; align-items: center; gap: 11px; margin-top: 15px; padding: 13px 14px; border: 1px solid rgba(255,255,255,.1); border-radius: 15px; background: rgba(255,255,255,.045); }
.sl-verified-note > i { display: grid; place-items: center; width: 30px; height: 30px; flex: 0 0 30px; border-radius: 10px; background: rgba(35,200,117,.13); color: #42e493; font-size: 12px; font-style: normal; font-weight: 950; }
.sl-verified-note span { min-width: 0; }
.sl-verified-note b,.sl-verified-note small { display: block; }
.sl-verified-note b { font-size: 11px; }
.sl-verified-note small { margin-top: 3px; color: #818997; font-size: 9px; }
.sl-release-copy { min-width: 0; padding: 8px 2px 2px; }
.sl-release-copy .sl-kicker { color: var(--accent); }
.sl-release-copy h1 { margin: 13px 0 8px; max-width: 680px; font-size: clamp(36px,5vw,58px); line-height: .98; letter-spacing: -.06em; overflow-wrap: anywhere; }
.sl-artist { margin: 0; color: #d5d8df; font-size: clamp(17px,2vw,21px); font-weight: 600; }
.sl-description { max-width: 670px; margin: 16px 0 0; color: #a0a7b3; font-size: 12px; line-height: 1.65; }
.sl-metadata-pending { display: flex; align-items: center; gap: 9px; width: fit-content; margin-top: 14px; padding: 8px 10px; border: 1px solid rgba(245,180,0,.18); border-radius: 10px; background: rgba(245,180,0,.07); color: #d6bd73; font-size: 9px; }
.sl-metadata-pending span { width: 13px; height: 13px; }
.sl-store-list,.sl-presave-actions { display: grid; gap: 9px; margin-top: 22px; }
.sl-store { width: 100%; min-height: 62px; display: grid; grid-template-columns: 42px minmax(0,1fr) 28px; gap: 12px; align-items: center; padding: 9px 12px; border: 1px solid rgba(255,255,255,.13); border-radius: 15px; cursor: pointer; background: rgba(255,255,255,.055); color: #fff; text-align: left; text-decoration: none; transition: transform .18s ease,border-color .18s ease,background .18s ease; }
.sl-store:hover { transform: translateY(-2px); border-color: rgba(255,255,255,.27); background: rgba(255,255,255,.09); }
.sl-provider-mark { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: var(--provider); color: #fff; font-style: normal; box-shadow: inset 0 0 0 1px rgba(255,255,255,.11); }
.sl-provider-mark svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sl-provider-mark .sl-icon-fill { fill: currentColor; stroke: none; }
.sl-store > span { min-width: 0; }
.sl-store small,.sl-store b { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sl-store small { margin-bottom: 2px; color: #858d9b; font-size: 9px; font-weight: 750; }
.sl-store b { color: #fff; font-size: 13px; }
.sl-store em { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: rgba(255,255,255,.07); color: #d6dae1; font-size: 15px; font-style: normal; }
.sl-empty { padding: 21px; border: 1px dashed rgba(255,255,255,.18); border-radius: 14px; display: flex; flex-direction: column; gap: 5px; color: #9299a5; font-size: 11px; }
.sl-empty b { color: #fff; }
.sl-share-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.sl-share-row button,.sl-share-row a { min-height: 36px; display: inline-flex; align-items: center; gap: 6px; padding: 0 11px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; cursor: pointer; background: transparent; color: #aeb4bf; text-decoration: none; font-size: 9px; font-weight: 750; }
.sl-share-row i { display: grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; background: rgba(255,255,255,.08); color: #fff; font-style: normal; font-size: 9px; }
.sl-release footer { width: min(1120px,100%); margin: 22px auto 0; padding: 18px 2px 6px; display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.08); color: #747c89; font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }
.sl-release footer a { color: #e4e7ec; text-decoration: none; font-weight: 850; }
.sl-countdown { display: flex; justify-content: space-between; gap: 12px; margin: 18px 0; padding: 12px 14px; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; background: rgba(255,255,255,.05); font-size: 10px; }
.sl-countdown span { color: var(--accent); font-weight: 900; }
.sl-presave-panel { margin-top: 20px; padding: 20px; border: 1px solid rgba(255,255,255,.13); border-radius: 18px; background: rgba(6,8,11,.46); }
.sl-presave-panel h2 { margin: 0 0 5px; font-size: 18px; }
.sl-presave-panel > p { margin: 0 0 16px; color: #9199a6; font-size: 10px; }
.sl-presave-panel > label:not(.sl-check) { display: block; margin-top: 11px; font-size: 10px; font-weight: 750; }
.sl-presave-panel > label small { color: #777f8d; font-weight: 500; }
.sl-presave-panel input[type=email] { width: 100%; margin-top: 6px; padding: 12px; border: 1px solid #353b46; border-radius: 11px; background: #12151a; color: #fff; }
.sl-check { display: flex; gap: 8px; align-items: flex-start; margin-top: 10px; color: #9fa6b1; font-size: 9px; line-height: 1.5; }
.sl-check input { margin-top: 2px; }
.sl-check a { color: #fff; }
.sl-presave-actions form { margin: 0; }
.sl-alert { padding: 12px 14px; border-radius: 12px; margin: 13px 0; font-size: 10px; }
.sl-error { border: 1px solid #ffcaca!important; background: #fff0f0!important; color: #a52121!important; }
.sl-success { border: 1px solid #b8ebca!important; background: #eafaf0!important; color: #19703d!important; }
.sl-state { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: #090b0f; color: #fff; text-align: center; }
.sl-state > div { max-width: 500px; }
.sl-state span { color: var(--gold); font-weight: 950; }
.sl-state h1 { margin-bottom: 10px; font-size: 40px; letter-spacing: -.05em; }
.sl-state p { color: #9fa6b1; }
.sl-state a { display: inline-block; margin-top: 8px; padding: 13px 18px; border-radius: 12px; background: var(--gold); color: #111; text-decoration: none; font-weight: 900; }

/* Admin health dashboard */
.sl-health-page { min-height: 100vh; padding: 0 22px 60px; background: radial-gradient(circle at 82% 2%,rgba(245,180,0,.13),transparent 27rem),#090b0f; color: #fff; }
.sl-health-shell { width: min(1160px,100%); margin: auto; }
.sl-health-nav { min-height: 78px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.09); }
.sl-health-nav-actions { display: flex; gap: 8px; }
.sl-health-nav-actions a { min-height: 38px; display: inline-flex; align-items: center; padding: 0 13px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; color: #d5d9e0; text-decoration: none; font-size: 10px; font-weight: 800; }
.sl-health-hero { margin: 28px 0 20px; padding: clamp(24px,4vw,42px); display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: end; border: 1px solid rgba(255,255,255,.1); border-radius: 28px; background: linear-gradient(140deg,rgba(29,32,39,.92),rgba(13,15,20,.92)); box-shadow: 0 30px 80px rgba(0,0,0,.25); }
.sl-health-hero h1 { margin: 9px 0 8px; font-size: clamp(34px,5vw,56px); letter-spacing: -.06em; }
.sl-health-hero p { max-width: 650px; margin: 0; color: #949ca9; font-size: 12px; line-height: 1.6; }
.sl-health-score { min-width: 150px; padding: 17px; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; background: rgba(255,255,255,.045); text-align: right; }
.sl-health-score span { display: block; color: #7f8794; text-transform: uppercase; letter-spacing: .12em; font-size: 8px; font-weight: 900; }
.sl-health-score b { display: block; margin-top: 6px; color: #49e797; font-size: 22px; }
.sl-health-score.warn b { color: #ffd45c; }
.sl-health-section { margin-top: 24px; }
.sl-health-section-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 11px; }
.sl-health-section-head h2 { margin: 0; font-size: 14px; }
.sl-health-section-head span { color: #747c89; font-size: 9px; }
.sl-health-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.sl-health-card { min-height: 112px; padding: 16px; display: grid; grid-template-columns: 35px 1fr; gap: 12px; align-content: start; border: 1px solid rgba(255,255,255,.1); border-radius: 17px; background: rgba(255,255,255,.045); }
.sl-health-icon { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 11px; background: rgba(35,200,117,.12); color: #45e796; font-size: 13px; font-weight: 950; }
.sl-health-card.is-off .sl-health-icon { background: rgba(245,180,0,.11); color: #ffd45c; }
.sl-health-card b { display: block; margin-top: 2px; font-size: 11px; }
.sl-health-card p { margin: 6px 0 0; color: #7f8794; font-size: 9px; line-height: 1.45; }
.sl-health-card em { display: inline-block; margin-top: 8px; color: #50df97; font-size: 8px; font-style: normal; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.sl-health-card.is-off em { color: #d9b952; }
.sl-health-foot { margin-top: 24px; padding-top: 16px; display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.08); color: #6f7784; font-size: 9px; }

/* Smartlink Studio (existing functionality preserved) */
.sl-studio-body { background: #f0f2f5; color: #101828; color-scheme: light; }
.sl-studio { max-width: 1500px; margin: auto; padding: 32px; }
.sl-studio-head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 26px; }
.sl-studio-head h1 { margin: 6px 0; font-size: 40px; letter-spacing: -.05em; }
.sl-studio-head p { margin: 0; color: #667085; }
.sl-studio-head > div:last-child { display: flex; gap: 10px; }
.sl-studio-head a,.sl-primary { padding: 12px 15px; border: 1px solid #dce0e7; border-radius: 12px; background: #fff; color: #344054; text-decoration: none; font-size: 13px; font-weight: 800; }
.sl-studio-head .sl-primary { border-color: #11151b; background: #11151b; color: #fff; }
.sl-studio-grid { display: grid; grid-template-columns: 330px minmax(0,1fr); gap: 20px; align-items: start; }
.sl-campaign-list,.sl-editor { border: 1px solid #e2e5ea; border-radius: 22px; background: #fff; box-shadow: 0 10px 35px rgba(20,27,38,.05); }
.sl-campaign-list { position: sticky; top: 15px; max-height: calc(100vh - 30px); overflow: auto; padding: 12px; }
.sl-campaign-list form { padding: 4px 3px 12px; }
.sl-campaign-list input { width: 100%; padding: 12px 13px; border: 1px solid #dfe3e9; border-radius: 11px; }
.sl-campaign { display: grid; grid-template-columns: 52px 1fr auto; gap: 10px; align-items: center; padding: 9px; margin: 2px 0; border-radius: 13px; color: inherit; text-decoration: none; }
.sl-campaign:hover,.sl-campaign.active { background: #f3f4f6; }
.sl-campaign img { width: 52px; height: 52px; object-fit: cover; border-radius: 10px; background: #e8eaed; }
.sl-campaign span { min-width: 0; }
.sl-campaign b,.sl-campaign small { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sl-campaign b { font-size: 12px; }
.sl-campaign small { margin-top: 4px; color: #808896; font-size: 10px; }
.sl-campaign em { padding: 5px 7px; border-radius: 999px; background: #fff1c9; color: #8a6200; text-transform: uppercase; font-size: 9px; font-style: normal; }
.sl-campaign em.ready { background: #daf6e5; color: #17683a; }
.sl-editor { min-width: 0; padding: 24px; }
.sl-kpis { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin-bottom: 20px; }
.sl-kpis > div { padding: 17px; border-radius: 15px; background: #11151b; color: #fff; }
.sl-kpis span { display: block; color: #939aa6; text-transform: uppercase; letter-spacing: .08em; font-size: 10px; }
.sl-kpis b { display: block; margin-top: 8px; font-size: 25px; }
.sl-resolver-report { margin: 0 0 20px; padding: 17px; border: 1px solid #f0d79a; border-radius: 16px; background: #fffbeb; }
.sl-resolver-report.is-ready { border-color: #b8e7ca; background: #effcf4; }
.sl-resolver-report > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.sl-resolver-report > div:first-child span { color: #8a6100; text-transform: uppercase; letter-spacing: .09em; font-size: 9px; font-weight: 900; }
.sl-resolver-report.is-ready > div:first-child span { color: #187044; }
.sl-resolver-report > div:first-child b { font-size: 12px; }
.sl-resolver-report > p { margin: 9px 0 13px; color: #5f6672; font-size: 11px; line-height: 1.55; }
.sl-resolver-report dl { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: 0; }
.sl-resolver-report dl div { padding: 10px; border: 1px solid rgba(16,24,40,.08); border-radius: 10px; background: rgba(255,255,255,.72); }
.sl-resolver-report dt { color: #7b8390; font-size: 8px; text-transform: uppercase; letter-spacing: .06em; }
.sl-resolver-report dd { margin: 5px 0 0; color: #182230; font-size: 10px; font-weight: 800; }
.sl-resolver-error { display: grid!important; gap: 5px!important; margin-top: 10px; padding: 11px; border-radius: 10px; background: #fff1f1; color: #991b1b; }
.sl-resolver-error b { font-size: 9px; text-transform: uppercase; letter-spacing: .06em; }
.sl-resolver-error span { font-size: 10px; line-height: 1.5; overflow-wrap: anywhere; }
.sl-editor-form { display: grid; gap: 16px; }
.sl-editor-section { padding: 19px; border: 1px solid #e5e8ed; border-radius: 17px; }
.sl-section-title { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.sl-section-title span { color: #9a6d00; text-transform: uppercase; letter-spacing: .1em; font-size: 9px; font-weight: 900; }
.sl-section-title b { font-size: 15px; }
.sl-section-title a { margin-left: auto; color: #344054; font-size: 11px; }
.sl-fields { display: grid; gap: 13px; }
.sl-editor label { display: block; margin-top: 12px; color: #475467; font-size: 11px; font-weight: 750; }
.sl-editor input:not([type=checkbox]),.sl-editor textarea,.sl-editor select { width: 100%; margin-top: 7px; padding: 12px; border: 1px solid #dfe3e9; border-radius: 11px; outline: none; background: #fff; color: #101828; }
.sl-editor input:focus,.sl-editor textarea:focus,.sl-editor select:focus { border-color: #ad850b; box-shadow: 0 0 0 3px rgba(242,177,0,.12); }
.sl-store-row { display: grid; grid-template-columns: 170px 160px minmax(220px,1fr) 38px; gap: 8px; align-items: end; margin: 8px 0; }
.sl-store-row button { height: 42px; border: 1px solid #ead1d1; border-radius: 10px; cursor: pointer; background: #fff5f5; color: #b42318; }
.sl-secondary { padding: 10px 12px; border: 1px solid #dfe3e9; border-radius: 10px; cursor: pointer; background: #fff; color: #344054; font-size: 11px; font-weight: 800; }
.sl-options { display: flex; gap: 20px; }
.sl-options label,.sl-publish > label { display: flex; gap: 8px; align-items: center; }
.sl-publish { display: flex; align-items: center; justify-content: space-between; padding: 18px; border-radius: 16px; background: #11151b; color: #fff; }
.sl-publish label { margin: 0; color: #fff; }
.sl-publish > div { display: flex; align-items: center; gap: 12px; }
.sl-publish a { color: #d9dde3; font-size: 11px; }
.sl-publish button { padding: 12px 17px; border: 0; border-radius: 11px; cursor: pointer; background: #f2b100; font-weight: 900; }
.sl-management-actions { display: flex; justify-content: space-between; gap: 16px; margin-top: 18px; }
.sl-management-actions form { display: flex; gap: 8px; align-items: center; }
.sl-management-actions button { padding: 10px 12px; border: 1px solid #dfe3e9; border-radius: 10px; cursor: pointer; background: #fff; font-size: 11px; }
.sl-management-actions .danger { border-color: #d92d20; background: #d92d20; color: #fff; }
.sl-management-actions input { width: 220px!important; margin: 0!important; padding: 9px!important; }
.sl-analytics { margin-top: 22px; padding-top: 22px; border-top: 1px solid #e5e8ed; }
.sl-analytics table { width: 100%; border-collapse: collapse; font-size: 12px; }
.sl-analytics th,.sl-analytics td { padding: 11px; border-bottom: 1px solid #eceef2; text-align: left; }
.sl-analytics .sl-empty,.sl-campaign-list .sl-empty { border-color: #dfe3e9; color: #667085; }
.sl-campaign-list .sl-empty b { color: #101828; }

@media (max-width: 960px) {
  .sl-generator-hero { grid-template-columns: 1fr; gap: 45px; padding-top: 54px; }
  .sl-generator-copy h1 { max-width: 680px; font-size: 70px; }
  .sl-release-card { grid-template-columns: minmax(250px,320px) minmax(0,1fr); gap: 34px; }
  .sl-health-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sl-studio-grid { grid-template-columns: 1fr; }
  .sl-campaign-list { position: static; max-height: 420px; }
  .sl-store-row { grid-template-columns: 1fr 1fr 38px; }
  .sl-store-row input[type=url] { grid-column: 1/3; }
  .sl-store-row button { grid-column: 3; grid-row: 1/3; }
}

@media (max-width: 720px) {
  .sl-nav { width: min(100% - 28px,1240px); min-height: 68px; padding: 14px 0; }
  .sl-nav > a:last-child { font-size: 0; }
  .sl-nav > a:last-child span { font-size: 18px; }
  .sl-generator-hero { width: min(100% - 28px,1240px); padding: 42px 0 64px; }
  .sl-generator-copy h1 { font-size: clamp(47px,14vw,65px); }
  .sl-generator-copy > p { font-size: 14px; }
  .sl-generator-card { padding: 22px; border-radius: 22px; }
  .sl-two { grid-template-columns: 1fr; }
  .sl-platform-strip { gap: 30px; }
  .sl-platform-strip span { flex: 0 0 auto; }

  .sl-release { padding: 0 13px 20px; }
  .sl-release-nav { min-height: 68px; }
  .sl-release-nav button span { display: none; }
  .sl-release-nav button { width: 40px; padding: 0; justify-content: center; }
  .sl-release-card { margin-top: 18px; padding: 16px; grid-template-columns: 1fr; gap: 25px; border-radius: 24px; }
  .sl-art-column { width: min(100%,360px); margin: auto; }
  .sl-release-copy { padding: 0 2px 4px; }
  .sl-release-copy h1 { font-size: clamp(36px,12vw,50px); }
  .sl-release footer { gap: 9px; flex-direction: column; }

  .sl-health-page { padding: 0 13px 40px; }
  .sl-health-nav { min-height: 68px; }
  .sl-health-nav-actions a:first-child { display: none; }
  .sl-health-hero { grid-template-columns: 1fr; align-items: start; margin-top: 18px; border-radius: 22px; }
  .sl-health-score { min-width: 0; text-align: left; }
  .sl-health-grid { grid-template-columns: 1fr; }
  .sl-health-foot { gap: 8px; flex-direction: column; }

  .sl-studio { padding: 15px; }
  .sl-studio-head { align-items: flex-start; gap: 18px; flex-direction: column; }
  .sl-studio-head h1 { font-size: 34px; }
  .sl-studio-head > div:last-child { width: 100%; }
  .sl-studio-head > div:last-child a { flex: 1; text-align: center; }
  .sl-editor { padding: 14px; }
  .sl-kpis { grid-template-columns: 1fr 1fr; }
  .sl-resolver-report dl { grid-template-columns: 1fr; }
  .sl-fields.sl-two { grid-template-columns: 1fr; }
  .sl-store-row { grid-template-columns: 1fr 36px; }
  .sl-store-row select,.sl-store-row input { grid-column: 1; }
  .sl-store-row button { grid-column: 2; grid-row: 1/4; }
  .sl-options,.sl-publish,.sl-management-actions { align-items: stretch; flex-direction: column; }
  .sl-management-actions form { flex-wrap: wrap; }
  .sl-management-actions input { width: 100%!important; }
}

@media (max-width: 420px) {
  .sl-wordmark-copy small { display: none; }
  .sl-generator-card { padding: 19px; }
  .sl-art-column { width: 100%; }
  .sl-release-card { padding: 13px; }
  .sl-share-row { display: grid; grid-template-columns: 1fr 1fr; }
  .sl-share-row button:first-child { grid-column: 1/-1; }
  .sl-share-row button,.sl-share-row a { justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto!important; animation: none!important; transition: none!important; }
}