/* Compact mobile UI: dimensions at 85%; keep viewport, safe areas and input zoom behavior native. */
body.mobile-unified-creation { background:#fff; }
body.mobile-unified-creation #mobileWorkspace { background:#fff; }
body.mobile-unified-creation #mobileWorkspace > .home-header,
body.mobile-unified-creation #mobileWorkspace > .home-scroll,
body.mobile-unified-creation #mobileWorkspace > .mobile-tabbar { display:none; }
.unified-creation { display:flex; flex-direction:column; height:100%; min-height:0; padding:0 13.6px; background:#fff; color:#14264e; }
.unified-creation button { cursor:pointer; -webkit-tap-highlight-color:transparent; }
.unified-header { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; flex:none; min-height:59.5px; padding-top:env(safe-area-inset-top,0px); gap:10.2px; }
.unified-header h1 { font-size:17.85px; line-height:1.4; margin:0; font-weight:650; }
.unified-header nav { display:flex; gap:10.2px; }
.unified-header-trailing { justify-content:flex-end; }
.unified-header button,.unified-composer-actions button { display:grid; place-items:center; width:27.2px; height:34px; padding:3.4px; border:0; color:#233c68; background:transparent; }
.unified-creation svg { width:20.4px; height:20.4px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.unified-transcript { min-height:0; flex:1 1 0; overflow:auto; overscroll-behavior:contain; scrollbar-width:none; padding:5.1px 0 10.2px; }
.unified-welcome { text-align:center; padding:12.75px 0 10.2px; }
.unified-spark { display:grid; place-items:center; margin:0 auto 19.55px; border-radius:50%; width:58.48px; height:58.48px; background:transparent; }
.unified-spark img { display:block; width:100%; height:100%; object-fit:contain; }
.unified-welcome h2 { margin:0 0 15.3px; font-size:22.1px; font-weight:650; letter-spacing:-.425px; }
.unified-welcome p { color:#7a8eae; font-size:15.3px; line-height:1.7; margin:0 0 10.2px; }
.unified-suggestions[hidden] { display:none !important; }
.unified-suggestions { flex:none; margin-bottom:10.2px; display:flex; align-items:flex-start; flex-direction:column; gap:8.5px; padding:6.8px 0 0; }
.unified-suggestions p { color:#8b9bb3; font-size:12.75px; margin:0 0 1.7px; }
.unified-suggestions button { max-width:100%; border:0.85px solid #e1e4e9; border-radius:25.5px; padding:8.5px 13.6px; color:#576d91; font-size:13.6px; background:white; text-align:left; }
.unified-composer { flex:none; border:0.85px solid #dbe6f5; border-radius:18.7px; padding:11.05px 11.9px 10.2px; background:#fff; box-shadow:0 0 0 0.85px #f5f8fd; margin:0; }
.unified-composer:focus-within { border-color:#91baff; box-shadow:0 0 0 1.7px #eaf2ff; }
.unified-composer textarea { display:block; resize:none; border:0; border-radius:0; outline:0; width:100%; height:45.9px; max-height:110.5px; padding:3.4px 0; background:transparent; color:#233c68; font:15.3px/1.6 inherit; font-family:inherit; font-size:16px; line-height:1.6; }
.unified-composer textarea::placeholder { color:#9aa9c0; }
.unified-composer-actions { display:flex; align-items:center; justify-content:space-between; gap:10.2px; margin-top:6.8px; }
.unified-composer-actions > div { display:flex; gap:12.75px; }
.unified-composer-actions .unified-send { border-radius:50%; width:37.4px; height:37.4px; background:#087cff; color:white; }
.unified-send:disabled { opacity:.45; cursor:wait; }
.unified-status { text-align:center; flex:none; font-size:10.2px; color:#96a5bd; min-height:17px; margin:8.5px 0 max(10.2px,env(safe-area-inset-bottom,0px)); }
.unified-turn { margin:8.5px 0 15.3px; font-size:13.6px; line-height:1.7; overflow-wrap:anywhere; white-space:pre-wrap; }
.unified-turn.user { margin-left:25.5px; padding:10.2px 12.75px; border-radius:15.3px 15.3px 3.4px 15.3px; background:#f0f6ff; }
.unified-turn.assistant { margin-right:6.8px; }
.unified-turn.error { color:#a24438; }
.unified-turn img { display:block; max-width:100%; max-height:195.5px; object-fit:contain; border-radius:10.2px; margin:5.95px 0; }
.unified-turn > b { display:block; color:#7891b5; font-size:10.2px; font-weight:500; margin-bottom:4.25px; }
.unified-turn .mobile-creator-output { margin:8.5px 0; white-space:normal; }
.unified-turn .mobile-creator-results { display:grid; grid-template-columns:1fr; }
.unified-turn .mobile-creator-results img { max-height:357px; width:auto; margin:auto; }
.unified-attachments { display:flex; gap:7.65px; overflow:auto; padding-bottom:7.65px; }
.unified-attachment { position:relative; flex:none; width:59.5px; }
.unified-attachment img { width:44.2px; height:44.2px; border-radius:7.65px; object-fit:cover; }
.unified-attachment button { position:absolute; top:0; right:0; border:0; border-radius:50%; width:18.7px; height:18.7px; background:#1b335b; color:#fff; }
.unified-attachment small { display:block; text-align:center; color:#7891b5; font-size:9.35px; }
.unified-menu { border:0; border-radius:0 18.7px 18.7px 0; margin:0; padding:20.4px 17px; width:min(88vw,297.5px); height:100%; max-height:100%; color:#20365d; background:#fff; }
.unified-menu::backdrop { background:#14264166; }
.unified-menu header { display:flex; align-items:center; justify-content:space-between; margin-bottom:12.75px; }
.unified-menu h2 { font-size:17px; margin:0; }
.unified-menu button { border:0; border-radius:8.5px; background:#f3f7fc; color:#334c74; padding:10.2px; text-align:left; }
.unified-menu header button { font-size:21.25px; padding:1.7px 8.5px; background:none; }
.unified-menu nav { display:grid; gap:6.8px; }
.unified-sr-only { position:absolute; width:0.85px; height:0.85px; overflow:hidden; clip-path:inset(50%); }
.unified-creation button:focus-visible { outline:1.7px solid #087cff; outline-offset:2.55px; }
.unified-creation.is-thinking .unified-composer { opacity:.8; }
@media(max-height:700px) { .unified-welcome { padding-top:3.4px; } .unified-spark { width:55.25px; height:55.25px; margin-bottom:12.75px; } .unified-welcome h2 { font-size:19.55px; margin-bottom:10.2px; } .unified-welcome p { font-size:13.6px; margin-bottom:6.8px; } .unified-suggestions { gap:5.95px; } .unified-suggestions button { padding:6.8px 11.05px; font-size:12.75px; } .unified-header { min-height:49.3px; } }
@media(max-width:350px) { .unified-creation { padding:0 10.2px; } .unified-header h1 { font-size:16.15px; } .unified-header nav { gap:4.25px; } .unified-welcome p { font-size:13.6px; } .unified-composer textarea { font-size:16px; } }

.unified-panel[hidden] { display:none !important; }
.unified-panel { position:fixed; inset:0; z-index:90; width:100%; height:var(--mobile-viewport-height,100dvh); display:flex; flex-direction:column; background:#f6f9fe; color:#14264e; }
.unified-panel-header { flex:none; display:grid; grid-template-columns:37.4px 1fr 37.4px; align-items:center; padding:max(8.5px,env(safe-area-inset-top)) 11.9px 8.5px; background:#fff; border-bottom:0.85px solid #e8eef6; }
.unified-panel-header h2 { margin:0; text-align:center; font-size:17px; }
.unified-panel-header button { border:0; background:transparent; color:#233c68; height:34px; font-size:28.9px; cursor:pointer; }
.unified-panel-content { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; }
.unified-panel .mobile-subpage-body { height:auto; min-height:100%; overflow:visible; padding-bottom:max(17px,env(safe-area-inset-bottom)); }

/* Conversation history is the left drawer; the composer remains the only task entry. */
.unified-menu[open] { display:flex; flex-direction:column; gap:12px; width:min(84vw,340px); padding:20px 14px max(16px,env(safe-area-inset-bottom)); overflow:hidden; }
.unified-menu header { flex:none; margin:0; }
.unified-menu header > div { display:flex; align-items:center; gap:8px; }
.unified-menu header svg { width:20px; height:20px; }
.unified-menu .unified-new-conversation { display:flex; gap:10px; align-items:center; flex:none; background:#f1f6fc; }
.unified-new-conversation svg { width:18px; height:18px; }
.unified-history-search { flex:none; }
.unified-history-search input { box-sizing:border-box; width:100%; border:1px solid #e8edf4; border-radius:10px; background:#f7f9fc; padding:10px 12px; font:inherit; font-size:16px; line-height:1.4; color:#20365d; outline-color:#91baff; }
.unified-history-list { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; }
.unified-menu .unified-history-item { display:flex; align-items:center; gap:10px; width:100%; min-height:46px; background:transparent; border-radius:9px; padding:10px 6px; }
.unified-history-item[aria-current="true"] { background:#edf5ff; }
.unified-history-item svg { flex:none; width:18px; height:18px; color:#7c91ad; }
.unified-history-item span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
.unified-history-empty { margin:20px 4px; color:#8394ad; font-size:13px; line-height:1.7; }
.unified-menu footer { flex:none; display:flex; gap:8px; border-top:1px solid #edf0f5; padding-top:12px; }
.unified-menu footer button { flex:1; padding:10px 6px; text-align:center; font-size:12px; background:transparent; }
.unified-history-retry { flex:none; text-align:center !important; font-size:13px; }
.unified-history-retry[hidden] { display:none !important; }