/* Full-viewport ONDA.ai: independent scroll regions, no document scrolling. */
html:has(body.onda-create-page){height:100%;overflow:hidden}
body.onda-create-page{--ai-surface:rgba(15,17,20,.88);--ai-field:rgba(255,255,255,.055);--ai-line:rgba(255,255,255,.13);height:100dvh;min-height:0!important;overflow:hidden;padding:78px 12px 12px!important;font-family:'Golos Text',sans-serif}
html[data-theme=light] body.onda-create-page{--ai-surface:rgba(255,250,242,.91);--ai-field:rgba(25,30,40,.045);--ai-line:rgba(25,30,40,.17)}
.onda-create-page [hidden],.onda-create-page #workspace[hidden]{display:none!important}
.ai-dialog-status:empty{display:none}
.ai-dialog-status{position:sticky;bottom:0;padding:12px;border-radius:12px;background:var(--ai-surface);border:1px solid var(--ai-line);font-size:13px}
.onda-create-page .sr-only{position:absolute!important;width:1px;height:1px;padding:0!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.onda-create-page .create-background #onda-glyphs{opacity:.35}
html body.onda-create-page .site-head.onda-floating-header{position:fixed!important;inset:12px 12px auto!important;transform:none!important;translate:none!important;animation:none!important;opacity:1!important;width:auto!important;max-width:none!important;height:52px!important;display:flex!important;gap:7px!important;align-items:center!important;justify-content:flex-start!important;z-index:1000}
html body.onda-create-page .site-head.onda-floating-header>.brand-lockup{width:145px!important;min-width:145px!important;height:48px!important;padding:10px 14px!important;gap:3px!important;border-radius:12px!important}
.onda-create-page .brand-mark{width:92px!important;height:28px!important;background-size:contain!important}
.ai-brand-suffix{font-size:18px;font-weight:600;color:var(--accent);align-self:center;margin-top:7px}
html body.onda-create-page .site-head.onda-floating-header>.onda-floating-menu-toggle{margin-left:auto!important;width:70px!important;min-width:70px!important;padding:0 10px!important}
html body.onda-create-page .site-head.onda-floating-header>.atmo-control{width:48px!important;min-width:48px!important;padding:0!important}
html body.onda-create-page .site-head.onda-floating-header>.atmo-control>span:last-child{display:none}
html body.onda-create-page .site-head.onda-floating-header>.atmo-control,html body.onda-create-page .site-head.onda-floating-header>.onda-floating-menu-toggle{height:48px!important;min-height:48px!important;border-radius:12px!important;position:static!important;transform:none!important;animation:none!important;font-size:11px!important;flex-shrink:0}
.onda-create-page .onda-menu-label{display:none!important}
.onda-create-page .site-head .onda-floating-menu-panel{left:auto!important;right:0!important;top:60px!important;width:min(340px,calc(100vw - 24px))!important;transform:none!important}
html body.onda-create-page .site-head.onda-floating-header>.ai-navigation{display:flex!important;position:static!important;flex:1;min-width:0;align-items:center;justify-content:center;gap:3px;padding:0;margin:0;overflow-x:auto;scrollbar-width:none;background:none;visibility:visible;opacity:1;pointer-events:auto;transform:none}
html body.onda-create-page .ai-navigation button{display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;min-height:44px;padding:8px 11px;border:0;border-radius:10px;background:transparent;font-size:12px;font-weight:500;color:var(--muted)}
html body.onda-create-page .ai-navigation button[aria-current=page]{background:linear-gradient(115deg,#ff6b3529,#9db4ff1c);color:var(--ink)}
.ai-navigation svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;flex:none}
.ai-navigation #draft-count{font-size:10px;color:var(--muted)}
.onda-create-page #workspace{height:100%;min-height:0!important;max-width:none!important;display:flex!important;flex-direction:column;gap:10px;margin:0!important;position:relative;z-index:1}
.ai-workspace-bar{height:22px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 5px;font-size:11px;color:var(--muted)}
.ai-local-state{font-size:10px}
.ai-mobile-switch{display:none}
.onda-create-page .desk{flex:1;min-height:0;min-width:0;padding:0!important;display:flex;flex-direction:column;position:relative}
.onda-create-page #editor{flex:1;min-height:0;display:grid;grid-template-columns:344px minmax(0,1fr);gap:12px;align-items:stretch}
.onda-create-page .glass{background:var(--ai-surface);border:1px solid var(--ai-line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:none}
.onda-create-page #creation{min-height:0;min-width:0;padding:0!important;border-radius:18px;display:flex;flex-direction:column;overflow:hidden}
.ai-mode-tabs{display:flex;flex:none;gap:2px;padding:8px 9px 0;border-bottom:1px solid var(--ai-line)}
.ai-mode-tabs button{flex:1;min-width:0;min-height:43px;padding:8px 2px;border:0;border-radius:0;font-size:11px;background:none;color:var(--muted);border-bottom:2px solid transparent}
.ai-mode-tabs button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--accent)}
.ai-controls-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 14px 18px;scrollbar-gutter:stable}
.ai-mode-banner{display:flex;align-items:center;gap:13px;min-height:84px;padding:16px;margin-bottom:14px;border-radius:12px;background:linear-gradient(115deg,#ff71332b,#99b8ff21);color:var(--ink)}
.ai-mode-banner>svg{width:28px;height:28px;color:var(--accent)}
.ai-mode-banner strong{display:block;font-size:16px;font-weight:600}
.ai-mode-banner span{display:block;margin-top:5px;font-size:11px;color:var(--muted)}
.onda-create-page svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ai-controls-scroll button svg,.ai-dialog button svg{width:20px;height:20px;flex:none}
.onda-create-page .ai-controls-scroll label{margin-top:13px;font-size:11px}
.onda-create-page .ai-controls-scroll select,.onda-create-page .ai-controls-scroll input:not([type=checkbox]):not([type=range]),.onda-create-page .ai-controls-scroll textarea{background:var(--ai-field);border:1px solid var(--ai-line);color:var(--ink);font-size:13px;min-height:40px;padding:10px;border-radius:9px;width:100%}
.onda-create-page .ai-controls-scroll textarea#prompt{height:165px;min-height:100px;max-height:250px;resize:vertical;overflow-y:auto;overscroll-behavior:contain;line-height:1.6;margin-top:7px}
.onda-create-page .ai-controls-scroll #voice-notes{height:82px;min-height:82px}
.onda-create-page .ai-controls-scroll .counter{margin:7px 0 12px;font-size:10px}
.onda-create-page .ai-controls-scroll .counter button{padding:4px 0;min-height:28px;font-size:10px}
.onda-create-page .ai-controls-scroll .field-note{font-size:11px;line-height:1.5;margin:8px 0 12px}
.onda-create-page .ai-controls-scroll .privacy{font-size:10px;display:block;margin-top:16px;color:var(--muted)}
.ai-model-picker{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;text-align:left;background:var(--ai-field);border:1px solid var(--ai-line);border-radius:10px;color:var(--ink)}
.ai-model-picker small{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}
.ai-model-picker strong{font-weight:500;font-size:13px}
.ai-picker-arrow{display:flex}
.ai-reference-button{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:104px;background:var(--ai-field);border:1px dashed var(--ai-line);border-radius:12px;margin:12px 0;color:var(--ink);padding:14px}
.ai-reference-button strong{font-size:12px;font-weight:500}
.ai-reference-button span{font-size:10px;color:var(--muted)}
.ai-reference-button svg{color:var(--accent)}
.ai-controls-footer{flex:none;padding:10px 14px 12px;border-top:1px solid var(--ai-line);background:var(--ai-surface)}
.onda-create-page .ai-controls-footer .editor-actions{margin:0;display:flex;gap:8px;flex-wrap:nowrap}
.onda-create-page .ai-controls-footer #save-draft{flex:1;min-height:44px;padding:11px;font-size:12px;background:linear-gradient(110deg,#ff783d,#ff9a6b);color:#17100d;border:0;font-weight:600;border-radius:10px}
.onda-create-page .ai-controls-footer #save-draft svg{width:16px;height:16px}
.onda-create-page .ai-controls-footer #export-draft{flex:0;font-size:10px;padding:10px;min-height:44px;border:1px solid var(--ai-line);border-radius:10px;color:var(--muted)}
.onda-create-page .ai-controls-footer #generate{margin:9px 0 0;padding:0;min-height:0;border:0;background:none;color:var(--muted);font-size:10px;opacity:1}
.onda-create-page .stage{min-height:0!important;min-width:0;padding:0!important;position:relative!important;top:auto!important;border-radius:18px;display:flex;flex-direction:column;overflow:hidden}
.ai-history-toolbar{padding:10px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;border-bottom:1px solid var(--ai-line)}
.ai-history-tabs,.ai-history-actions{display:flex;align-items:center;gap:5px;min-width:0}
.ai-history-toolbar button{display:flex;gap:7px;align-items:center;border:0;background:none;min-height:36px;padding:8px 10px;color:var(--muted);font-size:12px;border-radius:8px;white-space:nowrap}
.ai-history-toolbar button[aria-pressed=true]{background:var(--ai-field);color:var(--ink)}
.ai-history-toolbar svg{width:16px;height:16px}
.ai-history-actions input{width:150px;min-width:0;border:1px solid var(--ai-line);background:var(--ai-field);border-radius:8px;padding:8px 10px;font-size:11px;color:var(--ink)}
.ai-history-scroll,.ai-howto{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px;scrollbar-gutter:stable}
.onda-create-page .ai-empty-state{aspect-ratio:auto!important;min-height:260px;display:grid;place-items:center;padding:25px 10px;margin:0 auto;max-width:500px;width:100%!important;background:none;border:0;text-align:center}
.onda-create-page .ai-empty-state h2{font-size:30px;line-height:1.25;letter-spacing:-.035em;margin:0;color:var(--ink)}
.onda-create-page .ai-empty-state h2 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}
.onda-create-page .ai-empty-state p{font-size:12px;line-height:1.7;color:var(--muted);max-width:345px;margin:18px auto 0}
.onda-create-page .recent-work{border:0;margin:0;padding:0}
.recent-heading{margin-bottom:12px}
.recent-heading h3{font-size:12px;color:var(--muted)}
.onda-create-page #recent-drafts{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.onda-create-page .recent-draft{padding:18px;min-width:0;min-height:155px;border:1px solid var(--ai-line);border-radius:12px;background:var(--ai-field);display:flex;flex-direction:column;justify-content:space-between;text-align:left;color:var(--ink)}
.onda-create-page .recent-draft strong{-webkit-line-clamp:4;font-size:13px;line-height:1.6}
.onda-create-page .recent-draft span{font-size:10px;line-height:1.5;padding-top:14px}
.onda-create-page .ai-list-view #recent-drafts,body[data-workspace-mode=voice] #recent-drafts{grid-template-columns:1fr}
.onda-create-page .ai-list-view .recent-draft,body[data-workspace-mode=voice] .recent-draft{min-height:90px;flex-direction:row;gap:20px;align-items:center}
body[data-workspace-mode=voice] .recent-draft::before{content:'';width:34px;height:34px;border-radius:10px;background:linear-gradient(130deg,#ff873f,#aabaff);flex:none}
.ai-howto h2{font-size:26px;margin:10px 0 12px;letter-spacing:-.03em}
.ai-howto>p{font-size:13px;line-height:1.7;color:var(--muted)}
.ai-help-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0}
.ai-help-symbol{height:110px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--ai-line)}
.ai-help-symbol svg{width:40px;height:40px;color:var(--accent)}
.ai-help-steps h3{font-size:15px;margin:20px 0 10px}
.ai-help-steps p{font-size:12px;line-height:1.7;color:var(--muted)}
.ai-help-note{border-top:1px solid var(--ai-line);padding-top:20px;max-width:65ch}
.ai-edit-tools{display:grid;gap:0;margin-bottom:15px}
.ai-edit-tools button{display:flex;align-items:center;gap:11px;text-align:left;padding:14px 4px;background:none;border:0;border-bottom:1px solid var(--ai-line);border-radius:0;color:var(--ink)}
.ai-edit-tools button>span{flex:1}
.ai-edit-tools strong{font-size:12px;font-weight:500;display:block}
.ai-edit-tools small{font-size:10px;color:var(--muted);display:block;margin-top:5px}
.ai-edit-tools button[aria-pressed=true]{color:var(--accent)}
.ai-motion-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px}
.ai-motion-inputs button{min-width:0;min-height:150px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;background:var(--ai-field);border:1px dashed var(--ai-line);border-radius:12px;color:var(--ink);padding:12px 7px}
.ai-motion-inputs strong{font-size:11px;font-weight:500}
.ai-motion-inputs small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.ai-voice-card{display:flex;align-items:center;gap:12px;min-height:116px;width:100%;padding:18px 14px;border:1px solid var(--ai-line);border-radius:12px;background:linear-gradient(125deg,#ff713d35,#9fbaff45);text-align:left;color:var(--ink);margin:12px 0}
.ai-voice-card>span{flex:1}
.ai-voice-card strong{font-size:14px;display:block}
.ai-voice-card small{font-size:10px;display:block;margin-top:8px;line-height:1.5}
.ai-advanced{margin-top:18px;padding-top:12px;border-top:1px solid var(--ai-line)}
.ai-advanced summary{cursor:pointer;font-size:12px;min-height:32px}
.ai-special-settings{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ai-special-settings p{grid-column:1/-1}
.onda-create-page #library,.onda-create-page #account{height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;padding:24px;border-radius:18px}
.onda-create-page #account h2{font-size:30px}
.onda-create-page #account>button{margin:15px 10px 0 0}
.onda-create-page #status{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:max-content;max-width:min(600px,calc(100% - 24px));background:var(--ai-surface);border:1px solid var(--ai-line);padding:12px 18px;border-radius:12px;font-size:12px;z-index:20;margin:0;pointer-events:none;box-shadow:0 8px 24px #0003}
.onda-create-page #status:empty{display:none}
.onda-create-page #entry{position:relative;z-index:1;min-height:0;height:100%;overflow:auto;display:grid;place-items:center;padding:20px!important}
.onda-create-page .login{padding:30px;width:min(460px,100%)}
.onda-create-page .login h1{font-size:32px}
.onda-create-page .ai-dialog{color:var(--ink);background:var(--ai-surface);border:1px solid var(--ai-line);border-radius:18px;padding:22px;width:min(700px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:0 24px 80px #0006}
.ai-dialog::backdrop{background:#030405a3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.ai-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.ai-dialog-heading h2{font:600 22px/1.3 'Golos Text',sans-serif;margin:0;letter-spacing:-.025em}
.ai-dialog-heading button{width:36px;height:36px;display:grid;place-items:center;border:0;background:var(--ai-field);border-radius:50%;padding:8px;color:var(--ink);flex:none}
.ai-dialog p{font-size:12px;color:var(--muted);line-height:1.7}
.ai-dialog input,.ai-dialog select{padding:12px;background:var(--ai-field);border:1px solid var(--ai-line);border-radius:10px;color:var(--ink);font:13px 'Golos Text',sans-serif}
.ai-dialog input[type=search]{width:100%}
.ai-dialog button{font-family:'Golos Text',sans-serif}
.ai-model-dialog{max-width:500px}
.ai-model-list{display:grid;gap:5px}
.ai-model-option{display:flex;gap:13px;padding:14px 10px;background:none;border:1px solid transparent;border-radius:10px;text-align:left;color:var(--ink);align-items:center}
.ai-model-option[aria-pressed=true]{background:var(--ai-field);border-color:var(--accent)}
.ai-model-option strong{display:block;font-weight:500;font-size:14px}
.ai-model-option small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:5px}
.ai-model-monogram{height:38px;width:38px;border-radius:10px;background:linear-gradient(120deg,#ff8a3d25,#9fbaff25);display:grid;place-items:center;flex:none;color:var(--accent);font-size:18px}
.ai-filter-tabs{display:flex;gap:5px;overflow-x:auto;margin:15px 0}
.ai-filter-tabs button{background:none;border:1px solid var(--ai-line);border-radius:8px;padding:10px;font-size:11px;color:var(--muted);white-space:nowrap}
.ai-filter-tabs button[aria-pressed=true]{color:var(--ink);background:var(--ai-field)}
.ai-dialog #reference-field{border:0;margin:0;padding:0}
.ai-dialog label[for=reference]{display:flex;align-items:center;justify-content:center;gap:10px;border:1px dashed var(--ai-line);border-radius:12px;padding:25px;cursor:pointer;background:var(--ai-field);font-size:13px}
.ai-dialog label[for=reference] svg{width:24px;height:24px}
.ai-dialog #reference{width:100%;margin:10px 0;font-size:12px}
.ai-dialog #references{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ai-dialog .reference-item{flex-direction:column;align-items:stretch;border:1px solid var(--ai-line);border-radius:12px;padding:10px;margin:0;background:var(--ai-field)}
.ai-dialog .reference-item img{width:100%;height:110px;object-fit:cover}
.ai-dialog .reference-item span{font-size:11px;line-height:1.5}
.ai-dialog .reference-item button{color:var(--ink);border:1px solid var(--ai-line);border-radius:6px}
.ai-dialog-footer{display:flex;justify-content:flex-end;margin-top:20px}
.ai-dialog-footer button{padding:12px 28px}
.ai-voice-filters{display:flex;gap:10px;margin:20px 0 14px}
.ai-voice-filters input{flex:1;min-width:0}
.ai-voice-filters select{width:150px}
.ai-voice-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ai-voice-option{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:16px;border-radius:12px;border:1px solid var(--ai-line);background:var(--ai-field);color:var(--ink)}
.ai-voice-option[aria-pressed=true]{border-color:var(--accent)}
.ai-voice-orb{height:38px;width:38px;border-radius:50%;background:linear-gradient(130deg,#ff9c58,#acb8ff);display:grid;place-items:center;color:#251911;margin-bottom:18px}
.ai-voice-orb.clear,.ai-voice-orb.neutral{background:linear-gradient(130deg,#b8c8ff,#efa798)}
.ai-voice-option strong{font-size:13px;font-weight:500}
.ai-voice-option small{font-size:11px;color:var(--muted);line-height:1.6;margin-top:8px}
.ai-voice-note{font-size:10px;margin-top:16px;color:var(--muted)}
#custom-voice{display:flex;align-items:center;gap:8px;padding:12px 16px;color:var(--ink);background:var(--ai-field);border:1px solid var(--ai-line);border-radius:10px}
body[data-workspace-mode=image] #editor{display:block;position:relative}
body[data-workspace-mode=image] .stage{height:100%}
body[data-workspace-mode=image] .ai-history-scroll{padding-bottom:240px}
body[data-workspace-mode=image] #creation{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);width:calc(100% - 56px);max-width:980px;max-height:240px;z-index:10;display:grid;grid-template-columns:minmax(0,1fr) 180px;border-color:var(--ai-line);background:var(--ai-surface);box-shadow:0 12px 35px #0003}
body[data-workspace-mode=image] .ai-controls-scroll{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;padding:12px;overflow:auto}
body[data-workspace-mode=image] .ai-prompt-group{width:100%;order:-2}
body[data-workspace-mode=image] #prompt-label,body[data-workspace-mode=image] .counter,body[data-workspace-mode=image] .ai-mode-banner,body[data-workspace-mode=image] #model-caption,body[data-workspace-mode=image] #capability-note,body[data-workspace-mode=image] .privacy{display:none!important}
body[data-workspace-mode=image] .ai-controls-scroll textarea#prompt{height:70px;min-height:60px;max-height:100px;margin:0;border:0;background:none;resize:none;padding:5px}
body[data-workspace-mode=image] .ai-model-picker{width:180px;min-height:40px;padding:6px 10px;order:0}
body[data-workspace-mode=image] .ai-model-picker small{display:none}
body[data-workspace-mode=image] .ai-reference-button{width:40px;min-height:40px;height:40px;padding:8px;margin:0;order:-1}
body[data-workspace-mode=image] .ai-reference-button strong,body[data-workspace-mode=image] .ai-reference-button span{display:none}
body[data-workspace-mode=image] .settings-grid{display:flex;flex-wrap:wrap;gap:7px;flex:1;min-width:200px}
body[data-workspace-mode=image] .settings-grid label{font-size:9px;margin:0;flex:1;min-width:65px}
body[data-workspace-mode=image] .settings-grid select{min-height:31px;padding:4px;font-size:11px;margin-top:3px}
body[data-workspace-mode=image] .ai-controls-footer{border-top:0;border-left:1px solid var(--ai-line);display:flex;flex-direction:column;justify-content:center;padding:14px}
body[data-workspace-mode=image] .editor-actions{flex-direction:column!important}
body[data-workspace-mode=image] .ai-controls-footer #save-draft{min-height:55px}
body[data-workspace-mode=image] .ai-controls-footer #export-draft{min-height:32px;padding:7px}
.onda-create-page button:hover:not(:disabled){filter:brightness(1.12)}
.onda-create-page button:focus-visible,.onda-create-page summary:focus-visible,.onda-create-page input:focus-visible,.onda-create-page textarea:focus-visible,.onda-create-page select:focus-visible{outline:2px solid #97b6ff;outline-offset:3px}
.onda-create-page ::selection{background:#ff7d3e66}
.onda-create-page input::placeholder{color:var(--muted);opacity:1}
.onda-create-page textarea{caret-color:var(--accent)}
@media(min-width:1600px){.onda-create-page #editor{grid-template-columns:390px minmax(0,1fr)}.ai-navigation button{font-size:14px!important}.ai-controls-scroll{padding:16px 18px}.ai-mode-tabs button{font-size:12px}.ai-history-scroll,.ai-howto{padding:28px}.ai-empty-state{min-height:350px!important}}
@media(max-width:1190px){html body.onda-create-page .site-head.onda-floating-header>.brand-lockup{width:125px!important;min-width:125px!important;padding:10px!important}.onda-create-page .brand-mark{width:80px!important}html body.onda-create-page .ai-navigation button{font-size:11px;padding:8px 7px;gap:4px}.ai-navigation svg{display:none}.onda-create-page #editor{grid-template-columns:310px minmax(0,1fr)}.ai-history-actions input{width:120px}.ai-history-tabs button{font-size:11px;padding:8px}.ai-help-steps{gap:16px}}
@media(max-width:900px){body.onda-create-page{padding-top:120px!important}html body.onda-create-page .site-head.onda-floating-header{height:96px!important;flex-wrap:wrap!important;align-content:flex-start!important}html body.onda-create-page .site-head.onda-floating-header>.ai-navigation{order:10;flex-basis:100%;height:38px;justify-content:flex-start;gap:6px}html body.onda-create-page .ai-navigation button{min-height:36px;padding:7px 12px;font-size:12px}.onda-create-page .site-head .onda-floating-menu-panel{top:54px!important}.ai-history-actions input{width:90px}.ai-history-tabs button svg{display:none}.ai-help-steps{grid-template-columns:1fr}.ai-help-symbol{height:70px;justify-content:flex-start}.ai-help-steps h3{margin-top:12px}}
@media(max-width:650px){body.onda-create-page{padding:117px 8px 8px!important}.ai-workspace-bar{height:30px;padding:0}.ai-workspace-bar>span:first-child{display:none}.ai-local-state{font-size:9px}.ai-mobile-switch{display:flex;gap:4px}.ai-mobile-switch button{font-size:11px;padding:7px 12px;border:1px solid var(--ai-line);background:var(--ai-field);color:var(--muted);border-radius:7px}.ai-mobile-switch button[aria-pressed=true]{color:var(--ink);border-color:var(--accent)}.onda-create-page #editor{display:flex;min-height:0}.onda-create-page #creation,.onda-create-page .stage{width:100%;height:100%}body[data-mobile-pane=settings] .stage{display:none!important}body[data-mobile-pane=results] #creation{display:none!important}.ai-history-toolbar{padding:9px;flex-wrap:wrap;gap:7px}.ai-history-actions{flex:1;justify-content:flex-end}.ai-history-actions input{width:130px}.ai-controls-scroll{padding:12px 14px}.onda-create-page .ai-controls-scroll textarea#prompt{font-size:16px}.onda-create-page .ai-controls-scroll select,.onda-create-page .ai-controls-scroll input{font-size:16px!important}.ai-mode-tabs button{font-size:12px}.ai-mode-banner{min-height:70px}.ai-history-scroll,.ai-howto{padding:16px}.ai-dialog-heading h2{font-size:19px}.onda-create-page .ai-dialog{padding:16px;max-height:calc(100dvh - 24px);width:calc(100vw - 24px)}.ai-voice-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-voice-filters{flex-direction:column}.ai-voice-filters select{width:100%}.ai-dialog #references{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-dialog input,.ai-dialog select{font-size:16px}.onda-create-page #account,.onda-create-page #library{padding:18px}.onda-create-page #status{font-size:11px;bottom:4px}body[data-workspace-mode=image] #creation{position:relative;left:auto;bottom:auto;transform:none;width:100%;max-height:none;display:flex;box-shadow:none}body[data-workspace-mode=image] .ai-controls-scroll{display:block}body[data-workspace-mode=image] .ai-controls-scroll textarea#prompt{height:160px;max-height:220px;min-height:100px;border:1px solid var(--ai-line);background:var(--ai-field);padding:12px}body[data-workspace-mode=image] .ai-model-picker{width:100%;margin:14px 0}body[data-workspace-mode=image] .ai-reference-button{width:100%;height:auto;min-height:75px;margin:12px 0}body[data-workspace-mode=image] .ai-reference-button strong{display:block}body[data-workspace-mode=image] .ai-controls-footer{border-left:0;border-top:1px solid var(--ai-line);display:block}body[data-workspace-mode=image] .editor-actions{flex-direction:row!important}body[data-workspace-mode=image] .settings-grid{display:grid;grid-template-columns:1fr 1fr}body[data-workspace-mode=image] .settings-grid label{font-size:12px;margin-top:10px}body[data-workspace-mode=image] .ai-history-scroll{padding-bottom:20px}.onda-create-page .ai-empty-state h2{font-size:27px}}
@media(max-width:380px){html body.onda-create-page .site-head.onda-floating-header>.brand-lockup{width:110px!important;min-width:110px!important;padding:8px!important}.onda-create-page .brand-mark{width:70px!important}.ai-brand-suffix{font-size:15px}html body.onda-create-page .site-head.onda-floating-header>.onda-floating-menu-toggle,html body.onda-create-page .site-head.onda-floating-header>.atmo-control{width:44px!important;min-width:44px!important}.ai-local-state{max-width:130px;line-height:1.4}.ai-history-tabs button{font-size:10px}.ai-voice-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.onda-create-page *{scroll-behavior:auto!important}.onda-create-page .create-background{display:none}}