/* ClickBee R221 — scoped creator builder only. Never style .cb-wall-preview or its children. */
.cb221-page { --cb221-ink:#153048; --cb221-sub:#5d768b; --cb221-line:#d7e7f3; --cb221-blue:#159cf2; }
.cb221-page .cb221-hero { margin:12px 0 23px; }
.cb221-page .cb221-hero h1 { font-size:clamp(30px,4vw,42px);letter-spacing:-.035em;line-height:1.1;margin:7px 0 10px; }
.cb221-page .cb221-hero p { font-size:clamp(14px,2vw,16px);color:var(--cb-muted,#aab7c6);line-height:1.65;max-width:650px; }
.cb221-page .cb221-eyebrow { display:inline-block;color:#58b9fa;font-size:10px;letter-spacing:.15em;font-weight:850;text-transform:uppercase; }
.cb221-page .cb-wall-grid {grid-template-columns:minmax(0,1.02fr) minmax(300px,.98fr); gap:22px; }
.cb221-page .cb-wall-panel { background:linear-gradient(155deg,#fff,#f4faff 72%,#f7fbff);border:1px solid #d9eafa;color:var(--cb221-ink);box-shadow:0 18px 45px rgba(5,31,62,.13);padding:23px;border-radius:21px; }
.cb221-page .cb221-builder-head {display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px;}
.cb221-page .cb221-builder-head h2 {font-size:23px;letter-spacing:-.03em;margin:4px 0 5px;color:#142e46;}
.cb221-page .cb221-builder-head p {font-size:12px;color:var(--cb221-sub);line-height:1.5;margin:0;}
.cb221-page .cb221-builder-count {font-size:10px;white-space:nowrap;font-weight:800;padding:7px 10px;background:#e5f4ff;color:#167bbc;border-radius:999px;}
.cb221-page .cb221-block {padding:18px 0;border-top:1px solid var(--cb221-line)}
.cb221-page .cb221-block-head {display:flex;gap:11px;align-items:flex-start;margin:0 0 15px}
.cb221-page .cb221-step {display:inline-grid;place-items:center;background:#e5f4ff;border:1px solid #c9eaff;min-width:32px;height:32px;border-radius:11px;font-size:12px;color:#087abe;font-weight:900}
.cb221-page .cb221-block-head h3 {font-size:15px;color:#142e46;margin:0 0 3px;line-height:1.25;font-weight:850;}
.cb221-page .cb221-block-head p {font-size:11px;line-height:1.5;color:var(--cb221-sub);margin:0;}
.cb221-page .cb221-fields {display:grid;gap:11px;}
.cb221-page .cb221-fields-two {grid-template-columns:repeat(2,minmax(0,1fr));}
.cb221-page .cb-wall-field {min-width:0;gap:6px}
.cb221-page .cb-wall-field>span {color:#496377;font-size:11px;font-weight:760}
.cb221-page .cb-wall-field>input:not([type=color]),.cb221-page .cb-wall-field>select {min-width:0;width:100%;height:44px;min-height:44px;background:white;border:1px solid #d0e3f1;border-radius:12px;color:#203b50;font-size:13px;padding:0 12px;outline:none;box-shadow:0 1px 2px rgba(2,31,64,.03)}
.cb221-page .cb-wall-field>input:focus-visible,.cb221-page .cb-wall-field>select:focus-visible {border-color:#28a8f5;box-shadow:0 0 0 3px rgba(22,156,242,.15)}
.cb221-page .cb221-reward-box {border:1px solid #d7ebf7;background:#ecf7ff;border-radius:15px;padding:15px;margin-top:12px;}
.cb221-page .cb221-reward-head {display:flex;justify-content:space-between;gap:8px;align-items:center}
.cb221-page .cb221-reward-head strong {font-size:13px;display:block;line-height:1.4}
.cb221-page .cb221-reward-head small {display:block;max-width:300px;font-size:10px;color:var(--cb221-sub);line-height:1.45;margin-top:4px}
.cb221-page .cb221-reward-big {font-size:22px;font-weight:900;color:#087bc2;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.cb221-page .cb221-reward-inputs {display:flex;align-items:center;gap:12px;margin-top:10px}
.cb221-page .cb221-reward-inputs>input[type=range] {flex:1;width:100%;min-width:0;accent-color:#129af0;cursor:pointer;}
.cb221-page .cb221-reward-number {display:flex;align-items:center;gap:2px;padding:0 10px;background:#fff;border:1px solid #b8ddf4;border-radius:10px;height:36px}
.cb221-page .cb221-reward-number input {border:0!important;min-width:0;width:44px!important;height:32px!important;padding:0!important;background:transparent!important;color:#087bc2!important;text-align:right;font-size:14px!important;font-weight:850;box-shadow:none!important;}
.cb221-page .cb221-reward-number span {font-size:12px;font-weight:700;color:#4582a6}
.cb221-page .cb221-share-track {height:7px;margin:12px 0 7px;border-radius:999px;background:#cddfeb;overflow:hidden}
.cb221-page .cb221-share-track>span {width:80%;height:100%;display:block;background:linear-gradient(90deg,#32bded,#168fe7);border-radius:inherit}
.cb221-page .cb221-share-labels {display:flex;justify-content:space-between;font-size:10px;font-weight:800;color:#56778e}
.cb221-page .cb221-tile-select {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.cb221-page .cb-wall-check {color:#344e61;display:flex;align-items:center;gap:7px;border:1px solid #d7e8f3;background:#fff;border-radius:11px;padding:10px 9px;min-height:40px;font-size:11px;font-weight:680;cursor:pointer;box-sizing:border-box;}
.cb221-page .cb-wall-check:has(input:checked){background:#e5f5ff;border-color:#92cff4;color:#0f659c}
.cb221-page .cb-wall-check input {accent-color:#159cf2;flex:0 0 auto;}
.cb221-page .cb221-details {margin-top:10px;border:1px solid #d7e8f3;border-radius:12px;background:#fbfdff;overflow:hidden;color:#314e63}
.cb221-page .cb221-details summary {padding:11px 13px;display:flex;justify-content:space-between;gap:10px;cursor:pointer;align-items:center;font-size:12px;font-weight:830;list-style:none}
.cb221-page .cb221-details summary::-webkit-details-marker{display:none}
.cb221-page .cb221-details summary:after {content:'⌄';color:#1789cc;font-size:17px;font-weight:800;margin-left:auto}
.cb221-page .cb221-details[open] summary:after {content:'⌃'}
.cb221-page .cb221-details summary small {font-size:10px;color:#70899b;font-weight:500}
.cb221-page .cb221-details[open] summary {border-bottom:1px solid #e1edf5}
.cb221-page .cb221-platforms,.cb221-page .cb221-advanced>.cb221-fields {padding:11px}
.cb221-page .cb221-theme-row {margin-bottom:12px}
.cb221-page .cb221-color-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.cb221-page .cb221-color-grid .cb-wall-field {padding:9px 5px 8px;text-align:center;border:1px solid #d6e6f1;background:#fff;border-radius:12px;align-items:center;cursor:pointer}
.cb221-page .cb221-color-grid .cb-wall-field>span {font-size:10px;color:#587185;}
.cb221-page .cb221-color-grid input[type=color] {width:35px;height:35px;min-height:0;padding:2px;border:1px solid #ccdde9;border-radius:11px;background:#fff;cursor:pointer}
.cb221-page .cb221-display {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 11px 12px}
.cb221-page .cb-wall-actions {margin-top:4px;display:flex;gap:8px;flex-wrap:wrap;}
.cb221-page .cb-wall-actions button {min-height:44px;border-radius:12px}
.cb221-page .cb-wall-primary {background:#159cf2;color:#fff;box-shadow:0 5px 15px rgba(18,149,241,.24)}
.cb221-page .cb-wall-secondary {background:#e8f2fa;color:#24536f}
.cb221-page .cb-wall-note {font-size:11px;color:#718b9d;line-height:1.55}
.cb221-page .cb-wall-message[data-kind=success] {color:#117d6c}
.cb221-page .cb-wall-message[data-kind=error] {color:#b52647}
.cb221-page .cb-wall-install {border:1px solid #d7e7f3;border-radius:14px;padding:13px;background:#f5fbff}
.cb221-page .cb-wall-install .cb-wall-code textarea {color:#166995;background:#fff;border-color:#c9e3f6}
.cb221-page .cb-wall-install .cb-wall-code button {background:#159cf2;color:#fff}
.cb221-page .cb-wall-step {color:#386178;background:#e4f3fd}
.cb221-page .cb-wall-url {color:#007cce}
.cb221-page .cb-wall-row {background:#f5faff;border:1px solid #d6e7f4;color:#21394a}
.cb221-page .cb-wall-row-meta {color:#6c8699}
.cb221-page .cb-wall-row-actions button,.cb221-page .cb-wall-row-actions a {background:#e2f2ff;color:#156b9c}
.cb221-page .cb-wall-earnings {margin-top:24px;background:#111d2a;color:#edf6ff;border:1px solid rgba(111,182,234,.25);border-radius:20px;padding:22px;box-shadow:0 14px 34px rgba(0,0,0,.12)}
.cb221-page .cb221-earnings-header {display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.cb221-page .cb221-earnings-header h2 {font-size:20px;margin:4px 0 6px;color:#f7fbff;letter-spacing:-.025em}
.cb221-page .cb221-earnings-header p {font-size:12px;color:#a4b8c8;margin:0;line-height:1.55}
.cb221-page .cb221-earnings-actions {display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:#b7d7ed}
.cb221-page [data-tw-policy-state] {border:1px solid #354e65;background:#1c3145;color:#bed9ee;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:750}
.cb221-page [data-tw-policy-state][data-active="1"] {color:#91e5ca;border-color:#246b63;background:#123c3b}
.cb221-page [data-tw-refresh] {background:#1f587a;border:1px solid #39789e;color:#eaf8ff;padding:7px 11px;border-radius:9px;font-weight:750;cursor:pointer}
.cb221-page .cb221-earnings-stats {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:17px 0 12px}
.cb221-page .cb221-earnings-stats>div {background:#1c2b3c;border:1px solid #2b4258;border-radius:13px;padding:15px;min-width:0}
.cb221-page .cb221-earnings-stats span {display:block;color:#aabed0;font-size:11px;margin-bottom:9px}
.cb221-page .cb221-earnings-stats strong {font-size:13px;font-weight:760;line-height:1.5;overflow-wrap:anywhere}
.cb221-page .cb221-commission-details {border-top:1px solid rgba(180,218,243,.16);padding-top:10px}
.cb221-page .cb221-commission-details summary {display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:780;cursor:pointer;list-style:none;padding:6px 1px}
.cb221-page .cb221-commission-details summary::-webkit-details-marker{display:none}
.cb221-page .cb221-commission-details summary span {font-size:16px;color:#75cfff}
.cb221-page .cb221-commission-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}
.cb221-page .cb221-commission-cards>div {border:1px solid #2d4b65;background:#192f42;padding:13px;border-radius:11px;min-width:0}
.cb221-page .cb221-commission-cards span {display:block;font-size:11px;color:#b5d2e7;line-height:1.4;min-height:30px}
.cb221-page .cb221-commission-cards strong {display:block;color:#92ddff;font-size:21px;margin:8px 0}
.cb221-page .cb221-commission-cards p,.cb221-page .cb221-settlement-note {color:#a4bfce;font-size:10px;line-height:1.5;margin:0}
.cb221-page .cb221-settlement-note {margin-top:10px}
@media (max-width:900px){.cb221-page .cb-wall-grid{grid-template-columns:minmax(0,1fr)}.cb221-page .cb-wall-preview-wrap{position:static}}
@media (max-width:600px){.cb221-page .cb-wall-panel{padding:15px}.cb221-page .cb221-fields-two{grid-template-columns:repeat(2,minmax(0,1fr))}.cb221-page .cb221-color-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.cb221-page .cb221-tile-select{grid-template-columns:repeat(2,minmax(0,1fr))}.cb221-page .cb221-earnings-stats{grid-template-columns:1fr}.cb221-page .cb221-commission-cards{grid-template-columns:1fr}.cb221-page .cb-wall-earnings{padding:15px}.cb221-page .cb221-details summary{flex-wrap:wrap}}
@media (max-width:355px){.cb221-page .cb221-fields-two{grid-template-columns:1fr}.cb221-page .cb221-color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}