.phone-preview-wrapper[data-v-3fc4a265]{width:100%;max-width:400px;min-width:300px;margin:0 auto;display:flex;justify-content:center;position:sticky;top:var(--space-4);transform-origin:center center}.phone-preview-wrapper[non-interactive][data-v-3fc4a265]{pointer-events:none}.phone-preview-wrapper[non-interactive] iframe[data-v-3fc4a265]{overflow:hidden}.phone-frame[data-v-3fc4a265]{width:100%;aspect-ratio:9/19.5;background:var(--blue-low);border-radius:var(--radius-l);border:8px solid var(--blue-lowest);position:relative;display:flex;flex-direction:column;overflow:hidden;transform:scale(var(--phone-scale, 1));transform-origin:top center}.phone-frame .notch[data-v-3fc4a265]{position:absolute;top:0;left:50%;transform:translate(-50%);width:40%;height:var(--space-6);background:var(--blue-lowest);border-bottom-left-radius:var(--radius-m);border-bottom-right-radius:var(--radius-m);z-index:20}.phone-frame .status-bar[data-v-3fc4a265]{height:var(--space-8);background:var(--blue-low);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);font-size:11px;font-weight:600;color:var(--color);z-index:10}.phone-frame .status-bar .indicators[data-v-3fc4a265]{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:var(--space-2);font-size:1.3em}.phone-frame .browser-bar[data-v-3fc4a265]{height:var(--space-11);background:var(--blue-low);display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);z-index:10}.phone-frame .browser-bar .bar-actions[data-v-3fc4a265]{display:flex;align-items:center;gap:var(--space-1)}.phone-frame .browser-bar .icon-btn[data-v-3fc4a265]{background:transparent;border:none;color:var(--blue-lowest);font-size:14px;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-s);transition:all .2s;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-m)}.phone-frame .browser-bar .icon-btn[data-v-3fc4a265]:hover{color:var(--blue-medium)}.phone-frame .browser-bar .address-bar[data-v-3fc4a265]{flex:1;height:var(--space-7);box-shadow:0 0 0 1px var(--blue-lowest);border-radius:var(--radius-m);display:flex;align-items:center;padding:0 var(--space-2);gap:var(--space-1);overflow:hidden}.phone-frame .browser-bar .address-bar i[data-v-3fc4a265]{font-size:10px;color:var(--gray-high)}.phone-frame .browser-bar .address-bar .url-text[data-v-3fc4a265]{font-size:11px;color:var(--gray-high);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone-frame .browser-bar .address-bar .url-text.is-placeholder[data-v-3fc4a265]{opacity:.5;font-style:italic}.phone-frame .content-container[data-v-3fc4a265]{flex:1;position:relative;background:var(--bg-elevated)}.phone-frame .content-container .preview-iframe[data-v-3fc4a265]{width:100%;height:100%;border:none;display:block}