.counter-editor{min-width:0}.counter-site-heading{display:flex;align-items:center;gap:16px;margin-bottom:26px}.counter-site-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#edf2fe;color:#5975cf;flex:none}.counter-site-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5}.counter-site-heading small{font-size:11px;color:#8796ab}.console .counter-site-heading h2{font-size:23px;margin:3px 0;letter-spacing:0}.counter-site-heading a{font-size:12px;color:#8a98ab;display:inline-block;overflow-wrap:anywhere}.counter-workbench{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.85fr);gap:26px;align-items:start}.counter-settings{display:grid;gap:18px;min-width:0}.console .counter-setting-card{padding:24px;margin:0}.counter-setting-card h3{font-size:16px;letter-spacing:0;margin-bottom:22px}.counter-setting-card .form-grid{margin-top:22px}.counter-switch{display:flex!important;align-items:start;gap:12px;padding:14px 0;margin:0!important;cursor:pointer}.counter-switch>input{width:18px;height:18px;min-height:18px;flex:none;margin:3px 0 0;padding:0;accent-color:#526be8}.counter-switch b{font-size:13px;font-weight:550}.counter-switch small{display:block;font-size:11px;color:#8b98ab;font-weight:400;line-height:1.9;margin-top:5px}.counter-colors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.counter-colors label{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:11px!important;margin:0}.counter-colors input{height:44px;width:100%;min-height:0;padding:4px;border:1px solid #e2e8f1;border-radius:9px;background:white;cursor:pointer}.counter-colors input::-webkit-color-swatch-wrapper{padding:0}.counter-colors input::-webkit-color-swatch{border:0;border-radius:5px}.counter-dimensions label,.counter-setting-card .form-grid label{font-size:12px!important}.counter-row-group>p{font-size:11px;color:#8b99ae;margin:0 0 12px}.counter-selected-rows{display:grid;gap:7px}.counter-editor .counter-row{border:1px solid #e1e8f3;border-radius:9px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f9fbff}.counter-row label{display:flex;align-items:center;gap:10px;font-size:12px!important;flex:1;margin:0;cursor:pointer;min-width:0}.counter-row input,.counter-available input{min-height:16px;height:16px;width:16px;padding:0;flex:none;accent-color:#526be8}.counter-row-controls{display:flex;gap:5px}.counter-row-controls button{width:28px;height:28px;background:white;border:1px solid #e0e7f0;border-radius:6px;color:#6a7fa7}.counter-row-controls button:disabled{opacity:.3;cursor:default}.counter-available-rows{margin-top:24px;padding-top:20px;border-top:1px solid #edf1f7}.counter-available-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.counter-available{display:flex!important;align-items:center;gap:9px;cursor:pointer;font-size:11px!important;margin:0!important;padding:8px 0;line-height:1.8}.counter-preview-card{position:sticky;top:16px;align-self:start;margin:0!important;max-height:calc(100dvh - 130px);overflow:auto;z-index:1}.counter-preview-card .section-heading h3{font-size:15px;margin:0}.counter-preview-card .pill{font-size:10px}.counter-preview-stage{padding:22px 10px;min-width:0;background:radial-gradient(#dce5f0 .7px,transparent .7px) 0 0/12px 12px;border-radius:12px;display:flex;justify-content:center;overflow:auto}.counter-preview-stage:has(#counter-preview[hidden])::after{display:none!important}#counter-hidden-preview{font-size:12px;line-height:1.9;color:#8997ad;text-align:center;margin:0;padding:24px 5px}.counter-consent{margin:0!important;padding:20px!important}.counter-consent summary{font-size:12px;color:#7d8da5;cursor:pointer}.counter-consent label{margin-top:18px}.counter-consent .muted{font-size:11px!important}.counter-save{display:flex;flex-direction:column;align-items:start;gap:12px;padding:4px 0 16px}.counter-save .status{font-size:12px;margin:0}.counter-code-card{position:relative;clear:both;margin-top:30px;scroll-margin-top:24px}.counter-code-card h3{font-size:18px;margin:0}.counter-code-card>p{font-size:13px;color:#7c8da4;line-height:2}.counter-code-card textarea{width:100%;font:12px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;padding:18px;background:#f6f8fc;color:#425a7e;resize:vertical;word-break:break-all}.counter-code-card .status{font-size:12px;color:#258f77}.counter-code-card .installation-check{padding-top:15px;margin-top:14px;border-top:1px solid #edf1f7}.counter-editor .counter-consent .muted{margin-bottom:0}
@media(max-width:1100px){.counter-workbench{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);gap:18px}}
@media(max-width:800px){.counter-workbench{display:flex;flex-direction:column;gap:18px}.counter-preview-card{order:-1;width:100%;top:132px;max-height:32dvh;padding:14px!important;box-shadow:0 8px 22px #263b5b0a!important}.counter-preview-stage{padding:12px 8px}.counter-preview-card .section-heading{margin-bottom:10px}.counter-settings{width:100%}.counter-site-heading{margin-bottom:18px}.counter-site-heading h2{font-size:20px!important}.counter-setting-card{padding:20px!important}.counter-code-card .section-heading{align-items:center;gap:14px}.counter-code-card h3{font-size:15px}.counter-code-card .button{font-size:12px}.counter-code-card{scroll-margin-top:140px}}
@media(prefers-reduced-motion:no-preference){.counter-row{animation:counter-row-in .16s ease-out}@keyframes counter-row-in{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}}

#counter-preview>div:last-child{border-bottom:0}