.agent-dock{position:fixed;z-index:50;right:16px;top:76px;bottom:92px;width:410px;max-width:calc(100vw - 24px);background:var(--panel);border:1px solid var(--line-2);border-radius:18px;box-shadow:0 20px 70px #132c3c25;display:flex;flex-direction:column;overflow:hidden;backdrop-filter:blur(22px)}.agent-dock>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.agent-dock>header>span{display:flex;align-items:center;gap:9px}.agent-dock>header svg{width:18px;height:18px;color:var(--accent-2)}.agent-dock>header b{font-size:14px}.agent-dock>header small{font-size:10px;color:var(--text-3);padding-left:5px}.agent-dock>header button{border:0;background:var(--panel-2);width:27px;height:27px;border-radius:50%;color:var(--text-2);font-size:20px}.agent-dock-hint{font-size:11px;color:var(--text-3);padding:13px 18px 8px;line-height:1.7}.agent-dock-link{border:1px dashed var(--line-2);border-radius:8px;background:transparent;color:var(--text-2);font:11px inherit;padding:9px 12px;margin:0 17px 12px;display:flex;align-items:center;justify-content:center;gap:7px}.agent-dock-link svg{width:14px;height:14px}.agent-dock-body{flex:1;min-height:0;overflow:auto}.agent-dock-body .assistant-shell{min-height:100%;height:auto;padding:0 16px 15px;gap:10px}.agent-dock-body .assistant-output{flex:initial;min-height:150px;max-height:none;overflow:visible}.agent-dock-body .assistant-model-row{padding-top:5px}.agent-dock-body .assistant-draft{min-height:90px;max-height:170px;resize:vertical}.agent-dock-body .agent-presets{flex-wrap:wrap;gap:6px}.agent-dock-body .agent-presets button{font-size:11px}.agent-dock-body .assistant-plan{padding:12px;border-radius:10px;background:var(--panel-2)}.agent-dock-body .assistant-messages{max-height:300px;overflow:auto}.agent-plan-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.agent-plan-actions .btn{font-size:10px;height:30px;padding:0 9px}.agent-execution-status{font-size:11px;color:var(--text-2);line-height:1.8;margin:11px 0 0}.agent-blocked{display:block;color:var(--bad)!important;line-height:1.7}.agent-quote>div{display:grid;grid-template-columns:1fr auto;gap:6px 10px;padding:12px 0;border-bottom:1px solid var(--line)}.agent-quote b{font-size:12px}.agent-quote span{font-size:11px;color:var(--text-3);grid-row:2;grid-column:1}.agent-quote small{grid-row:1/3;grid-column:2;align-self:center;max-width:150px;font-size:11px;line-height:1.6;color:var(--text-2)}.agent-quote-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
@media(max-width:680px){.agent-dock{right:8px;left:8px;top:112px;bottom:79px;width:auto;max-width:none;border-radius:14px}.agent-dock>header{padding:13px 15px}.agent-dock-body .assistant-footer{flex-wrap:wrap}.agent-dock-body .assistant-kind{display:none}.agent-quote small{max-width:100px}.agent-quote-actions .btn{font-size:11px}}

.agent-dock-body .assistant-output .assistant-plan{height:auto;min-height:0;max-height:none;overflow:visible;display:block}.agent-dock-body .assistant-steps{display:block;overflow:visible;flex:none;height:auto;min-height:0}.agent-dock-body .assistant-step{margin:10px 0}.agent-dock-body .assistant-shell{display:flex;flex-direction:column}.agent-dock-body .assistant-output{overflow:visible;flex:none}.agent-dock-body .assistant-plan-title{margin-bottom:10px}

.agent-dock-body .assistant-step p,.agent-dock-body .assistant-message p{font-size:12px;line-height:1.8}.agent-dock-body .assistant-step b{font-size:12px}.agent-dock-body .assistant-step>span,.agent-dock-body .assistant-step>small{font-size:10px}.agent-dock-body .assistant-context,.agent-dock-body .assistant-hint,.agent-dock-body .assistant-price{font-size:11px;line-height:1.7}.agent-dock-body .assistant-model{font-size:11px}.agent-dock-body .assistant-shell{overflow:visible}

.agent-dock-body{min-width:0}.agent-dock-body .assistant-shell{min-height:0;height:100%;overflow:auto;box-sizing:border-box}
.agent-dock-body .assistant-output{flex:1 0 130px;min-height:130px}.agent-dock-body .assistant-draft{flex:none;width:100%;box-sizing:border-box}
.agent-dock-body .assistant-footer{flex:none;padding:3px 0}.agent-dock-body .assistant-footer>.assistant-price{font-size:11px}
@media(max-height:700px){.agent-dock-body .assistant-output{flex-basis:80px;min-height:80px}.agent-dock-body .assistant-draft{min-height:72px}.agent-dock-body .assistant-shell{gap:7px}}

.agent-dock .agent-dock-hint,.agent-dock-body .assistant-hint{display:none}
.agent-dock .agent-dock-link{margin-top:12px;margin-bottom:12px;flex:none}
.agent-dock-body .assistant-shell{gap:7px;padding-bottom:12px}.agent-dock-body .assistant-output{flex:1 1 80px;min-height:65px;overflow:auto}
.agent-dock-body .assistant-messages{max-height:none}.agent-dock-body .assistant-empty{min-height:0;height:100%;padding:10px 4px;box-sizing:border-box}.agent-dock-body .assistant-empty p{display:none}.assistant-references:empty{display:none}
.agent-dock-body .assistant-draft{min-height:74px;max-height:140px}.agent-dock-body .assistant-context{font-size:10px}

.agent-dock{width:420px;top:76px;bottom:95px;transition:box-shadow .2s}.agent-dock>header{padding:14px 16px;background:linear-gradient(120deg,var(--accent-bg),transparent);flex:none}.agent-dock>header>div{display:flex;align-items:center;gap:5px}.agent-dock>header button{display:grid;place-items:center;width:27px;height:27px;padding:0;cursor:pointer}.agent-dock>header button svg{width:16px;height:16px}.assistant-dock-tabs{display:flex;align-items:center;gap:6px;padding:12px 16px 0;flex:none}.assistant-dock-tabs button{padding:6px 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-3);font-family:inherit;font-size:11px;line-height:1.5;cursor:pointer;white-space:nowrap}.assistant-dock-tabs button.on{border-color:var(--line);background:var(--panel-2);color:var(--text)}.assistant-dock-tabs small{margin-left:auto;color:var(--text-3);font-size:9px;white-space:nowrap}.agent-dock-body{overflow:hidden}.agent-dock-body .assistant-shell{height:100%;overflow:auto;overscroll-behavior:contain}.agent-dock-body .assistant-kind{display:none}.agent-dock-body .assistant-model-row{flex-wrap:nowrap}.agent-dock-body .assistant-model,.agent-dock-body .channel-choice{min-width:60px;flex:1}.agent-dock-body .assistant-tool-row{height:32px}.agent-dock-body .assistant-role summary,.agent-dock-body .assistant-settings summary{font-size:11px}.agent-dock-body .assistant-output{min-height:70px;flex:1 1 100px;overflow:auto}.agent-dock-body .assistant-draft{min-height:85px}.assistant-dock-reopen{display:none}.agent-dock.is-collapsed{top:50%;bottom:auto;transform:translateY(-50%);width:48px;height:100px;border-radius:14px 0 0 14px;right:0}.agent-dock.is-collapsed>*{display:none!important}.agent-dock.is-collapsed>.assistant-dock-reopen{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;border:0;background:var(--panel);color:var(--text-2);font-size:11px;cursor:pointer}.assistant-dock-reopen svg{width:19px;height:19px}@media(max-width:600px){.agent-dock{right:10px;top:115px;bottom:90px;width:calc(100vw - 20px)}.assistant-dock-tabs small{display:none}.agent-dock-body .assistant-shell{padding-left:12px;padding-right:12px}}@media(prefers-reduced-motion:reduce){.agent-dock{transition:none}}

