/* AI is square acrylic, with the same dock/header/resize behavior as other Areas. */
.ai-area{--area-header-accent:var(--text);position:absolute;display:flex;flex-direction:column;min-width:0;min-height:0;padding:9px;border:1px solid var(--line);border-radius:0!important;background:linear-gradient(180deg,var(--glass-highlight),transparent 18%),color-mix(in srgb,var(--glass-field) 86%,transparent);backdrop-filter:blur(22px) saturate(1.09);overflow:hidden;color:var(--text)}
.ai-content{display:flex;flex:1;min-width:0;min-height:0;flex-direction:column;gap:8px}.ai-folder{display:flex;align-items:center;gap:7px;flex:none;min-width:0;font-size:11px}.ai-folder>svg{width:15px;height:15px;flex:none;color:var(--muted)}.ai-folder label{color:var(--muted);white-space:nowrap}.ai-folder select{border:0;border-bottom:1px solid var(--soft-line);border-radius:0!important;flex:1;min-width:0;background:transparent;color:var(--text);padding:4px;font:inherit;text-overflow:ellipsis}.ai-folder option{background:var(--shell);color:var(--text)}
.ai-chat{flex:1;min-height:0;overflow:auto;scrollbar-width:thin}.ai-empty{display:flex;align-items:center;gap:10px;margin:4px 0 10px;font-size:12px}.ai-empty>svg{width:22px;height:22px;flex:none;color:var(--muted)}.ai-empty small{display:block;font-size:11px;color:var(--muted);margin-top:4px;line-height:1.4}.ai-attachments{display:flex;align-content:start;flex-wrap:wrap;gap:8px}.ai-attachment{display:flex;align-items:start;gap:7px;padding:7px 0;min-width:0;max-width:100%;border-top:1px solid var(--soft-line);flex:1 1 220px}.ai-attachment>svg{width:18px;height:18px;flex:none;margin-top:2px}.ai-attachment-main{flex:1;min-width:0}.ai-attachment b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-attachment p{font-size:10px;color:var(--muted);margin:3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-tags{display:flex;flex-wrap:wrap;gap:4px;font-size:11px}.ai-tag{padding:2px 4px;background:color-mix(in srgb,var(--text) 7%,transparent);color:var(--muted);border-radius:0!important}.ai-tag-project{color:color-mix(in srgb,var(--project-accent,var(--text)) 45%,var(--text));border-inline-start:2px solid var(--project-accent,var(--text))}.ai-remove{border:0;background:none;color:var(--muted);padding:2px;flex:none;cursor:pointer}.ai-remove svg{width:14px;height:14px}
.ai-composer{flex:none;margin:0}.ai-input-label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.ai-composer textarea{display:block;resize:none;box-sizing:border-box;width:100%;min-height:48px;max-height:120px;border:1px solid var(--soft-line);border-radius:0!important;background:color-mix(in srgb,var(--content-surface) 60%,transparent);color:var(--text);padding:8px 10px;font:inherit;font-size:13px;line-height:1.4}.ai-composer textarea:focus-visible{outline:1px solid var(--text);outline-offset:-2px}.ai-composer small{display:block;font-size:10px;color:var(--muted);margin-top:5px;line-height:1.35}.ai-area.is-ai-drop-target{outline:2px solid var(--text);outline-offset:-3px}.ai-area.is-ai-drop-target .ai-empty{color:var(--text)}
.ai-area[data-area-state="rail"] .ai-content{display:none}.ai-area[data-area-state="rail"]>.area-window-bar{border-bottom:0!important;box-shadow:none!important;margin:0!important;flex:1;padding:0 5px;min-height:0;width:100%;box-sizing:border-box}.ai-area[data-area-state="rail"] .area-window-identity>span{display:block}.ai-area[data-area-state="rail"] .area-window-identity small{max-width:220px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ai-area[data-area-state="rail"]:is([data-dock-edge="left"],[data-dock-edge="right"]){padding:6px}.ai-area[data-area-state="rail"]:is([data-dock-edge="left"],[data-dock-edge="right"])>.area-window-bar{flex-direction:column;justify-content:start;gap:14px;padding:2px}.ai-area[data-area-state="rail"]:is([data-dock-edge="left"],[data-dock-edge="right"]) .area-window-identity{flex-direction:column}.ai-area[data-area-state="rail"]:is([data-dock-edge="left"],[data-dock-edge="right"]) .area-window-identity>span{display:none}.ai-area[data-area-state="rail"]:is([data-dock-edge="left"],[data-dock-edge="right"]) .area-window-actions{margin-top:auto}.ai-area[data-area-state="expanded"]>.area-window-bar{margin:-9px -9px 8px!important;flex:0 0 40px;min-height:40px}.ai-area[data-area-state="expanded"] .area-window-identity>span{display:block!important}.ai-area[data-area-state="expanded"] .area-window-identity small{display:block;font-size:10px}.ai-area :is(button,input,textarea,select){border-radius:0!important}.ai-area .area-window-icon{color:var(--text)}
html[data-guide-ai="false"] :is(.ai-area,#openAIButton,[data-overview-area="ai"]){display:none!important}
@media(max-width:650px){.ai-empty small{display:none}.ai-folder label{font-size:10px}.ai-tags{font-size:8px}.ai-attachment{flex-basis:140px}.ai-area[data-area-state="rail"] .area-window-identity small{max-width:110px}}

.ai-area [hidden]{display:none!important}

/* Horizontal AI rail keeps its identity and destination readable. */
.ai-area[data-area-window="ai"][data-area-state="rail"]:is([data-dock-edge="top"],[data-dock-edge="bottom"]) .area-window-identity>span{display:block!important}
.ai-area[data-area-window="ai"][data-area-state="rail"]:is([data-dock-edge="top"],[data-dock-edge="bottom"]) .area-window-identity :is(b,small){display:block!important}
.ai-area[data-area-window="ai"][data-area-state="rail"]:is([data-dock-edge="top"],[data-dock-edge="bottom"]) .area-window-actions{display:flex!important;margin-left:auto}

.ai-source-link{display:block;font-size:10px;color:var(--muted);overflow-wrap:anywhere;margin-top:6px}

/* Scripted conversations share the glass plane; results can be kept in Stash. */
.ai-context-sources>summary{cursor:pointer;font-size:11px;padding:6px 0;color:var(--muted)}
.ai-transcript{display:grid;gap:20px;padding:8px 0 14px}
.ai-turn{min-width:0;border-bottom:1px solid var(--soft-line);padding-bottom:14px}
.ai-request{padding:8px 10px;background:color-mix(in srgb,var(--text) 6%,transparent)}
.ai-request>small{font-size:10px;color:var(--muted)}
.ai-request>p{font-size:12px;line-height:1.5;margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.ai-demo-output{padding:12px 5px 8px;cursor:grab}
.ai-demo-output:active{cursor:grabbing}.ai-demo-output:focus-visible{outline:1px solid var(--text);outline-offset:-1px}
.ai-demo-output>header{display:flex;gap:6px;align-items:center;font-size:10px;color:var(--muted);margin-bottom:8px}
.ai-demo-output>header svg{width:16px;height:16px;flex:none}
.ai-demo-output>b{font-size:13px;font-weight:650}
.ai-demo-output>p{font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}
.ai-output-hint{font-size:10px;color:var(--muted)}
.ai-turn-sources{font-size:10px;color:var(--muted)}.ai-turn-sources>summary{cursor:pointer;padding:5px}
.ai-turn-folder{display:block;overflow-wrap:anywhere;padding:4px 5px}.ai-turn-sources ul{list-style:none;padding:0 5px;margin:4px 0}
.ai-turn-sources li{padding:5px 0;overflow-wrap:anywhere}.ai-turn-sources li small{display:block;margin-top:3px}

/* Each chat has a clean workspace: controls, a bounded source tray, then messages. */
.ai-area .ai-chat-toolbar {display:flex;align-items:center;gap:6px;min-width:0;flex:none}
.ai-area .ai-chat-toolbar select {min-width:0;flex:1;height:34px;font:inherit;font-size:12px;color:var(--sd-glass-text);background:var(--sd-glass-face-deep);border:1px solid var(--sd-glass-groove);padding:5px 7px}
.ai-area .ai-chat-toolbar select option {color:var(--text);background:var(--shell)}
.ai-area .ai-chat-toolbar button {flex:none;min-height:32px;font-size:11px;padding:6px 7px;white-space:nowrap}
.ai-area .ai-rename-form {display:flex;gap:6px;flex:none;min-width:0}
.ai-area .ai-rename-form input {min-width:0;flex:1;padding:6px 8px;font:inherit;font-size:12px;background:var(--sd-glass-face-deep);color:var(--sd-glass-text);border:1px solid var(--sd-glass-groove)}
.ai-area .ai-rename-form button {font-size:11px;padding:5px 7px;flex:none}
.ai-area .ai-content>.ai-context-sources {flex:none;min-width:0;border-block:1px solid var(--sd-glass-groove)}
.ai-area .ai-context-sources>summary {padding:8px 2px;font-size:12px;cursor:pointer;line-height:1.4}
.ai-area .ai-attachments {display:grid;gap:0;max-height:160px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.ai-area .ai-attachment {display:block;position:relative;padding:7px 0;min-width:0;width:100%;border-top:1px solid var(--sd-glass-groove)}
.ai-area .ai-source-detail>summary {display:flex;align-items:center;gap:8px;padding:3px 30px 3px 2px;cursor:pointer;list-style:none;min-width:0}
.ai-area .ai-source-detail>summary::-webkit-details-marker {display:none}
.ai-area .ai-source-detail>summary>svg {flex:none;width:18px;height:18px;color:var(--area-header-accent)}
.ai-area .ai-source-detail>summary>span {min-width:0;flex:1}
.ai-area .ai-source-detail>summary b {font-size:12px;font-weight:600;line-height:1.4}
.ai-area .ai-source-detail>summary small {display:block;color:var(--sd-glass-muted);font-size:11px;line-height:1.4;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ai-area .ai-source-detail[open]>summary {background:var(--sd-glass-hover)}
.ai-area .ai-attachment-main {padding:6px 4px 8px 28px}
.ai-area .ai-attachment-main p {white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.5}
.ai-area .ai-remove {position:absolute;top:9px;right:2px;width:24px;height:26px;display:grid;place-items:center;padding:4px}
.ai-area .ai-chat {overscroll-behavior:contain;min-width:0}
.ai-area .ai-compose-row {display:flex;align-items:flex-end;gap:6px;min-width:0}
.ai-area .ai-compose-row textarea {min-width:0;flex:1;width:auto}
.ai-area .ai-compose-row button {min-width:42px;min-height:34px;font-size:12px;padding:6px;flex:none}
.ai-area .ai-compose-row button:disabled {opacity:.4;cursor:default}
.ai-area:not([data-area-state="rail"]) .ai-chat:has(>.ai-empty:not([hidden])) {display:flex;flex-direction:column;justify-content:center}
.ai-area:not([data-area-state="rail"]) .ai-chat:has(>.ai-empty:not([hidden])) .ai-empty {flex-direction:column;align-items:center;text-align:center;padding:18px 8px}
.ai-area .ai-chat-toolbar [hidden],.ai-area .ai-rename-form[hidden] {display:none!important}
.ai-area .ai-turn-sources {margin-top:6px}

/* The copy destination remains readable over a narrow rail and never catches drops. */
.ai-drop-hint{position:fixed;z-index:10050;pointer-events:none;box-sizing:border-box;max-width:min(300px,calc(100vw - 16px));padding:11px 14px;border:1px solid var(--sd-glass-groove,var(--line));border-inline-start:3px solid var(--text);border-radius:0;background:var(--shell);color:var(--text);box-shadow:0 8px 28px #0005;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.ai-drop-hint[hidden]{display:none!important}.ai-drop-hint b{display:block;font-weight:650}.ai-drop-hint small{display:block;margin-top:4px;font-size:11px;color:var(--muted)}

/* The rail is a named copy destination; quick chat leaves the dock size alone. */
.ai-rail-tools{display:none;min-width:0;min-height:0;gap:8px}
.ai-area[data-area-state="rail"]>.area-window-bar{flex:0 0 36px!important}
.ai-area[data-area-state="rail"] .ai-rail-tools{display:flex;flex:1;flex-direction:column;align-items:stretch;overflow:auto;scrollbar-width:thin;padding-block:8px}
.ai-area[data-area-state="rail"]:is([data-dock-edge="left"],[data-dock-edge="right"])>.area-window-bar{flex:0 0 auto!important;min-height:32px;gap:4px}
.ai-area[data-area-state="rail"]:is([data-dock-edge="left"],[data-dock-edge="right"]) .area-window-actions{display:none!important}
.ai-rail-chat,.ai-rail-new{display:flex;flex:none;flex-direction:column;align-items:center;gap:6px;width:100%;min-width:0;padding:9px 3px!important;font-size:10px;line-height:1.35;overflow-wrap:anywhere;text-align:center}
.ai-rail-chat-title{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;font-weight:600;max-width:100%}
.ai-rail-sources{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:11px}
.ai-rail-sources>svg{width:14px;height:14px;flex:none}
.ai-rail-chat>small{font-size:9px;color:var(--muted)}
.ai-rail-new>span{font-size:21px;line-height:1}.ai-rail-new>small{font-size:9px}
.ai-area[data-area-state="rail"]:is([data-dock-edge="top"],[data-dock-edge="bottom"]){flex-direction:row;align-items:center;gap:10px;padding:6px 9px}
.ai-area[data-area-state="rail"]:is([data-dock-edge="top"],[data-dock-edge="bottom"])>.area-window-bar{width:auto;flex:0 1 auto!important;min-width:36px;max-width:38%;padding:0}
.ai-area[data-area-state="rail"]:is([data-dock-edge="top"],[data-dock-edge="bottom"]) .area-window-actions{display:none!important}
.ai-area[data-area-state="rail"]:is([data-dock-edge="top"],[data-dock-edge="bottom"]) .ai-rail-tools{flex-direction:row;align-items:center;padding:0;overflow:hidden}
.ai-area[data-area-state="rail"]:is([data-dock-edge="top"],[data-dock-edge="bottom"]) .ai-rail-chat{flex:1;flex-direction:row;justify-content:flex-start;padding:7px 9px!important;text-align:left;gap:8px;overflow:hidden}
.ai-area[data-area-state="rail"]:is([data-dock-edge="top"],[data-dock-edge="bottom"]) .ai-rail-chat-title{-webkit-line-clamp:2;flex:1}
.ai-area[data-area-state="rail"]:is([data-dock-edge="top"],[data-dock-edge="bottom"]) .ai-rail-sources{flex:none}
.ai-area[data-area-state="rail"]:is([data-dock-edge="top"],[data-dock-edge="bottom"]) .ai-rail-new{width:44px;padding:5px 2px!important;gap:2px}
.ai-quick-panel{position:fixed!important;z-index:9250!important;display:flex;flex-direction:column;box-sizing:border-box;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);padding:0!important;border:1px solid var(--line)!important;box-shadow:0 14px 42px #0005;overflow:hidden}
.ai-quick-panel[hidden]{display:none!important}
.ai-quick-header{display:flex;align-items:center;gap:6px;min-width:0;flex:none;min-height:48px;padding:9px;border-bottom:1px solid var(--soft-line)}
.ai-quick-header>span{min-width:0;flex:1}.ai-quick-header b,.ai-quick-header small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-quick-header b{font-size:12px}.ai-quick-header small{font-size:10px;color:var(--muted);margin-top:4px}
.ai-quick-header>button{flex:none;font-size:10px;padding:5px 7px;min-height:30px}.ai-quick-header>button>svg{width:15px;height:15px}
.ai-quick-body{display:flex;flex:1;min-width:0;min-height:0;padding:9px}.ai-quick-body>.ai-content{width:100%}
@media(max-width:450px){.ai-quick-header>button{font-size:9px;padding:5px}.ai-quick-header small{max-width:130px}}