.phone-editor-nav,.phone-editor-extra,.phone-tool-label{display:none}
html[data-phone-editor="true"] body.builder-open{overflow:hidden;padding-top:0!important;overscroll-behavior:none}
html[data-phone-editor="true"] body.builder-open .app-header{position:fixed;top:var(--phone-header-top,0px);left:0;right:0;height:48px;min-height:48px;padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));gap:10px}
html[data-phone-editor="true"] body.builder-open .app-header :is(nav.main,.product-switch,.hdr-leads,.user-email,.logo>span,.hp-label){display:none!important}
html[data-phone-editor="true"] body.builder-open .logo-mark{width:32px;height:32px;font-size:18px}
html[data-phone-editor="true"] body.builder-open :is(.header-right,.header-auth){gap:6px;min-width:0}
html[data-phone-editor="true"] body.builder-open :is(.lang-pill,.user-pill){min-height:40px;max-height:40px;font-size:12px;padding:5px 9px!important}
html[data-phone-editor="true"] body.builder-open .user-avatar{width:28px;height:28px;font-size:12px}
html[data-phone-editor="true"] body.builder-open #hostingPill{padding:5px 8px;min-width:32px;min-height:40px}
html[data-phone-editor="true"] body.builder-open #emailVerifyBanner{top:var(--phone-visible-top,0px)!important;max-height:72px;overflow:auto}
html[data-phone-editor="true"] body.builder-open :is(#hostingBanner,#lowCreditsBanner){font-size:12px;line-height:1.35;padding:6px 12px;gap:8px;min-height:40px;max-height:68px;overflow:auto}
html[data-phone-editor="true"] body.builder-open .views{position:fixed;top:var(--phone-content-top,48px);left:0;right:0;height:var(--phone-content-height,calc(100dvh - 48px));min-height:0;padding:0;display:flex;flex-direction:column;overflow:hidden}
html[data-phone-editor="true"] body.builder-open .phone-editor-nav{display:flex;flex:none;gap:4px;align-items:center;padding:4px max(10px,env(safe-area-inset-right)) 4px max(10px,env(safe-area-inset-left));height:52px;border-bottom:1px solid var(--border);background:var(--bg-elevated)}
.phone-editor-nav button,.phone-editor-back{min-height:44px;min-width:44px;border:0;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:transparent;font-family:inherit;font-weight:600;font-size:14px;line-height:1.25;cursor:pointer;padding:8px 7px;text-decoration:none;touch-action:manipulation}
.phone-editor-nav button{flex:1;font-family:inherit;font-size:13px;font-weight:600}
.phone-editor-nav button[data-phone-panel="tools"]{flex:1.5}
.phone-editor-nav button[aria-pressed="true"]{color:var(--text);background:var(--bg-hover);box-shadow:inset 0 -2px #9983f0}
.phone-editor-nav :is(a,button):focus-visible{outline:2px solid #a698ff;outline-offset:-3px}
.phone-editor-nav button[hidden]{display:none}
.phone-editor-back{flex:none;padding:8px;width:44px}
.phone-editor-back svg{width:20px;height:20px}
html[dir="rtl"] .phone-editor-back svg{transform:scaleX(-1)}
html[data-phone-editor="true"] body.builder-open :is(#view-ready,#view-generating){height:auto!important;min-height:0!important;flex:1;overflow:hidden;width:100%;padding:0;animation:none}
html[data-phone-editor="true"] body.builder-open :is(#view-ready,#view-generating).active{display:flex;flex-direction:column}
html[data-phone-editor="true"] body.builder-open :is(#view-ready,#view-generating) .split{height:100%;min-height:0;flex:1;min-width:0;flex-direction:column;gap:0}
html[data-phone-editor="true"] body.builder-open :is(#view-ready,#view-generating) :is(.pane-left,.pane-right){width:100%;max-width:none;min-width:0;min-height:0!important;max-height:none!important;height:100%;flex:1;border:0;overflow:hidden}
html[data-phone-editor="true"][data-phone-panel="chat"] body.builder-open :is(#view-ready,#view-generating) .pane-right{display:none!important}
html[data-phone-editor="true"][data-phone-panel="chat"] body.builder-open :is(#view-ready,#view-generating) .pane-left{display:flex!important}
html[data-phone-editor="true"]:not([data-phone-panel="chat"]) body.builder-open :is(#view-ready,#view-generating) .pane-left{display:none!important}
html[data-phone-editor="true"]:not([data-phone-panel="chat"]) body.builder-open :is(#view-ready,#view-generating) .pane-right{display:flex!important}
html[data-phone-editor="true"] body.builder-open .chat-header{padding:8px 14px;min-height:40px;flex:none;gap:10px}
html[data-phone-editor="true"] body.builder-open .chat-title{font-size:14px;line-height:1.4;min-width:0}
html[data-phone-editor="true"] body.builder-open .chat-log{min-height:0;flex:1 1 0;overflow-y:auto;padding:16px max(14px,env(safe-area-inset-right)) 16px max(14px,env(safe-area-inset-left));mask:none;-webkit-mask:none;overscroll-behavior:contain;scroll-padding-block:16px}
html[data-phone-editor="true"] body.builder-open .chat-msg .body{font-size:15px;line-height:1.6;min-width:0;overflow-wrap:anywhere}
html[data-phone-editor="true"] body.builder-open .chat-foot{position:static;flex:none;padding:8px max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:var(--bg-elevated)}
html[data-phone-editor="true"] body.builder-open .attach-hint{display:none}
html[data-phone-editor="true"] body.builder-open .mini-input-wrap{display:flex;flex-wrap:nowrap;gap:4px;align-items:flex-end;padding:4px 6px;border-radius:14px;min-height:54px}
html[data-phone-editor="true"] body.builder-open .mini-input-wrap textarea{width:0!important;min-width:0;flex:1;order:0;min-height:44px;height:44px;max-height:min(128px,calc(var(--phone-visible-height,100dvh) / 3));font-size:16px;line-height:24px;padding:10px 6px;margin:0;resize:none;overflow-y:auto}
html[data-phone-editor="true"] body.builder-open :is(#readyAttachBtn,#readySendBtn,#genSendBtn){width:44px!important;min-width:44px;height:44px!important;min-height:44px;order:0;flex:none;padding:10px!important;border-radius:10px!important;align-items:center;justify-content:center}
html[data-phone-editor="true"] body.builder-open :is(#readySendBtn,#genSendBtn) svg{width:19px;height:19px}
html[data-phone-editor="true"] body.builder-open .stop-btn{min-height:40px;min-width:64px}
html[data-phone-editor="true"] body.builder-open #fbBar{flex:none;margin:0;padding:2px 12px;border:0;min-height:36px;justify-content:flex-end}
html[data-phone-editor="true"] body.builder-open #fbBar .fb-bar-label{display:none}
html[data-phone-editor="true"] body.builder-open .fb-btn{height:32px;min-height:32px;min-width:40px;padding:4px 8px}
html[data-phone-editor="true"][data-phone-panel="preview"] body.builder-open .pane-right>:is(.preview-toolbar,#launchGuide,#previewBadgeRow,.phone-editor-extra){display:none!important}
html[data-phone-editor="true"] body.builder-open :is(#view-ready,#view-generating) .preview-frame-wrap{min-height:0!important;flex:1;padding:0;overflow:hidden;border-radius:0}
html[data-phone-editor="true"] body.builder-open .preview-frame{height:100%;width:100%;min-height:0;border-radius:0!important;box-shadow:none;transition:none}
html[data-phone-editor="true"][data-phone-panel="tools"] body.builder-open #view-ready .pane-right{overflow-y:auto;padding-bottom:max(16px,env(safe-area-inset-bottom));overscroll-behavior:contain}
html[data-phone-editor="true"][data-phone-panel="tools"] body.builder-open #view-ready .preview-frame-wrap{display:none}
html[data-phone-editor="true"][data-phone-panel="tools"] body.builder-open #view-ready .preview-toolbar{position:static;display:flex;flex-direction:column;align-items:stretch;flex:none;gap:16px;padding:16px;overflow:visible;border-right:0;max-width:100%}
html[data-phone-editor="true"][data-phone-panel="tools"] body.builder-open #view-ready .preview-toolbar::after{display:none}
html[data-phone-editor="true"][data-phone-panel="tools"] body.builder-open #view-ready .preview-toolbar>.left:first-child{display:flex;flex:none;justify-content:center}
html[data-phone-editor="true"][data-phone-panel="tools"] body.builder-open #view-ready .preview-toolbar>.left:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;width:100%;overflow:visible;mask:none;-webkit-mask:none}
html[data-phone-editor="true"][data-phone-panel="tools"] body.builder-open #view-ready .preview-toolbar button{min-height:48px;min-width:0;width:100%;padding:10px!important;font-size:14px!important;white-space:normal;line-height:1.35;justify-content:flex-start;gap:10px;order:0}
html[data-phone-editor="true"][data-phone-panel="tools"] body.builder-open #view-ready .device-tabs{width:100%;gap:8px}
html[data-phone-editor="true"][data-phone-panel="tools"] body.builder-open #view-ready .device-tabs button{flex:1;justify-content:center}
html[data-phone-editor="true"][data-phone-panel="tools"] body.builder-open #view-ready .preview-toolbar button>span[data-i18n],html[data-phone-editor="true"][data-phone-panel="tools"] .phone-tool-label{display:inline!important}
html[data-phone-editor="true"][data-phone-panel="tools"] body.builder-open .zip-short-label{display:none!important}
html[data-phone-editor="true"][data-phone-panel="tools"] body.builder-open .phone-editor-extra{display:block;padding:16px}
.phone-editor-extra button{min-height:44px;padding:10px 16px;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-elevated);color:var(--text);font:inherit;cursor:pointer;width:100%}
html[data-phone-editor="true"] body.builder-open :is(#launchGuide,#previewBadgeRow){flex:none;margin:0;font-size:13px}
html[data-phone-editor="true"] body.builder-open #aiSupportBtn{display:none!important}
html[data-phone-editor="true"][data-phone-keyboard="true"] body.builder-open :is(.app-header,.chat-header,#fbBar,#emailVerifyBanner,#hostingBanner,#lowCreditsBanner){display:none!important}
html[data-phone-editor="true"] body.builder-open .gen-center{padding:16px;overflow:auto}
html[data-phone-editor="true"] body.builder-open .gen-sigil{display:none}
@media(prefers-reduced-motion:reduce){.phone-editor-nav *{transition:none}}

html[data-phone-editor="true"] body.builder-open #hostingBanner{top:var(--phone-hosting-top)!important}
html[data-phone-editor="true"] body.builder-open #lowCreditsBanner{top:var(--phone-credits-top)!important}
html[data-phone-editor="true"]:not([data-phone-panel="preview"]) body.builder-open .studio-root{display:none!important}