:root{color-scheme:light;--bg:#f7f4ef;--ink:#14110f;--muted:#6b6258;--accent:#f3b54a;--accent-2:#8fd3c8;--panel:#fff;--border:#e9e1d7;--shadow:0 12px 30px rgba(20,17,15,.08)}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,Satoshi,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,#fef3d7 0,#f7f4ef 45%,#edf3f1 100%)}a{color:inherit;text-decoration:none}.page{min-height:100vh;padding:24px;display:flex;flex-direction:column;gap:24px}.topbar{justify-content:space-between;gap:16px}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px}.brandDot{width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,var(--accent),#ff7a59);box-shadow:0 0 0 4px rgba(243,181,74,.25)}.brandName{font-size:18px;font-weight:700}.brandSub{font-size:12px;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-size:12px;border:1px solid var(--border);background:#fff}.pill.ok:before,.pill.warn:before{content:"";width:8px;height:8px;border-radius:999px;display:inline-block}.pill.ok:before{background:#1a7f4f}.pill.warn:before{background:#b42318}.nav{display:flex;gap:16px;font-size:14px}.hero{display:grid;grid-gap:20px;gap:20px;align-items:center}.hero.split{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.hero h1,.heroCopy h1{font-size:clamp(28px,4vw,40px);margin:0 0 10px}.hero p{margin:0 0 16px;color:var(--muted)}.heroActions{display:flex;gap:12px;flex-wrap:wrap}.heroCard{background:var(--panel);border-radius:18px;padding:18px;box-shadow:var(--shadow);display:grid;grid-gap:12px;gap:12px}.metric{display:grid;grid-gap:4px;gap:4px}.metricLabel{color:var(--muted);font-size:12px}.metricValue{font-size:24px;font-weight:700}.metricDelta{font-size:12px;font-weight:600}.metricDelta.up{color:#1a7f4f}.metricDelta.down{color:#b42318}.grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.panel{background:var(--panel);border-radius:18px;padding:18px;border:1px solid var(--border);box-shadow:var(--shadow)}.panel h2{margin:0 0 8px;font-size:18px}.panelActions{margin-top:14px}.muted{color:var(--muted)}.form{display:grid;grid-gap:16px;gap:16px;margin-top:16px}.field{display:grid;grid-gap:6px;gap:6px}.field label{font-size:12px;color:var(--muted);font-weight:600}.field input,.field select{padding:10px 12px;border-radius:10px;border:1px solid var(--border);font-size:14px}.field input:disabled{background:#f5f1ea;color:#8b8176}.hint{font-size:12px;color:var(--muted)}.grid.two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.formActions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.formMessage{padding:10px 12px;border-radius:10px;background:#fff5df;border:1px solid #f3e4c2;font-size:13px}.cardList{display:grid;grid-gap:10px;gap:10px}.cardRow{display:grid;grid-gap:8px;gap:8px}.cardRow input{padding:10px 12px;border-radius:10px;border:1px solid var(--border);font-size:14px}.toggleRow{display:flex;gap:8px;flex-wrap:wrap}.toggle{padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:#fff;font-size:12px;cursor:pointer}.toggle.active{background:#14110f;color:#fff;border-color:#14110f}.hourGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));grid-gap:8px;gap:8px}.hour{padding:8px 0;border-radius:10px;border:1px solid var(--border);background:#fff;font-size:12px;cursor:pointer}.hour.active{background:#f3b54a;border-color:#f3b54a;color:#14110f}.previewHeader{display:flex;justify-content:space-between;align-items:center;gap:12px}.previewCard{margin-top:12px;padding:16px;border-radius:16px;background:#fffdf7;border:1px dashed #e6dccb}.mediaFrame{display:grid;grid-gap:12px;gap:12px}.mediaFrame img,.mediaFrame video{width:100%;border-radius:16px;background:#efe6d6}.mediaFrame.vertical{max-width:360px}.mediaPh{min-height:180px;border-radius:16px;background:#efe6d6;display:grid;place-items:center;color:#8b8176;font-size:14px}.previewCopy{display:grid;grid-gap:6px;gap:6px}.previewTitle{font-weight:700;font-size:18px}.previewBody{color:#5f564d;font-size:14px}.previewCta{color:#1a73e8;font-size:13px;font-weight:600}.nativeCard{border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--border)}.nativeCard img{width:100%;display:block}.nativeBody{padding:12px 14px 16px;display:grid;grid-gap:6px;gap:6px}.nativeLabel{font-size:11px;color:#8b8176;text-transform:uppercase;letter-spacing:.04em}.carousel{display:grid;grid-auto-flow:column;grid-gap:12px;gap:12px;overflow-x:auto;padding-bottom:4px}.carouselCard{min-width:220px;border-radius:16px;border:1px solid var(--border);overflow:hidden;background:#fff}.carouselCard img{width:100%;display:block}.carouselBody{padding:10px 12px 12px;display:grid;grid-gap:6px;gap:6px}.carouselTitle{font-size:14px;font-weight:600}.carouselCta{font-size:12px;color:#1a73e8;font-weight:600}.creativeGrid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:12px}.creativeCard{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;display:grid}.creativeThumb img{width:100%;display:block;height:140px;object-fit:cover}.thumb{height:140px;display:grid;place-items:center;background:#efe6d6;color:#8b8176;font-size:12px}.thumb.video{background:linear-gradient(135deg,#1f1f1f,#3c3c3c);color:#fff;letter-spacing:.08em;text-transform:uppercase}.creativeMeta{padding:10px 12px 12px;display:grid;grid-gap:4px;gap:4px}.creativeTitle{font-size:14px;font-weight:600}.creativeFormat{font-size:12px;color:var(--muted)}.actionRow{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.tableWrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table td,.table th{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border);vertical-align:top}.table th{font-size:12px;color:var(--muted)}.table td.right{text-align:right}.tagRow{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag{padding:6px 10px;background:#f5ede3;font-size:12px}.progress,.tag{border-radius:999px}.progress{height:8px;background:#f0e8dd;overflow:hidden;margin-top:12px}.progress>div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:inherit}.progressMeta{margin-top:8px;font-size:12px;color:var(--muted)}.btn{border:1px solid transparent;padding:10px 14px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer}.btn.primary{background:var(--ink);color:#fff}.btn.ghost{background:transparent;border-color:var(--border)}.btn.small{padding:6px 10px;font-size:12px}.list{display:grid;grid-gap:10px;gap:10px;margin-top:12px}.listItem{display:flex;justify-content:space-between;font-size:14px;gap:12px}.rowTitle{font-weight:600}.rowMeta{font-size:12px;color:var(--muted);margin-top:2px}.rowActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.statusBadge{font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:#fff}.statusBadge.active{border-color:#1a7f4f;color:#1a7f4f}.statusBadge.paused{border-color:#b42318;color:#b42318}.statusBadge.draft{border-color:#8b8176;color:#8b8176}.statusBadge.ended{border-color:#5f564d;color:#5f564d}.metricCard{border:1px solid var(--border);padding:10px 12px;grid-gap:6px;gap:6px}.chart,.metricCard{background:#fff;border-radius:14px;display:grid}.chart{margin-top:16px;grid-auto-flow:column;grid-gap:8px;gap:8px;align-items:end;height:120px;border:1px solid var(--border);padding:12px}.chart .bar{width:10px;display:flex;align-items:end}.chart .bar span{display:block;width:100%;background:linear-gradient(180deg,#f3b54a,#ff7a59);border-radius:6px}.chartLegend{font-size:12px;color:var(--muted);margin-top:8px}.codeBlock{margin-top:12px;padding:12px;border-radius:12px;background:#14110f;color:#f7f4ef;font-size:12px;overflow-x:auto;white-space:pre-wrap}.chipRow{display:flex;gap:8px;flex-wrap:wrap}.chip{background:#fff5df;border:1px solid #f3e4c2;padding:6px 10px;border-radius:999px;font-size:12px}.payout{display:flex;flex-direction:column;gap:12px;margin-top:12px}.payoutLabel{font-size:12px;color:var(--muted)}.payoutValue{font-size:22px;font-weight:700}.barList{display:grid;grid-gap:10px;gap:10px;margin-top:10px;font-size:14px}.bar{height:8px;background:#f0e8dd;border-radius:999px;overflow:hidden;margin-top:6px}.bar>div{height:100%;background:linear-gradient(90deg,#ff7a59,#f3b54a)}.home{position:relative;overflow:hidden}.homeTopbar{align-items:flex-start}.homeHero{display:grid;grid-gap:28px;gap:28px;align-items:center;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.homeCopy h1{font-size:clamp(34px,5vw,54px);margin:8px 0 12px}.homeCopy p{font-size:16px;color:var(--muted);max-width:520px}.homeKicker{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#9a7a50;font-weight:700}.homeHighlights{margin-top:18px;display:flex;gap:18px;flex-wrap:wrap}.homeHighlights .metricValue{font-size:20px}.homeCanvas{position:relative;display:grid;grid-gap:16px;gap:16px}.canvasCard{background:#fff;border-radius:20px;padding:18px;border:1px solid var(--border);box-shadow:var(--shadow);display:grid;grid-gap:12px;gap:12px}.canvasCard.alt{background:#fff7ea}.canvasTitle{font-size:14px;font-weight:700}.canvasMetric{display:flex;justify-content:space-between;font-size:14px}.canvasMetric strong{font-size:18px}.canvasChart{display:grid;grid-auto-flow:column;grid-gap:6px;gap:6px;align-items:end;height:120px;padding-top:8px}.canvasChart span{display:block;width:12px;border-radius:999px;background:linear-gradient(180deg,#ff7a59,#f3b54a)}.canvasOrb{position:absolute;right:-40px;top:-30px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,89,.4),rgba(243,181,74,0));filter:blur(2px);pointer-events:none}.homeStrip{border:1px solid var(--border);border-radius:999px;background:#fff;padding:10px 18px;overflow-x:auto}.stripItem{display:inline-flex;gap:16px;align-items:center;font-size:12px;white-space:nowrap}.stripItem span:first-child{font-weight:700}.featureGrid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.featureCard{background:#fff;border-radius:18px;padding:18px;border:1px solid var(--border);box-shadow:var(--shadow);min-height:140px}.featureCard h2{margin:0 0 8px;font-size:18px}.homeSteps{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.steps{margin-top:14px;display:grid;grid-gap:12px;gap:12px}.stepCard{background:#fff;border:1px solid var(--border);border-radius:16px;padding:14px;display:grid;grid-gap:6px;gap:6px}.stepCard span{font-size:12px;color:#9a7a50;font-weight:700}.stepCard h3{margin:0;font-size:16px}.callout{background:linear-gradient(135deg,#fff,#fff4da)}@media (min-width:880px){.page{padding:40px 64px}.hero{grid-template-columns:1.2fr .8fr}.payout{flex-direction:row;justify-content:space-between}.cardRow,.payout{align-items:center}.cardRow{grid-template-columns:repeat(3,minmax(160px,1fr)) auto}.creativePriority{font-size:12px;color:#8b8176}}