/* AIHomeView.swift and AIRequestPhraseSelection.swift. */
.native-ai-host{padding:0!important;overflow:hidden!important;background:#f7f8fa!important}
.native-ai{height:100%;min-height:0;display:flex;flex-direction:column;background:#f7f8fa;color:#1e293b}
.native-ai-input{width:100%;max-width:720px;margin:auto;padding:16px;display:flex;flex-direction:column;gap:16px;min-height:0;max-height:100%;overflow:auto}
.native-ai-input h2{font-size:20px;font-weight:700;line-height:1.25}
.native-ai-input .native-ai-examples{white-space:pre-line;font-size:17px;line-height:1.3;color:#0009}
.native-ai-levels{display:flex;gap:5px;flex-shrink:0}
.native-ai-levels button{flex:1;min-width:0;border:1px solid #8080804d;border-radius:9px;min-height:44px;font-size:17px;font-weight:600;padding:10px 0}
.native-ai-levels [aria-pressed=true]{background:#007aff1f;color:inherit}
.native-ai .prompt-editor{height:62px;min-height:62px;max-height:62px;padding:6px;font-family:inherit;font-size:17px;line-height:20px;border:1px solid #8080804d;border-radius:4px;background:transparent;resize:none;width:100%}
.native-ai-count{font-size:12px;line-height:15px;color:#0009;margin-top:-12px}
.native-ai-disclosure{font-size:13px;line-height:17px;color:#0009;margin-top:-4px}
.native-ai-trial{font-size:17px;font-weight:600;background:#007aff0a;padding:14px;border-radius:12px}
.native-ai .primary{border-radius:999px;min-height:56px;font-size:17px;font-weight:600;background:#4f46e5;padding:12px;color:white;width:100%}
.native-ai .primary:disabled{background:#80808033;color:#475569;opacity:1}
.native-ai-selection{flex:1;min-height:0;display:flex;flex-direction:column;gap:4px;max-width:712px;width:100%;margin:auto;padding:4px 12px}
.native-ai-selection h2{font-size:15px;font-weight:600;line-height:19px}
.native-ai-selection .native-ai-selected{font-size:11px;font-weight:500;color:#475569;line-height:14px}
.native-ai .ai-phrase-list{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;justify-content:safe center;gap:2px}
.native-ai .ai-phrase{border:0;border-radius:10px;min-height:44px;display:flex;align-items:center;gap:8px;padding:3px 8px;background:transparent;text-align:left}
.native-ai .ai-phrase[aria-checked=true]{background:#4f46e50a}
.native-ai .ai-phrase>span:first-child{flex:1;display:flex;flex-direction:column;gap:1px}
.native-ai .ai-phrase strong{font-size:15px;font-weight:600;line-height:19px;color:#1e293b}
.native-ai .ai-phrase .subtle{font-size:13px;line-height:17px;color:#475569}
.native-ai .ai-phrase>.native-icon{color:#4f46e5}
.native-ai-dock{padding:4px 16px;background:white;border-top:1px solid #0002;display:flex;flex-direction:column;gap:4px;flex-shrink:0}
.native-ai-dock>.primary{font-size:14px;min-height:44px;background:#2563eb}
.native-ai-dock-row{display:flex;gap:8px}
.native-ai .native-ai-outline{flex:1;min-height:44px;padding:8px 12px;border:1px solid #2563eb;color:#2563eb;border-radius:999px;background:transparent;font-size:14px;font-weight:600}
.native-ai .native-ai-outline.destructive{border-color:#dc2626;color:#dc2626}
.native-ai-status{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;justify-content:safe center;align-items:center;gap:18px;padding:16px;max-width:720px;width:100%;margin:auto;text-align:center}
.native-ai-status h2{font-size:25px;line-height:1.2;font-weight:700}
.native-ai-status p{font-size:19px;line-height:1.5;color:#475569}
.native-ai-ready-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#10b9811f;border-radius:50%;color:#10b981}
.native-ai-unavailable{max-width:720px;width:100%;margin:auto;padding:16px;overflow:auto}
.native-ai-unavailable .card{padding:20px;gap:12px;border-radius:16px;box-shadow:0 2px 4px #0000001f;border:0;text-align:left}
.native-ai-unavailable h2{font-size:20px;color:#172033}
.native-ai-unavailable p{font-size:15px;line-height:1.5;color:#475569}
.native-ai-unavailable .primary{background:#111827;min-height:44px;font-size:14px}
.native-ai-sharing{display:flex;gap:12px;align-items:center;min-height:44px;text-align:left;font-size:14px;background:none;border:0}
.native-ai-sharing .native-icon{color:#4f46e5}
@media(min-width:650px){.native-ai .prompt-editor{height:44px;min-height:44px;max-height:44px;font-size:18px}}
/* AIHomeView.status/jobActions + AIReadySharingPresentation. */
.native-ai-status{gap:22px}.native-ai-status .native-ai-state-copy{font-size:17px;font-weight:600;line-height:1.3}.native-ai-status .native-ai-trial-sharing{font-size:13px;line-height:1.4}.native-ai-status .error{font-size:14px;color:#b91c1c}
.native-ai-job-dock{flex:none;background:white;padding:16px;display:flex;flex-direction:column;gap:10px}
.native-ai .native-ai-job-dock .primary{min-height:56px;font-size:17px}.native-ai-job-dock .native-ai-sharing{border:0;background:none;color:#1e293b;border-radius:0;display:flex;gap:12px;align-items:center;justify-content:flex-start;width:100%;min-height:44px;text-align:left;font-size:14px;padding:0;font-weight:400}
.native-ai .native-ai-refresh-sharing{min-height:44px;font-size:14px;color:#4f46e5;background:none;border:0;border-radius:0;padding:0}
.native-ai-spinner{width:36px;height:36px;border:3px solid #4f46e530;border-top-color:#4f46e5;border-radius:50%;animation:native-ai-spin 1s linear infinite}@keyframes native-ai-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.native-ai-spinner{animation:none}}
.native-ai-selection h2{font-size:var(--phrase-en,15px);line-height:1.267;flex:none}.native-ai-selection .native-ai-selected{flex:none}.native-ai .ai-phrase strong{font-size:var(--phrase-en,15px);line-height:1.267}.native-ai .ai-phrase .subtle{font-size:var(--phrase-local,13px);line-height:1.3}.native-ai .ai-phrase[hidden]{display:none!important}.native-ai-phrase-notice{font-size:13px;color:#f97316;line-height:1.4;flex:none}.native-ai-pager{height:44px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;color:#4f46e5}.native-ai-pager>button{height:44px;width:44px;display:flex;align-items:center;justify-content:center;padding:0}.native-ai-pager>span{font-size:12px;color:#64748b}.native-ai-next-page>.native-icon{transform:rotate(180deg)}
.native-ai-measure{max-height:none!important;overflow:visible!important}.native-ai-measure .ai-phrase-list{overflow:visible!important;display:flex!important;flex-direction:column;justify-content:flex-start}
.native-ai-count,.native-ai-disclosure{margin-top:0}.native-ai-input>.primary{margin:10px 0;position:sticky;bottom:0}
@media(max-height:500px){.native-ai-job-dock{flex-direction:row;flex-wrap:wrap;gap:8px}.native-ai-job-dock>.native-ai-sharing,.native-ai-job-dock>.error,.native-ai-job-dock>.native-ai-refresh-sharing{flex-basis:100%}.native-ai-job-dock>.primary{flex:1;min-height:44px!important;font-size:14px!important}}
.native-ai-context,.native-ai-editor{display:flex;flex-direction:column;gap:16px;min-width:0;flex-shrink:0}.native-ai-editor>.primary{margin:10px 0;position:static;flex-shrink:0}.native-ai-editor>*{flex-shrink:0}.native-ai-job-dock .native-ai-sharing:disabled{background:transparent;opacity:.4;color:inherit}
@media(min-width:650px){.native-ai-input{max-width:752px;padding:16px}}
@media(max-height:500px){.native-ai .native-ai-job-dock .native-ai-sharing{font-size:14px!important}}
dialog.native-ai-exit{width:min(560px,calc(100vw - 48px));max-height:calc(var(--viewport,100dvh) - 48px);padding:24px;border:0;border-radius:28px;background:white;color:#0f172a}.native-ai-exit::backdrop{background:#00000052}.native-ai-exit h2{font-size:24px;font-weight:700;line-height:1.2;margin:0 0 16px}.native-ai-exit .modal-content{font-size:15px;line-height:1.4;color:#334155;max-height:210px;overflow:auto;margin:0 0 24px}.native-ai-exit .modal-content>div{display:flex;flex-direction:column;gap:12px}.native-ai-exit .modal-actions{display:flex;justify-content:flex-end;gap:8px;margin:0}.native-ai-exit .modal-actions>button{font-size:14px;font-weight:500;min-height:44px;padding:0 16px;border-radius:999px;background:none;color:#2563eb}.native-ai-exit .modal-actions>.danger{background:#dc2626;color:white}
/* AIHomeView.requestInput: center the entire form when it fits. On a
   short viewport/keyboard only the copy and editor scroll; Submit remains in
   a separate nonshrinking action row above the app's bottom navigation. */
.native-ai-host{overflow:hidden!important}
.native-ai-input{height:auto;max-height:100%;flex:0 1 auto;overflow:hidden}
.native-ai-request-scroll{display:flex;flex-direction:column;gap:16px;min-height:0;overflow:auto;flex:0 1 auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.native-ai-request-actions{flex:0 0 auto;padding-top:16px}
.native-ai-request-actions>.primary{position:static;margin:0;min-height:56px}
.native-ai-request-scroll>.native-ai-context,.native-ai-request-scroll>.native-ai-editor{flex-shrink:0}
.native-ai>.error,.native-ai>.text-button{flex-shrink:0}