:root{--ac-surface: #ffffff;--ac-bg: #f5f7fb;--ac-border: #e2e8f0;--ac-text: #0f172a;--ac-muted: #64748b}.ant-counter-page{background:var(--ac-bg);min-height:100vh;padding:130px 20px 90px}.ant-counter-wrapper{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.ant-counter-hero{text-align:center;max-width:720px;margin:0 auto;color:var(--ac-text)}.ant-counter-hero h1{font-size:clamp(2.4rem,4.2vw,3.6rem);margin-bottom:12px}.ant-counter-hero .lead{color:var(--ac-muted);font-size:1.05rem;line-height:1.7}.ant-counter-hero .eyebrow{text-transform:uppercase;letter-spacing:.32em;font-size:.75rem;color:var(--ac-muted);margin-bottom:12px}.ant-counter-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px}.ant-counter-stage,.ant-counter-controls{background:var(--ac-surface);border-radius:32px;padding:32px;box-shadow:0 40px 80px #0f172a14;display:flex;flex-direction:column;gap:20px}.stage-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.stage-heading h2{margin-bottom:6px}.stage-heading p{margin:0;color:var(--ac-muted)}.ghost-btn,.primary-btn,.link-btn{border:none;font-weight:600;cursor:pointer;border-radius:999px;padding:10px 18px;display:inline-flex;align-items:center;gap:8px;transition:transform .15s ease,box-shadow .2s ease}.ghost-btn{background:#0f172a0d;color:var(--ac-text)}.primary-btn{background:#0f172a;color:#fff}.link-btn{background:transparent;color:var(--ac-text);padding:6px 10px}.ghost-btn:hover,.primary-btn:hover,.link-btn:hover{transform:translateY(-1px)}.marker-stage{position:relative;width:100%;aspect-ratio:16 / 10;border-radius:28px;border:2px dashed var(--ac-border);background:linear-gradient(135deg,#0f172a,#111c2f);overflow:hidden;cursor:crosshair;transition:border-color .2s ease,box-shadow .2s ease;--marker-size: 18px}.marker-stage[data-empty=false]{border-style:solid;border-color:#60a5fa99;box-shadow:0 25px 40px #0f172a2e}.marker-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:none}.marker-stage[data-has-image=true] img{display:block}.stage-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#e2e8f0;text-align:center;padding:0 60px;backdrop-filter:blur(4px)}.stage-placeholder h3{color:#f1f5f9;margin:0}.stage-placeholder p{color:#cbd5e1;margin:0}.stage-placeholder[hidden]{display:none}.placeholder-icon{font-size:.85rem;letter-spacing:.35em;border:1px solid rgb(203 213 225 / .6);border-radius:999px;padding:10px 18px}.markers-layer{position:absolute;inset:0;pointer-events:none}.marker-dot{position:absolute;width:var(--marker-size);height:var(--marker-size);border-radius:999px;border:2px solid #fff;background:var(--marker-color, #f472b6);transform:translate(-50%,-50%);pointer-events:auto;cursor:pointer;box-shadow:0 4px 12px #0f172a40}.file-meta{margin-top:18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;color:var(--ac-muted);font-size:.95rem}.control-card{border:1px solid var(--ac-border);border-radius:22px;padding:20px 22px;display:flex;flex-direction:column;gap:18px}.control-card h2{margin:0;font-size:1.1rem;font-weight:600}.muted{margin:0;color:var(--ac-muted);font-size:.95rem}.tool-buttons{display:flex;flex-wrap:wrap;gap:12px}.tool-button{border-radius:999px;padding:10px 16px;border:1px solid var(--ac-border);background:#fff;font-weight:600;color:var(--ac-text);display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease}.tool-button .tool-color{width:12px;height:12px;border-radius:999px;background:var(--tool-color, #f472b6)}.tool-button.is-active{background:var(--tool-color, #f472b6);border-color:var(--tool-color, #f472b6);color:#fff}.tool-button.remove .tool-color{background:#0f172a}.slider-heading{display:flex;align-items:center;justify-content:space-between;font-weight:600}#marker-size{width:100%;accent-color:#0f172a}.counts-card{gap:14px}.count-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.count-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:12px;background:#0f172a08}.count-label{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.9rem}.count-chip{width:8px;height:8px;border-radius:999px;background:var(--count-color, #f472b6)}.count-value{font-weight:700;font-size:1rem}@media(max-width:1100px){.ant-counter-grid{grid-template-columns:1fr}.stage-heading{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.ant-counter-stage,.ant-counter-controls{padding:24px}.ant-counter-page{padding:120px 16px 70px}.tool-buttons{gap:8px}.tool-button{padding:8px 14px}.count-grid{grid-template-columns:1fr}}