/* AI is an optional, explicit action inside the editing workspace. */
.modal.ai-modal{display:flex;flex-direction:column;max-height:calc(100dvh - 40px);overflow:hidden;width:min(1020px,calc(100vw - 40px));max-width:1020px}
.ai-modal .modal-header,.ai-modal .modal-footer{flex-shrink:0}.ai-modal .modal-body{overflow:auto;min-height:0;overscroll-behavior:contain}.ai-modal .modal-subtitle{line-height:1.6}.ai-modal .modal-footer{gap:9px;flex-wrap:wrap}
.modal.ai-settings-modal{max-width:820px}.ai-settings{max-width:740px;margin:auto}.ai-provider-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.ai-provider-switch button{padding:16px 18px;border:1px solid var(--border);border-radius:8px;text-align:left;font-size:13px;font-weight:580;background:#ffffff02}.ai-provider-switch button span{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:5px}.ai-provider-switch button.active{border-color:#d6ed7b90;background:#d6ed7b09;color:var(--accent)}
.ai-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:10px;color:#b1bac2;margin:0 0 13px}.ai-field>span{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.ai-field>span>small{font-weight:400;font-size:9px;color:var(--faint);text-align:right}.ai-field input,.ai-field select{height:34px;width:100%;padding:6px 9px;font-size:11px;border-radius:5px}.ai-field input[type=password],.ai-field input[type=url]{font-family:var(--font);color:var(--text);background:var(--panel-deep);border:1px solid var(--border)}.ai-field textarea{font-size:12px;line-height:1.65;min-height:95px;resize:vertical}.ai-field>small{font-size:10px;line-height:1.6;color:var(--faint)}.ai-json{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:11px!important;min-height:75px!important}
.ai-key-section{position:relative;padding-bottom:17px}.ai-key-section .ai-field{margin-bottom:8px}.ai-key-section .ai-help{padding-right:90px;margin-top:9px}.ai-text-button{font-size:10px;padding:3px 0;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.ai-key-section>.ai-text-button{float:right}.ai-help{font-size:10px;line-height:1.7;color:var(--faint);margin:7px 0 15px}.ai-billing-note{font-size:10px;line-height:1.7;color:#a1aaa5;padding:13px 15px;border:1px solid #d6ed7b1c;background:#d6ed7b04;border-radius:6px;margin:20px 0 0}
.ai-openai-card{display:flex;align-items:center;gap:22px;padding:25px;border:1px solid #d6ed7b20;border-radius:9px;background:radial-gradient(ellipse at 0% 0%,#d6ed7b0e,transparent 70%),#1c2022;margin:0 0 22px}.ai-emblem{width:65px;height:65px;display:flex;align-items:center;justify-content:center;border:1px solid #d6ed7b25;border-radius:16px;color:var(--accent);background:#d6ed7b07;flex-shrink:0}.ai-emblem svg{width:38px;height:38px}.ai-openai-card h3{font-size:15px;font-weight:550;margin:0 0 9px;color:#e5eadf}.ai-openai-card p{font-size:11px;line-height:1.85;color:var(--muted);margin:0}
.ai-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.ai-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}.ai-settings-section{border-top:1px solid var(--border-soft);padding:20px 0 5px}.ai-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.ai-section-head h3{font-size:12px;font-weight:550;color:#dce3e4;margin:0}.ai-section-head>span{font-size:9px;color:var(--faint)}.ai-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:10px 15px;margin:1px 0 12px}.ai-checkbox{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.5;color:#c0c8cd;cursor:pointer}.ai-checkbox input{flex-shrink:0;width:14px!important;height:14px!important;margin:2px 0 0;padding:0;accent-color:var(--accent)}.ai-model-toolbar{display:flex;align-items:center;gap:12px;margin:0 0 14px}.ai-model-toolbar>span{font-size:9px;color:var(--faint)}.ai-model-list{max-height:130px;overflow:auto;white-space:normal;overflow-wrap:anywhere;border:1px solid var(--border);border-radius:5px;background:#171b1e;color:#a9b4bc;font-size:10px;line-height:1.8;padding:12px;margin:0 0 14px}
.ai-details{border-top:1px solid var(--border-soft);padding:15px 0 0;margin-bottom:16px}.ai-details>summary{cursor:pointer;font-size:11px;color:#cbd3d8;margin:0 0 15px;padding:2px 0;list-style-position:inside}.ai-details>summary::marker{color:var(--faint)}.ai-details[open]>summary{color:var(--accent)}
.ai-mode-nav{display:flex;gap:5px;border-bottom:1px solid var(--border-soft);padding:0 0 17px;margin-bottom:22px;overflow-x:auto;scrollbar-width:none}.ai-mode-nav button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;border:1px solid transparent;border-radius:5px;padding:8px 13px;color:var(--muted);white-space:nowrap;flex:1}.ai-mode-nav button svg{width:14px;height:14px}.ai-mode-nav button.active{background:#d6ed7b10;border-color:#d6ed7b35;color:var(--accent)}.ai-studio-grid{display:grid;grid-template-columns:275px minmax(0,1fr);gap:24px}.ai-controls{min-width:0}.ai-controls .ai-section-head{margin-bottom:8px}.ai-operation-help{margin:0 0 17px;font-size:11px;line-height:1.7;color:var(--muted)}.ai-controls .ai-field textarea{min-height:155px}.ai-region-badge{display:flex;align-items:center;gap:7px;font-size:10px;color:#cad5b4;padding:9px 10px;background:#d6ed7b08;border:1px solid #d6ed7b1c;border-radius:5px;margin-bottom:16px}.ai-region-badge>span{width:5px;height:5px;background:var(--accent);border-radius:50%}.ai-prompt-chips{display:flex;flex-wrap:wrap;gap:6px;margin:-2px 0 17px}.ai-prompt-chips button{border:1px solid var(--border);border-radius:4px;font-size:9px;padding:5px 7px;color:var(--muted)}.ai-extension-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.ai-extension-grid .ai-field{margin-bottom:10px}.ai-provider-card{display:flex;align-items:center;gap:9px;padding:13px 10px;border-top:1px solid var(--border-soft);margin-top:20px}.ai-provider-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}.ai-provider-card>div{min-width:0;flex:1}.ai-provider-card strong{display:block;font-size:10px;font-weight:500;color:#cad3d7}.ai-provider-card small{display:block;font-size:9px;color:var(--faint);margin-top:4px;overflow-wrap:anywhere}.ai-send-note{font-size:9px;line-height:1.75;color:#7f8990;margin:0 10px}.ai-notice{font-size:10px;line-height:1.65;color:#b3bba7;padding:11px 12px;border-radius:5px;background:#d6ed7b07;border:1px solid #d6ed7b1b}
.ai-preview-panel{min-width:0}.ai-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border:1px solid #ffffff0c;border-bottom:0;background:#1b1f22;border-radius:7px 7px 0 0;font-size:9px;color:#a1abb1}.ai-preview-toolbar>span:last-child{font-variant-numeric:tabular-nums;color:var(--faint)}.ai-preview-stage{display:flex;align-items:center;justify-content:center;position:relative;min-height:360px;height:410px;padding:20px;border:1px solid #ffffff0c;border-radius:0 0 7px 7px;overflow:hidden;background:#15181a;background-image:conic-gradient(#ffffff03 25%,transparent 0 50%,#ffffff03 0 75%,transparent 0);background-size:18px 18px}.ai-preview-stage canvas{display:block;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 4px 22px #00000040}.ai-preview-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#171b1ef2;color:var(--muted);padding:25px}.ai-preview-empty>svg{width:43px;height:43px;color:#d6ed7b80;margin-bottom:18px}.ai-preview-empty strong{font-size:14px;font-weight:500;color:#d1d9d3;margin-bottom:10px}.ai-preview-empty>span{font-size:11px;line-height:1.8;color:#7e8a90}.ai-working{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;background:#1b211fed;border:1px solid #d6ed7b40;box-shadow:0 4px 20px #0005;border-radius:7px;padding:10px 12px;font-size:10px;color:#d3dfc3;white-space:nowrap}.ai-working button{font-size:9px;border-left:1px solid #d6ed7b25;padding:0 0 0 10px;color:#a8b397}.ai-spinner{display:block;width:13px;height:13px;border:1.5px solid #d6ed7b30;border-top-color:var(--accent);border-radius:50%;animation:ai-spin 1s linear infinite;flex-shrink:0}@keyframes ai-spin{to{transform:rotate(360deg)}}
.ai-compare{display:flex;align-items:center;gap:13px;font-size:9px;color:var(--muted);margin:15px 0 10px}.ai-compare input{flex:1;min-width:40px}.ai-result-note{font-size:9px;color:var(--faint);line-height:1.7;margin:12px 0 0}.ai-status{font-size:11px;line-height:1.65;min-height:0;color:var(--muted);overflow-wrap:anywhere;white-space:pre-wrap}.ai-status:not(:empty){margin-top:13px}.ai-status[data-kind=error]{color:#e7a59e;background:#e7a59e08;border:1px solid #e7a59e20;border-radius:5px;padding:11px 12px}.ai-status[data-kind=success]{color:#bacb9d}.ai-warnings{font-size:10px;line-height:1.65;color:#aeb99c;border:1px solid #d6ed7b1e;border-radius:5px;padding:10px 12px;margin-top:13px;background:#d6ed7b05}.ai-text-result{margin-top:15px;padding:15px;border:1px solid #d6ed7b25;background:#1c211e;border-radius:7px}.ai-text-result-heading{display:flex;align-items:center;justify-content:space-between;color:#becdaf;font-size:10px;margin-bottom:12px}.ai-text-result pre{font:12px/1.8 var(--font);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;max-height:290px;overflow:auto;color:#d4dbd7}.ai-text-result>.subtle-button{margin-top:15px;width:100%;font-size:10px}
@media(max-width:850px){.ai-studio-grid{grid-template-columns:240px minmax(0,1fr);gap:18px}.ai-preview-stage{height:350px;min-height:300px;padding:15px}.ai-mode-nav button{padding:8px 9px}.ai-grid-three{grid-template-columns:1fr 1fr}.ai-grid-three>.ai-field:last-child{grid-column:1/-1}.ai-section-head>span{max-width:45%;text-align:right}}
@media(max-width:650px){.modal.ai-modal{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.ai-modal .modal-body{padding:17px}.ai-studio-grid{grid-template-columns:1fr;gap:20px}.ai-controls .ai-field textarea{min-height:105px}.ai-preview-stage{height:300px;min-height:230px}.ai-mode-nav{gap:2px;margin-bottom:17px;padding-bottom:13px}.ai-mode-nav button{font-size:10px;padding:7px 9px;flex:0 0 auto}.ai-grid,.ai-grid-three{grid-template-columns:1fr}.ai-grid-three>.ai-field:last-child{grid-column:auto}.ai-capabilities{grid-template-columns:1fr 1fr;gap:10px}.ai-openai-card{gap:15px;padding:18px}.ai-emblem{height:52px;width:52px}.ai-openai-card h3{font-size:13px}.ai-provider-switch button{padding:13px;font-size:12px}.ai-key-section .ai-help{padding-right:0}.ai-key-section>.ai-text-button{float:none;margin:3px 0 5px}.ai-model-toolbar{flex-wrap:wrap;gap:8px}.ai-field>span>small{max-width:65%}.ai-section-head>span{font-size:8px}.ai-provider-card{margin-top:15px}.ai-modal .modal-footer .button{font-size:10px;padding:8px 11px}.ai-working{gap:7px;font-size:9px;padding:9px}}
@media(prefers-reduced-motion:reduce){.ai-spinner{animation:none}}