:root{--theme-text-color:#000;--theme-top-color:#fff;--theme-bottom-color:#7f02f9}.phone-preview{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.phone-preview__label{color:#9ca3af;letter-spacing:.06em;text-transform:uppercase;font-family:Inter,sans-serif;font-size:11px;font-weight:600}.phone-preview__theme-name{color:#1c0f2f;text-align:center;letter-spacing:-.01em;margin:0;font-family:Inter,sans-serif;font-size:16px;font-weight:700;line-height:1.2}.phone-preview__frame{aspect-ratio:9/19.5;background:#1c0f2f;border:6px solid #1a1a2e;border-radius:36px;flex-direction:column;width:250px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 4px 12px #0003,inset 0 0 0 1px #ffffff0a}@media (min-width:1024px){.phone-preview__frame{box-shadow:0 0 0 1px #ffffff0f,0 10px 24px #00000040,inset 0 0 0 1px #ffffff0a}}.phone-preview__frame:before{content:"";z-index:10;background:#1a1a2e;border-radius:8px;width:56px;height:10px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.phone-preview__screen{border-radius:30px;flex-direction:column;flex:1;width:100%;height:100%;display:flex;overflow-y:auto}.phone-preview__skeleton{background:#f3f4f6;gap:10px;padding:1rem;animation:2s cubic-bezier(.4,0,.6,1) infinite phone-preview-pulse}.phone-preview__bone{background:#e5e7eb;border-radius:999px;display:block}.phone-preview__bone--topbar{width:60px;height:10px}.phone-preview__bone--avatar{flex-shrink:0;width:46px;height:46px}.phone-preview__bone--name{width:90px;height:11px}.phone-preview__bone--handle{width:60px;height:8px}.phone-preview__bone--chips{width:110px;height:12px}.phone-preview__bone--toggle{width:100%;height:22px;margin-top:4px}.phone-preview__bone--card{aspect-ratio:9/13;border-radius:10px}.phone-preview__bone-row{align-items:center;gap:10px;display:flex}.phone-preview__bone-col{flex-direction:column;gap:6px;display:flex}.phone-preview__bone-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:4px;display:grid}.phone-preview__content-image{background-image:var(--theme-background-image);background-position:50%;background-size:cover;flex:1;padding:1rem;overflow-y:auto}.phone-preview__content-color{background-color:var(--theme-background-color);flex:1;height:100%;padding:1rem;position:relative;overflow:hidden}.phone-preview__topbar{color:var(--t-text,#1c0f2f);letter-spacing:-.02em;opacity:.92;align-items:center;gap:5px;padding:2px 2px 8px;font-size:10px;font-weight:750;display:flex}.phone-preview__topbar img{-o-object-fit:contain;object-fit:contain;width:15px;height:15px;filter:var(--t-logo-filter,none)}.phone-preview__header{flex-direction:row;align-items:center;gap:10px;padding:6px 2px 2px;display:flex}.phone-preview__avatar{width:46px;height:46px;box-shadow:0 0 0 2.5px var(--t-ring,#fff),0 8px 20px #0a081438;border-radius:50%;flex-shrink:0;position:relative;overflow:hidden}.phone-preview__avatar img{-o-object-fit:cover;object-fit:cover}.phone-preview__avatar svg{background:#e9e4f3;padding:8px}.phone-preview__htext{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.phone-preview__name{letter-spacing:-.03em;color:var(--t-text,#1c0f2f);margin:0;font-size:13px;font-weight:750;line-height:1.1}.phone-preview__handle{color:var(--t-text,#1c0f2f);opacity:.62;margin:0;font-size:9px;font-weight:550}.phone-preview__bio{color:var(--t-text,#1c0f2f);opacity:.92;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:8.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.phone-preview__chips{gap:4px;margin-top:2px;display:flex}.phone-preview__chip{background:var(--t-chip-bg,#f1ecfb);color:var(--t-chip-text,#6a35c9);white-space:nowrap;border-radius:999px;align-items:center;padding:2px 6px;font-size:7px;font-weight:600;display:inline-flex}.phone-preview__controls{align-items:center;gap:5px;margin:10px 0 2px;display:flex}.phone-preview__toggle{background:var(--t-toggle-track,#eceaf1);border-radius:999px;flex:auto;grid-template-columns:1fr 1fr;min-width:0;padding:2.5px;display:grid;position:relative}.phone-preview__toggle-knob{background:var(--t-toggle-active,#7f02f9);border-radius:999px;width:calc(50% - 2.5px);transition:transform .26s cubic-bezier(.4,0,.2,1);position:absolute;top:2.5px;bottom:2.5px;left:2.5px;box-shadow:0 2px 6px #0a08142e}.phone-preview__toggle[data-view=links] .phone-preview__toggle-knob{transform:translate(100%)}.phone-preview__toggle-opt{z-index:1;text-align:center;min-width:0;color:var(--t-toggle-inactive-text,#8b8496);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;padding:4px 3px;font-size:8px;font-weight:700;transition:color .2s;position:relative;overflow:hidden}.phone-preview__toggle-opt[data-on=true]{color:var(--t-toggle-active-text,#fff)}.phone-preview__share-pill{background:var(--t-btn-bg,#7f02f9);height:20px;color:var(--t-btn-text,#fafafc);white-space:nowrap;box-shadow:0 2px 8px var(--t-accent-glow,transparent);border-radius:999px;flex-shrink:0;align-items:center;padding:0 8px;font-size:8px;font-weight:650;display:inline-flex}.phone-preview__more-btn{background:var(--t-btn2-bg,#fff);width:20px;height:20px;color:var(--t-btn2-text,#1c0f2f);border:1px solid var(--t-btn2-border,#e7e5ec);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;line-height:1;display:inline-flex}.phone-preview__body{padding:8px 0}.phone-preview__grid{grid-template-columns:repeat(2,1fr);gap:10px;padding-top:4px;display:grid}.phone-preview__ch-card{aspect-ratio:9/13;box-shadow:0 4px 12px #0a081429,3px -3px 0 -1px var(--t-stack1,#9696aa80),6px -6px 0 -2px var(--t-stack2,#9696aa4d);isolation:isolate;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;position:relative;overflow:hidden}.phone-preview__ch-card:after{content:"";background:linear-gradient(#08061057 0%,#0806100d 38%,#0806104d 62%,#080610db 100%);position:absolute;inset:0}.phone-preview__ch-card--real{cursor:pointer}.phone-preview__ch-card-cover{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.phone-preview__ch-card-hint{z-index:1;color:#ffffff8c;justify-content:center;align-items:center;font-size:7px;font-weight:600;display:flex;position:absolute;inset:0}.phone-preview__ch-card-count{z-index:1;color:#fff;background:#0c0a1466;border-radius:999px;padding:2px 5px;font-size:6.5px;font-weight:700;position:absolute;top:5px;right:5px}.phone-preview__ch-card-title{z-index:1;color:#fff;letter-spacing:-.015em;text-shadow:0 1px 6px #00000073;font-size:8px;font-weight:750;line-height:1.2;position:absolute;bottom:7px;left:7px;right:7px}.phone-preview__links{flex-direction:column;gap:7px;display:flex}.phone-preview__link-card{background:var(--t-card,#fff);color:var(--t-card-text,#1c0f2f);border:1px solid var(--t-card-border,#eceaf1);-webkit-backdrop-filter:var(--t-card-blur,none);box-shadow:var(--t-card-shadow,0 2px 10px #0a08140f);border-radius:10px;align-items:center;gap:7px;padding:7px;display:flex}.phone-preview__link-card-thumb{background:linear-gradient(135deg,#7f02f9,#3bc7b4);border-radius:7px;flex-shrink:0;width:26px;height:26px}.phone-preview__link-card-body{flex-direction:column;flex:1;min-width:0;display:flex}.phone-preview__link-card-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:8.5px;font-weight:700;overflow:hidden}.phone-preview__link-card-sub{opacity:.6;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:7px;overflow:hidden}.phone-preview__link-card-arrow{opacity:.45;flex-shrink:0;font-size:10px;line-height:1}@keyframes phone-preview-pulse{0%,to{opacity:1}50%{opacity:.5}}