/* 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:#111; }
.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:#111; 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-creation.is-input-focused .unified-spark { visibility:hidden; }
.unified-welcome h2 { margin:0 0 15.3px; font-size:22.1px; font-weight:650; letter-spacing:-.425px; }
.unified-welcome p { color:#666; 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:#666; font-size:12.75px; margin:0 0 1.7px; }
.unified-suggestions button { max-width:100%; border:0.85px solid #ddd; border-radius:25.5px; padding:8.5px 13.6px; color:#111; font-size:13.6px; background:white; text-align:left; }
.unified-composer { flex:none; border:1px solid #f2f2f2; border-radius:19px; padding:9px 11px; background:#fff; box-shadow:0 5px 20px #00000012; margin:0 0 var(--mobile-composer-bottom-space,0px); }
.unified-composer:focus-within { border-color:#ededed; box-shadow:0 5px 20px #00000016; }
.unified-composer-row { display:flex; align-items:center; gap:10px; min-height:32px; }
.unified-composer #unifiedInput { display:block; border:0; border-radius:0; outline:0; flex:1 1 0; min-width:0; width:0; height:30px; padding:0; background:transparent; color:#222; font:16px/30px inherit; font-family:inherit; font-size:16px; line-height:30px; }
.unified-composer #unifiedInput::placeholder { color:#a1a1a1; }
.unified-composer-actions { display:flex; flex:0 0 auto; align-items:center; gap:12px; margin:0; }
.unified-composer-row>button,.unified-composer-actions button { display:grid;place-items:center;flex:0 0 28px;width:28px;height:32px;padding:2px;border:0;background:transparent;color:#111; }
.unified-composer-row svg { width:25px;height:25px;stroke-width:1.9; }
.unified-composer-actions .unified-send { border-radius:50%; width:30px;height:30px;flex-basis:30px;background:transparent;color:#111; }
.unified-composer-actions .unified-send svg { width:21px;height:21px; }
.unified-composer [hidden] { display:none!important; }
.unified-composer.has-draft [data-unified-upload] { display:none; }
/* Recording replaces the entire composer row; stopping restores the draft. */
.unified-creation[data-voice-state="recording"] .unified-status { display:none; }
.unified-creation[data-voice-state="recording"] .unified-composer { margin-bottom:max(10px,var(--mobile-safe-bottom,env(safe-area-inset-bottom,0px))); }
.unified-voice-wave,.unified-voice-stop { display:none; }
.unified-creation[data-voice-state="recording"] .unified-composer-row { gap:12px; min-height:40px; }
.unified-creation[data-voice-state="recording"] .unified-composer-row>[data-unified-camera],
.unified-creation[data-voice-state="recording"] .unified-composer #unifiedInput,
.unified-creation[data-voice-state="recording"] .unified-composer-row>label,
.unified-creation[data-voice-state="recording"] .unified-composer-actions>:not([data-unified-voice]),
.unified-creation[data-voice-state="recording"] #unifiedAttachments { display:none!important; }
.unified-creation[data-voice-state="recording"] .unified-voice-wave { display:flex; flex:1 1 0; min-width:0; align-items:center; justify-content:space-between; gap:2px; height:32px; padding:0 5px; }
.unified-voice-wave i { display:block; flex:0 1 3px; width:3px; min-width:1px; height:3px; border-radius:3px; background:#777; transition:height 100ms ease-out; }
.unified-creation[data-voice-state="recording"] .unified-composer [data-unified-voice] { display:grid; place-items:center; width:40px; height:40px; flex:0 0 40px; padding:0; border:0; border-radius:50%; background:#f0f0ee; color:#444; }
.unified-creation[data-voice-state="recording"] [data-unified-voice]>svg,
.unified-creation[data-voice-state="permission"] [data-unified-voice]>svg,
.unified-creation[data-voice-state="transcribing"] [data-unified-voice]>svg { display:none; }
.unified-creation[data-voice-state="recording"] .unified-voice-stop { display:block; width:14px; height:14px; border-radius:2px; background:#444; }
.unified-creation[data-voice-state="permission"] .unified-composer [data-unified-voice],
.unified-creation[data-voice-state="transcribing"] .unified-composer [data-unified-voice] { width:auto; flex-basis:auto; padding:0 6px; font-family:inherit; font-size:12px; }
.unified-composer [data-unified-voice-label] { white-space:nowrap; }
@media(prefers-reduced-motion:reduce) { .unified-voice-wave i { transition:none; } }
.unified-send:disabled { opacity:.45; cursor:wait; }
.unified-status { text-align:center; flex:none; font-size:10.2px; color:#666; min-height:17px; margin:8.5px 0 max(10.2px,var(--mobile-safe-bottom,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 { width:fit-content; max-width:88%; margin-left:auto; margin-right:0; padding:10px 4px; border-radius:0; background:#fff; text-align:left; }
.unified-turn.assistant { margin-right:6.8px; }
.unified-turn.error { color:#111; }
.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:#666; 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:#666; 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:#111; 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:#fff; color:#111; 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 #333; 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:#fff; color:#111; }
.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 #eee; }
.unified-panel-header h2 { margin:0; text-align:center; font-size:17px; }
.unified-panel-header button { border:0; background:transparent; color:#111; 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:#fff; }
.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 #e5e5e5; border-radius:10px; background:#fff; padding:10px 12px; font:inherit; font-size:16px; line-height:1.4; color:#111; outline-color:#333; }
.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:#fff; }
.unified-history-item svg { flex:none; width:18px; height:18px; color:#666; }
.unified-history-item span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
.unified-history-empty { margin:20px 4px; color:#666; 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; }

#mobileUnifiedImageResolution{height:30px;min-width:0;max-width:145px;margin-left:auto;padding:3px 5px;border:1px solid #e5e5e5;border-radius:8px;background:#fff;color:#111;font-family:inherit;font-size:12px;font-weight:500;line-height:1.3}
#mobileUnifiedImageResolution:disabled{opacity:.55}

/* Keep the selected resolution visible without squeezing the message input. */
.unified-output-settings{display:flex;justify-content:flex-end;align-items:center;margin:4px 8px 8px;gap:8px;font-size:12px;color:#52677e}
.unified-output-settings label{display:flex;align-items:center;gap:8px}
#mobileUnifiedImageResolution{display:inline-block!important}

/* Keep the tutorial immediately before the account control without shifting the title. */
.unified-header-trailing{gap:4px!important;}
.unified-header #mobileTutorialEntry{display:inline-flex;align-items:center;justify-content:center;gap:3px;width:auto;min-width:0;height:34px;padding:3px 0;border:0;background:transparent;font:500 11px/1.2 inherit;font-size:11px;white-space:nowrap;}
.unified-header #mobileTutorialEntry .module-examples-entry-icon{display:none;}
@media(max-width:359px){.unified-header{gap:4px;}.unified-header h1{font-size:16px;}.unified-header #mobileTutorialEntry{font-size:10px;}.unified-header-trailing{gap:2px!important;}}

/* Keep the phone shell; align only the conversation's creative output. */
.unified-turn.assistant{min-width:0;white-space:normal;}
.unified-turn.assistant>span{white-space:pre-wrap;}
.mobile-creation-byline{display:flex;flex-wrap:wrap;align-items:center;gap:2px 12px;min-height:28px;margin-bottom:8px;line-height:24px;white-space:normal;}
.mobile-creation-byline>b{display:inline-flex;align-items:center;gap:6px;color:#111;font-size:13px;font-weight:600;}
.mobile-creation-byline>b>span{font-size:23px;color:#111;background:none;-webkit-text-fill-color:currentColor;}
.mobile-creation-byline>time{color:#666;font-size:11px;font-weight:400;font-variant-numeric:tabular-nums;}
.unified-turn .mobile-creator-output-head{display:none;}
.unified-turn .mobile-creator-results{gap:16px;}
.unified-turn .mobile-creator-results>article,.unified-restored-result{min-width:0;overflow:hidden;border:0;border-radius:0;background:transparent;}
.unified-turn .mobile-creator-results img,.unified-restored-result>img{display:block;width:auto;max-width:100%;height:auto;max-height:420px;aspect-ratio:auto;object-fit:contain;margin:0;border-radius:12px;background:#fff;}
.unified-restored-result{margin:0 0 16px;}
.unified-restored-result video{display:block;width:100%;max-height:420px;}
.unified-turn .mobile-result-actions :is(button,a){min-height:40px;}
.unified-status:empty{min-height:0;height:0;margin:8px 0 max(10px,var(--mobile-safe-bottom,env(safe-area-inset-bottom,0px)));}
@media(max-width:350px){.mobile-creation-byline{gap:0 8px;}.mobile-creation-byline>time{font-size:10px;}.unified-turn .mobile-result-actions{gap:2px 5px;}}

/* The keyboard already covers the home indicator safe area. Keep live notices, not the idle footer. */
.unified-status.is-idle,.unified-status:empty{display:var(--mobile-idle-status-display,block);}

.history-batch-controls{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.history-batch-controls button{padding:7px 12px;border:1px solid #dbe1ea;border-radius:8px;background:#fff;color:#26354a;font:inherit;cursor:pointer}
.history-batch-controls button:disabled{opacity:.45;cursor:default}
.history-selection-mark{display:inline-flex;flex:0 0 20px;width:20px;height:20px;align-items:center;justify-content:center;border:1px solid #a8b4c5;border-radius:5px;color:#fff;font-size:14px}
[aria-pressed="true"]>.history-selection-mark{background:#1677ff;border-color:#1677ff}
.task-row.history-selectable:disabled,.unified-history-item:disabled{opacity:.45;cursor:default}

.unified-custom-size{flex:none;margin:0 16px 6px;padding:8px 12px;border:1px solid #dce5ef;border-radius:12px;color:#35465b;background:#f5f8fc;font-size:12px}.unified-custom-size summary{cursor:pointer}.unified-custom-size summary span{float:right;color:#2468d9}.unified-size-fields{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) 70px;gap:8px;align-items:end;margin:10px 0}.unified-size-fields label{display:grid;gap:5px;min-width:0}.unified-size-fields input,.unified-size-fields select{width:100%;min-width:0;box-sizing:border-box;padding:8px;border:1px solid #cbd9e2;border-radius:7px;background:#fff;font:inherit;color:#263d56}.unified-size-fields b{padding-bottom:8px}.unified-custom-size small{display:block;line-height:1.6}.customer-canvas-note{font-size:12px;line-height:1.6;color:#52677e;overflow-wrap:anywhere}.customer-canvas-note a{color:#2468d9}

.unified-custom-size .unified-size-fields{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;margin-bottom:0}
.unified-custom-size .unified-size-fields b{padding:0}

/* Phone output controls are text menus; custom fields open inside the ratio menu. */
.unified-output-settings{justify-content:flex-start;margin:2px 16px 8px;color:#555}
.unified-ratio-menu{position:relative;min-width:0;max-width:100%;font-size:13px}
.unified-ratio-menu summary{display:flex;align-items:center;gap:7px;min-height:30px;list-style:none;cursor:pointer;color:#333;font-weight:400}
.unified-ratio-menu summary::-webkit-details-marker{display:none}
.unified-ratio-menu>summary [data-unified-ratio-label]{overflow-wrap:anywhere}
.unified-ratio-options{position:absolute;bottom:calc(100% + 8px);left:0;width:min(300px,calc(100vw - 64px));max-height:min(380px,55dvh);overflow:auto;box-sizing:border-box;padding:10px 14px;background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 5px 24px #00000012;z-index:10}
[data-unified-ratio-options]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}
.unified-ratio-options button{min-height:40px;width:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#111;font:inherit;cursor:pointer}
.unified-ratio-options button[aria-pressed="true"]{text-decoration:underline;text-underline-offset:4px}
[data-unified-ratio]{display:flex;align-items:center;justify-content:flex-start;gap:5px;white-space:nowrap}
.unified-ratio-symbol{display:flex;flex:0 0 22px;width:22px;height:22px;align-items:center;justify-content:center}
.unified-ratio-outline{display:block;flex:none;box-sizing:border-box;border:1px solid currentColor;border-radius:1px}
.unified-ratio-outline.is-auto{border-style:dashed}
.unified-ratio-options button:focus-visible,.unified-ratio-menu summary:focus-visible{outline:1px solid #888;outline-offset:2px}
.unified-ratio-menu .unified-custom-size{margin:0;padding:0;border:0;border-radius:0;background:#fff;color:#111;font-size:13px}
.unified-ratio-menu .unified-custom-size summary{color:#111}
.unified-ratio-menu .unified-size-fields{grid-template-columns:40px minmax(0,1fr) auto minmax(0,1fr) auto auto;gap:5px;margin:4px 0;align-items:center}
.unified-ratio-menu .unified-size-fields input{height:30px;padding:3px 5px;border:1px solid #ddd;border-radius:5px;background:#fff;color:#111;font-size:13px;outline:none;box-shadow:none}
.unified-ratio-menu .unified-size-fields button{min-height:40px;font-size:12px}
.unified-ratio-menu .unified-size-fields input::placeholder{color:#999;opacity:1}