.tp{--tp-ink:#18211d;--tp-muted:#56635c;--tp-line:#d9ded8;--tp-paper:#f4f2ec;--tp-brand:#0a6b4e;color:var(--tp-ink);flex-direction:column;gap:16px;font-family:Hind Siliguri,system-ui,sans-serif;display:flex}.tp-controls{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.tp-seg{border:1px solid var(--tp-line);background:#fff;border-radius:999px;margin:0;padding:3px;display:inline-flex}.tp-seg label{color:var(--tp-muted);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:.9rem;font-weight:600;position:relative}.tp-seg label.tp-seg-on{background:var(--tp-brand);color:#fff}.tp-seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.tp-seg label:has(input:focus-visible){outline:2px solid var(--tp-brand);outline-offset:2px}.tp-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.tp-stage{background:var(--tp-paper);border-radius:16px;justify-content:center;padding:24px;display:flex;overflow-x:auto}.tp-device{border:1px solid var(--tp-line);background:#fff;border-radius:10px;max-width:100%;transition:width .2s;overflow:hidden auto;box-shadow:0 12px 32px #18211d1f}.tp-device-phone{border-width:8px;border-color:var(--tp-ink);border-radius:28px}.tp-device-tablet{border-width:8px;border-color:var(--tp-ink);border-radius:18px}.tp-newsletter{gap:10px;display:grid}.tp-newsletter h2{font-size:1.2rem}.tp-newsletter-row{gap:8px;display:flex}.tp-newsletter-row>span:first-child{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);flex:1;min-height:42px}.tp-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.tp-device{transition:none}}