.phone-frame{width:min(340px,86vw);margin:8px auto 24px;position:relative}.phone-frame:after{content:"";z-index:-1;filter:blur(12px);background:#00000040;border-radius:50%;height:30px;position:absolute;bottom:-22px;left:14%;right:14%}.phone-bezel{box-sizing:border-box;background:linear-gradient(150deg,#4d4c49 0%,#d9d6cf 12%,#8f8c85 26%,#3a3936 48%,#6f6c66 70%,#c9c5bc 88%,#55534f 100%);border-radius:58px;padding:3px;position:relative;box-shadow:inset 0 0 0 1px #fff5,0 0 0 1px #0009,0 50px 90px -40px #000000a6,0 24px 40px -24px #00000080}.phone-screen{box-sizing:border-box;aspect-ratio:9/19.5;background:#fbfbfd;border:10px solid #050507;border-radius:55px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff10}.phone-screen:after{content:"";z-index:8;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,#ffffff1f 0%,#fff0 34%);position:absolute;inset:0}.phone-screen-body{background:#fff;flex:1;min-height:0;position:relative;overflow:hidden}.phone-screen-body .template-art,.phone-screen-body .showcase-site{aspect-ratio:auto;border-radius:0;width:100%;max-width:none;height:100%;min-height:100%;margin:0}.phone-status{z-index:6;background:var(--phone-status-bg,#fbfbfd);height:44px;color:var(--phone-status-fg,#0b0b0f);font-variant-numeric:tabular-nums;letter-spacing:-.02em;pointer-events:none;flex:none;justify-content:space-between;align-items:center;padding:6px 26px 0 30px;font-family:Manrope,system-ui,sans-serif;font-size:14px;font-weight:700;display:flex;position:relative}.phone-time{min-width:42px}.phone-status-icons{justify-content:flex-end;align-items:center;gap:5px;min-width:62px;display:inline-flex}.phone-glyph{fill:currentColor;width:auto;height:11px;display:block}.phone-island{z-index:7;pointer-events:none;background:#000;border-radius:20px;width:31%;height:26px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.phone-island:after{content:"";background:radial-gradient(circle at 35% 35%,#26385a,#05060a 62%);border-radius:50%;width:10px;height:10px;position:absolute;top:8px;right:12px;box-shadow:0 0 0 2px #0c0e14}.phone-home{z-index:7;opacity:.9;pointer-events:none;background:#0b0b0f;border-radius:5px;width:36%;height:5px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.phone-side{z-index:-1;background:linear-gradient(90deg,#4a4946,#d6d2ca 50%,#5a5854);border-radius:2px;width:4px;position:absolute}.phone-silent{height:4%;top:17%;left:-3px}.phone-vol-up{height:7.5%;top:24%;left:-3px}.phone-vol-down{height:7.5%;top:33%;left:-3px}.phone-power{height:11%;top:27%;right:-3px}.phone-screen:has(.cr-palette-violet){--phone-status-bg:#100c1a;--phone-status-fg:#f7f4ee}.phone-screen:has(.cr-palette-cyan){--phone-status-bg:#07121b;--phone-status-fg:#f7f4ee}:is(.phone-screen:has(.cr-palette-futurist-cyan),.phone-screen:has(.cr-palette-futurist-violet)){--phone-status-bg:#070b14;--phone-status-fg:#f7f4ee}.phone-screen:has(.cr-palette-coral){--phone-status-bg:#fff7f1}.phone-screen:has(.cr-palette-forest){--phone-status-bg:#f5f4e9}.phone-screen:has(.cr-palette-sand){--phone-status-bg:#f3efe8}.phone-browser-bar{z-index:5;background:#f6f6f8;border-top:1px solid #0000001a;flex:none;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:6px;padding:8px 10px 24px;display:grid;position:relative}.phone-browser-back{color:#0a84ff;cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.phone-browser-back:disabled{color:#c4c4c9;cursor:default}.phone-browser-back:focus-visible{outline-offset:1px;outline:2px solid #0a84ff}.phone-browser-back svg{width:18px;height:18px}.phone-browser-url{color:#111;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-width:0;height:38px;padding:0 12px;font:600 12.5px/1 Manrope,system-ui,sans-serif;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000001f,inset 0 0 0 1px #00000012}.phone-browser-host{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.phone-browser-url svg{color:#6d6d72;flex:none;width:9px;height:11px}.phone-browser-tabs{color:#0a84ff;place-items:center;display:grid}.phone-browser-tabs svg{width:18px;height:18px}.template-dialog .dialog-stage.is-phone{background:radial-gradient(50% 40% at 50% 80%,#e2643e2e,#0000 70%),linear-gradient(#10141c,#0b1018);place-items:center;padding:28px 16px 8px;display:grid}.template-dialog .dialog-stage.is-phone .phone-screen-body .template-art{padding:54px 16px 28px}.template-dialog .dialog-stage.is-phone .template-art-content h3{font-size:28px}.template-dialog .dialog-stage.is-phone .template-art-nav>span,.template-dialog .dialog-stage.is-phone .template-art-index{display:none}.template-dialog .dialog-stage.is-phone .template-motif{width:42%;bottom:8%;right:4%}.warm-site .template-vitrine{border-bottom:1px solid var(--line);align-items:center;gap:28px;margin:8px 0 48px;padding:28px 8px 36px;display:grid}.warm-site .template-vitrine-copy h2{white-space:pre-line}.warm-site .template-vitrine-stops{gap:8px;max-width:420px;margin-top:18px;display:grid}.warm-site .template-vitrine-stops button{border:1px solid var(--line);width:100%;color:inherit;text-align:left;cursor:pointer;background:#fffdf9;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:10px 12px;display:grid}.warm-site .template-vitrine-stops button:hover{border-color:#bd4a2566}.warm-site .template-vitrine-stops em{font-family:var(--font-display);color:#b4441f;font-size:13px;font-style:normal}.warm-site .template-vitrine-stops strong,.warm-site .template-vitrine-stops small{display:block}.warm-site .template-vitrine-stops small{color:var(--muted);letter-spacing:0;text-transform:none;font-size:12px;font-weight:450}.warm-site .template-vitrine-stage{background:radial-gradient(55% 35% at 70% 100%,#e2643e47,#0000 72%),radial-gradient(45% 40% at 10% 0,#f3b23e4d,#0000 70%),linear-gradient(#2b211c0d 1px,#0000 1px) 0 0/30px 30px,#f3e9dc;border:1.5px solid #2b211c;border-radius:28px;padding:22px 0 16px;position:relative;overflow:hidden;box-shadow:8px 8px #2b211c}.warm-site .template-vitrine-desk{pointer-events:none;border-radius:14px;width:76%;position:absolute;top:28px;left:6%;overflow:hidden;box-shadow:0 28px 50px #2b211c14}.warm-site .template-vitrine-desk .site-preview{aspect-ratio:16/10;width:100%;box-shadow:none;border-radius:0;margin:0}.warm-site .template-poem{color:var(--muted);margin-top:2px;font-size:13px;font-style:normal;font-weight:450;line-height:1.35;display:block}.warm-site .template-vitrine-copy>small{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:650}.warm-site .template-vitrine-copy h2{font-family:var(--font-display);letter-spacing:-.045em;margin:10px 0 8px;font-size:clamp(36px,4vw,56px);line-height:.95}.warm-site .template-vitrine-copy p{max-width:36ch;color:var(--muted)}.warm-site .template-vitrine-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.warm-site .template-card.is-active .template-art{outline-offset:4px;outline:2px solid #bd4a2566}@media (min-width:820px){.warm-site .template-vitrine{grid-template-columns:.9fr 1.1fr;padding-inline:12px 8px}.warm-site .template-vitrine .phone-frame{width:min(268px,64%);margin:96px 5% 16px auto}}@media (max-width:760px){.warm-site .template-vitrine{gap:6px;margin-bottom:28px;padding:4px 0 0}.warm-site .template-vitrine-copy h2{font-size:42px}.warm-site .template-vitrine-copy p{max-width:none;font-size:15px}.warm-site .template-vitrine-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.warm-site .template-vitrine-actions .button{justify-content:center;min-height:46px;padding-inline:10px}.warm-site .template-vitrine-desk{display:none}.warm-site .template-vitrine .phone-frame{width:min(300px,78vw);margin:8px auto}.warm-site .template-filters{scrollbar-width:none;flex-wrap:nowrap;gap:8px;margin-bottom:22px;overflow-x:auto}.warm-site .template-filters::-webkit-scrollbar{display:none}.warm-site .template-filters button{flex:none}.warm-site .template-dialog{border:0;border-radius:0;width:100%;max-width:100%;height:100%;max-height:none;margin:0}.warm-site .template-dialog .dialog-stage.is-phone{padding:8px 8px 0}.warm-site .template-dialog .dialog-stage.is-phone .phone-frame{width:min(340px,84vw);margin:0 auto 8px}}.ce-device-mobile{background:linear-gradient(160deg,#4a4a52,#16161a 45%,#2c2c32);border-radius:42px;max-width:340px;margin-top:18px;padding:46px 0 22px;position:relative;overflow:visible;box-shadow:inset 0 0 0 1px #ffffff28,0 24px 50px #0003}.ce-device-mobile:before{content:"";z-index:4;background:#050506;border-radius:20px;width:84px;height:22px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.ce-device-mobile:after{content:"";z-index:4;opacity:.7;background:#f2f0eb;border-radius:4px;width:104px;height:4px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.ce-device-mobile .creator-render,.ce-device-mobile .cr-root{border-radius:28px;margin:0 10px;overflow:hidden}.showcase.is-phone .showcase-stage{place-items:center;min-height:560px;display:grid}.showcase.is-phone .phone-screen-body .showcase-site{display:block;overflow:hidden}.showcase.is-phone .showcase-nav{padding-top:42px}