[data-dock-collapse]>svg{transform:rotate(-90deg)}

.agent-dock-body .assistant-shell{overflow:hidden;min-height:0}.agent-dock-body .assistant-setup{min-height:60px;max-height:230px;flex:0 1 auto;overflow:auto;scrollbar-width:thin}.agent-dock-body .assistant-output{min-height:55px;flex:1 1 80px;overflow:auto}.agent-dock-body .assistant-draft{height:80px;min-height:65px;max-height:130px}.agent-dock-body .assistant-footer{flex:none}.agent-dock-body .assistant-result-mode{flex:none}@media(max-height:760px){.agent-dock{top:70px;bottom:82px}.agent-dock>header{padding:10px 14px}.assistant-dock-tabs{padding:7px 14px 0}.agent-dock .agent-dock-link{margin:7px 14px;padding:6px}.agent-dock-body .assistant-setup{min-height:35px;max-height:145px}.agent-dock-body .assistant-draft{height:64px;min-height:54px}.agent-dock-body .assistant-output{min-height:35px}.agent-dock-body .assistant-shell{gap:5px}}

/* Chat reserves the panel for messages, with controls at the bottom. */
.agent-dock[data-assistant-kind="chat"]{bottom:20px}
.agent-dock[data-assistant-kind="chat"] .assistant-dock-tabs,.agent-dock[data-assistant-kind="chat"]>.agent-dock-link{display:none}
.compact-chat .assistant-setup,.compact-chat .assistant-memory,.compact-chat .assistant-memory-toggle,.compact-chat .assistant-hint,.compact-chat .assistant-model-row>.assistant-kind,.compact-chat .assistant-refresh{display:none!important}
.compact-chat .assistant-output{min-height:100px!important;flex:1!important}
.compact-chat .chat-bottom-controls{display:flex;align-items:center;gap:8px;flex:none;padding-top:8px}
.compact-chat .assistant-model-row{display:flex;flex:1;min-width:0;gap:5px;margin:0}
.compact-chat .assistant-model-row select{min-width:0;max-width:100%;flex:1;font-size:11px}
.compact-chat .assistant-recall{width:98px;flex:none;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--text);padding:7px;font:inherit;font-size:11px}
.compact-chat .assistant-draft{height:74px!important;min-height:60px!important}
.compact-chat .assistant-footer{padding-top:8px}
.compact-chat .assistant-footer .assistant-price{flex:1;font-size:10px}
.chat-to-canvas{border:0;background:transparent;color:var(--accent,#627e71);font:inherit;font-size:10px;padding:5px 0;cursor:pointer}
.compact-chat .assistant-message p{white-space:pre-wrap;overflow-wrap:anywhere}

.membership-overview{padding:24px;border-radius:16px;background:linear-gradient(130deg,#f4f2e9,#e8eee5);color:#354337}.membership-overview>span{font-size:11px;letter-spacing:2px}.membership-overview h2{font-size:25px;line-height:1.5;font-weight:600}.membership-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}.membership-feature-list article{display:flex;flex-direction:column;gap:9px;border:1px solid var(--line);border-radius:12px;padding:15px}.membership-feature-list b{font-size:13px}.membership-feature-list span{font-size:11px;color:var(--muted)}
#studio-tools [data-studio="local-save"],#studio-tools [data-studio="membership"]{display:inline-flex!important;align-items:center;gap:5px;flex:none;white-space:nowrap}
#studio-tools [data-studio="membership"]{background:#f5f0df;color:#74603a;border:1px solid #e5dbc0;border-radius:13px}
#studio-tools [data-studio="local-save"]{background:var(--panel);color:var(--text)}
@media(max-width:650px){#studio-tools [data-studio="local-save"] span{display:none}#studio-tools [data-studio="membership"] svg{display:none}}

#canvas-actions #studio-tools [data-studio="local-save"],#canvas-actions #studio-tools [data-studio="membership"]{width:auto;min-width:34px;padding:0 9px}
#canvas-actions #studio-tools [data-studio="local-save"] span,#canvas-actions #studio-tools [data-studio="membership"] span{display:inline!important;font-size:11px}
@media(max-width:680px){#canvas-actions #studio-tools [data-studio="local-save"] span{display:none!important}#canvas-actions #studio-tools [data-studio="local-save"],#canvas-actions #studio-tools [data-studio="membership"]{padding:0 6px}body.canvas-focus #canvas-project-bar{max-width:calc(100vw - 230px)}body.canvas-focus #project-switch{max-width:80px}}

.chat-copy-message{border:0;background:transparent;color:var(--text-3);font:inherit;font-size:10px;cursor:pointer;padding:5px 10px}.chat-copy-message:hover{color:var(--accent)}
