:root{--bg:#f6f8fb;--panel:#fff;--panel-strong:#f9fbff;--text:#152033;--muted:#66748a;--line:#dde5f0;--blue:#1769e0;--blue-dark:#0e4fb3;--green:#0f9f6e;--amber:#b27612;--red:#cc3d3d;--shadow:0 18px 48px #14233c17}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{color:#eef5ff;background:#0e1728;flex-direction:column;gap:24px;height:100vh;padding:24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brandIcon{background:#1d75ff;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.brand strong,.brand span,.sideCard strong,.sideCard span{display:block}.brand span{color:#98a9c3;margin-top:4px;font-size:13px}.nav{gap:6px;display:grid}.navItem{color:#c9d5e8;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:0 12px;display:flex}.navItem:hover,.navItem.active{color:#fff;background:#1a2942}.sideCard{background:#15233a;border:1px solid #29405f;border-radius:8px;gap:12px;margin-top:auto;padding:14px;display:flex}.sideCard span{color:#a8b7ce;margin-top:6px;font-size:13px;line-height:1.45}.workspace{min-width:0;padding:28px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.eyebrow{color:var(--blue);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:30px}h2{margin-bottom:10px;font-size:18px}h3{margin-bottom:8px;font-size:17px}p{color:var(--muted);line-height:1.55}.topActions{align-items:center;gap:12px;display:flex}.search{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:8px;align-items:center;gap:9px;min-width:280px;min-height:42px;padding:0 14px;display:flex}.primaryButton,.ghostButton{white-space:nowrap;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:700;transition:all .15s;display:inline-flex}.primaryButton{background:var(--blue);border:1px solid var(--blue);color:#fff}.primaryButton:hover{background:var(--blue-dark)}.ghostButton{border:1px solid var(--line);color:var(--text);background:#fff}.stack{gap:18px;display:grid}.metricGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric,.panel,.detailPanel,.codePanel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.metric{gap:8px;padding:18px;display:grid}.metric svg{color:var(--blue)}.metric span,.metric small,.field span,.listItem span,.partnerHead span,.miniRows span{color:var(--muted);font-size:13px}.metric strong{font-size:26px}.heroPanel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:8px;grid-template-columns:.95fr 1.05fr;align-items:center;gap:24px;padding:28px;display:grid}.heroPanel h2{font-size:27px;line-height:1.25}.flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.flowNode{background:var(--panel-strong);border:1px solid var(--line);text-align:center;border-radius:8px;justify-content:center;align-items:center;min-height:70px;padding:12px;font-weight:700;display:flex}.twoColumn,.apiLayout,.previewLayout,.videoLayout,.merchantLayout{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:18px;display:grid}.threeColumn{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.panel{padding:18px}.panelHead{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.panelHead p{margin-bottom:0}.table,.timeline,.list,.miniRows{gap:10px;display:grid}.tableRow{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;grid-template-columns:1fr 1.4fr .6fr .5fr;align-items:center;gap:10px;min-height:52px;padding:0 12px;display:grid}.tableRow code,.copyLine code,.endpoint code,.partnerCard code,.merchantKey code{color:#315172;text-overflow:ellipsis;font-size:12px;overflow:hidden}.step{grid-template-columns:14px 1fr;gap:12px;display:grid}.step>span{background:var(--blue);border-radius:999px;width:10px;height:10px;margin-top:4px}.step strong,.step small{display:block}.step small{color:var(--muted);margin-top:4px}.videoTable{gap:10px;display:grid}.videoRow{background:var(--panel-strong);border:1px solid var(--line);color:inherit;text-align:left;border-radius:8px;grid-template-columns:72px 1fr 110px 112px;align-items:center;gap:12px;min-height:78px;padding:10px;display:grid}.videoRow.selected{border-color:var(--blue);box-shadow:0 0 0 3px #1769e01f}.videoRow img,.consumerCard img{object-fit:cover;border-radius:8px;width:72px;height:58px}.videoRow strong,.videoRow span{display:block}.videoRow span{color:var(--muted);font-size:13px}.status{border-radius:999px;justify-content:center;width:fit-content;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.status.published{color:var(--green);background:#e6f7ef}.status.processing{color:var(--blue);background:#eef4ff}.status.draft{color:var(--amber);background:#fff4df}.status.takedown{color:var(--red);background:#ffeaea}.detailPanel{align-self:start;gap:16px;padding:18px;display:grid}.detailImage{aspect-ratio:16/9;object-fit:cover;border-radius:8px;width:100%}.detailTitle{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.fieldGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.field{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;padding:12px}.field strong,.field span{display:block}.field strong{overflow-wrap:anywhere;margin-top:5px}.chipGroup{flex-wrap:wrap;gap:8px;display:flex}.chipGroup.open{align-content:flex-start}.chip{color:#244f91;background:#eef4ff;border:1px solid #d5e4ff;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:700}.copyLine{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;min-width:0;margin-top:8px;padding:10px;display:flex}.buttonRow{flex-wrap:wrap;gap:10px;display:flex}.previewStage{box-shadow:var(--shadow);background:#101827;border-radius:8px;justify-content:center;align-items:center;min-height:440px;display:flex;position:relative;overflow:hidden}.previewStage img{object-fit:cover;opacity:.72;width:100%;height:100%;position:absolute}.playButton{color:var(--blue);background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;width:66px;height:66px;display:flex;position:relative}.previewBadge{color:#fff;background:#0e1728b8;border:1px solid #ffffff47;border-radius:8px;padding:10px 12px;font-weight:700;position:absolute;bottom:18px;left:18px}.rangeLabel{color:var(--muted);gap:10px;margin:12px 0 18px;font-weight:700;display:grid}input[type=range]{accent-color:var(--blue);width:100%}.score{color:var(--green);background:#e6f7ef;border-radius:8px;justify-content:center;align-items:center;width:58px;height:52px;font-size:22px;font-weight:800;display:flex}.rules{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.rules span{background:var(--panel-strong);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:7px 10px;display:inline-flex}.listItem{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;gap:5px;padding:12px;display:grid}.partnerGrid,.consumerGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.partnerCard,.consumerCard{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;padding:14px}.partnerHead{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.partnerHead strong,.partnerHead span{display:block}.miniRows{grid-template-columns:92px 1fr;margin-top:12px}.method{color:var(--green);background:#e6f7ef;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.method.danger{color:var(--red);background:#ffeaea}.endpoint{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;min-width:0;margin-top:10px;padding:11px;display:flex}.endpoint code{white-space:nowrap}.codePanel{color:#dce8ff;background:#101827;align-self:start;overflow:hidden}.codeHead{border-bottom:1px solid #2b3954;align-items:center;gap:8px;padding:14px 16px;display:flex}pre{max-height:620px;margin:0;padding:16px;font-size:12px;line-height:1.55;overflow:auto}select{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:40px;padding:0 12px}.consumerCard{gap:14px;display:grid}.consumerCard img{aspect-ratio:16/10;width:100%;height:auto}.blockCode{background:var(--panel-strong);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:8px;margin-top:12px;padding:12px;display:block}.loginShell{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.loginPanel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;gap:24px;width:100%;max-width:460px;padding:28px;display:grid}.loginPanel .brand{color:var(--text)}.loginPanel .brand span{color:var(--muted)}.loginActions{flex-wrap:wrap;gap:10px;display:flex}.loginForm{gap:12px;display:grid}.loginForm label{color:var(--muted);gap:6px;font-size:13px;font-weight:700;display:grid}.loginForm input{border:1px solid var(--line);border-radius:8px;min-height:42px;padding:0 12px}.loginDivider{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.loginDivider:before,.loginDivider:after{background:var(--line);content:"";flex:1;height:1px}.merchantKey{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;gap:8px;margin-bottom:12px;padding:12px;display:grid}.merchantKey span{color:var(--muted);font-size:13px}.quotaBar{background:#e8eef7;border-radius:999px;height:10px;margin:12px 0 16px;overflow:hidden}.quotaBar span{background:var(--blue);height:100%;display:block}.splitItem{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.splitItem>div:last-child{text-align:right}.textDanger{color:var(--red)}@media (max-width:1180px){.shell{grid-template-columns:92px 1fr}.sidebar{padding:18px 12px}.brand div:last-child,.navItem{font-size:0}.navItem{justify-content:center;padding:0}.sideCard{display:none}.metricGrid,.partnerGrid,.consumerGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.threeColumn,.twoColumn,.apiLayout,.previewLayout,.videoLayout,.merchantLayout,.heroPanel{grid-template-columns:1fr}}@media (max-width:760px){.shell{display:block}.sidebar{height:auto;position:static}.brand div:last-child,.navItem{font-size:inherit}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.navItem{justify-content:flex-start;padding:0 10px}.workspace{padding:18px}.topbar,.topActions,.panelHead{flex-direction:column;align-items:stretch}.search{min-width:0}.metricGrid,.partnerGrid,.consumerGrid,.fieldGrid,.tableRow,.videoRow{grid-template-columns:1fr}.videoRow img{width:100%;height:auto}.previewStage{min-height:300px}}