#agent-panel{z-index:30;padding:22px;background:#fcfaff;border:1px solid #e3d8f1;border-radius:20px;box-shadow:0 18px 70px #35215725;overflow:auto}
#agent-panel.agent-floating{position:fixed;min-width:280px;min-height:260px;max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);resize:none}
#agent-panel.agent-page{position:relative;width:min(920px,100%);min-height:620px;margin:0 auto;box-sizing:border-box}
#agent-panel header{display:flex;align-items:start;justify-content:space-between;gap:12px}#agent-panel.agent-floating header{cursor:grab;touch-action:none;user-select:none}#agent-panel.agent-floating.dragging header{cursor:grabbing}.agent-window-actions{display:flex;gap:7px}.agent-window-actions button{width:38px;height:38px;padding:0}#agent-panel.resizing{user-select:none}#agent-panel h2{font-size:21px;line-height:1.3;margin:7px 0 18px}#agent-panel textarea{min-height:135px;width:100%}#agent-panel>button{display:block;width:100%;margin:10px 0}#agent-panel footer{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.agent-status,.agent-note{font-size:11px;line-height:1.7;color:#847590}#agent-result{margin-top:18px;padding:15px;border-radius:12px;background:#f0eafa;overflow-wrap:anywhere}#agent-result button{margin:4px}.agent-settings{margin-top:22px}.agent-settings code{background:#f0eafa;padding:2px 4px;border-radius:4px}
.agent-resize-handle{position:absolute;z-index:20;display:block;touch-action:none}.agent-resize-n,.agent-resize-s{left:13px;right:13px;height:9px;cursor:ns-resize}.agent-resize-n{top:0}.agent-resize-s{bottom:0}.agent-resize-e,.agent-resize-w{top:13px;bottom:13px;width:9px;cursor:ew-resize}.agent-resize-e{right:0}.agent-resize-w{left:0}.agent-resize-ne,.agent-resize-nw,.agent-resize-se,.agent-resize-sw{width:16px;height:16px}.agent-resize-ne{right:0;top:0;cursor:nesw-resize}.agent-resize-nw{left:0;top:0;cursor:nwse-resize}.agent-resize-se{right:0;bottom:0;cursor:nwse-resize}.agent-resize-sw{left:0;bottom:0;cursor:nesw-resize}.agent-resize-se::after{content:'';position:absolute;right:4px;bottom:4px;width:7px;height:7px;border-right:1px solid #7593bb80;border-bottom:1px solid #7593bb80;border-radius:0 0 2px}
#agent-panel.agent-page .agent-chat{max-height:48vh}
.agent-context{display:flex;flex-direction:column;gap:12px;padding:13px;margin:0 0 12px;border:1px solid #ffffffd6;border-radius:20px;background:linear-gradient(145deg,#eef7ffdc,#eeeaffc4);box-shadow:0 10px 28px #315b8c12,inset 0 1px 0 #fff;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}.agent-scope{display:flex;gap:5px;padding:4px;border:1px solid #ffffffb3;border-radius:14px;background:#ffffff69;box-shadow:inset 0 1px 0 #fff}.agent-scope button{flex:1;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:var(--ink-soft);font-size:10px;font-weight:650;white-space:nowrap;transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.agent-scope button:hover:not(:disabled){color:#356baa}.agent-scope button.active{background:linear-gradient(145deg,#fffffff5,#edf5ffed);box-shadow:0 5px 15px #3454771c,inset 0 1px 0 #fff;color:#2f68ad}.agent-scope button:active:not(:disabled){transform:scale(.98)}.agent-context-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}.agent-context-fields label{position:relative;display:flex;min-width:0;flex-direction:column;gap:6px;padding:10px 11px 11px;border:1px solid #ffffffc7;border-radius:15px;background:linear-gradient(145deg,#ffffffa8,#f2f7ff80);box-shadow:0 6px 18px #315b8c0c,inset 0 1px 0 #fff;color:#667995;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.agent-context-fields label:first-child{border-left:3px solid #6aa8ed}.agent-context-fields label:last-child{border-left:3px solid #a888eb}.agent-context-fields label:focus-within{border-color:#77a9e8;box-shadow:0 8px 22px #3c75b51c,inset 0 1px 0 #fff;transform:translateY(-1px)}.agent-context-fields select{width:100%;min-width:0;padding:8px 28px 8px 9px;border:1px solid #b9cbe28c;border-radius:11px;background-color:#ffffffb0;color:#263d5d;font:600 11px/1.25 inherit;letter-spacing:0;text-transform:none;outline:0;box-shadow:inset 0 1px 2px #315b8c0a}.agent-context p{margin:0;padding:0 3px;color:var(--ink-soft);font-size:10px;line-height:1.45}.dark-theme .agent-context{background:linear-gradient(145deg,#263b58e8,#34324ddd);border-color:#ffffff1e;box-shadow:0 12px 35px #0003,inset 0 1px 0 #ffffff17}.dark-theme .agent-scope{background:#0c17255c;border-color:#ffffff12}.dark-theme .agent-scope button.active{background:linear-gradient(145deg,#416790,#304b70);box-shadow:0 6px 18px #0002,inset 0 1px 0 #ffffff1c;color:#fff}.dark-theme .agent-context-fields label{background:linear-gradient(145deg,#ffffff0d,#7ba9df09);border-color:#ffffff17;color:#aebfd6}.dark-theme .agent-context-fields label:first-child{border-left-color:#65a8f2}.dark-theme .agent-context-fields label:last-child{border-left-color:#a98cf0}.dark-theme .agent-context-fields select{background-color:#17263bd9;border-color:#ffffff18;color:#edf4ff;color-scheme:dark}
#workspace #walk-panel.html-prototype-panel{position:absolute;z-index:9;top:105px;right:18px;bottom:18px;left:auto;width:min(880px,calc(100% - 36px));max-width:none;max-height:calc(100% - 120px);padding:12px;display:flex;flex-direction:column;background:#f8f6fc;border:1px solid #dacfe9;border-radius:16px;box-shadow:0 15px 50px #3a28552b;overflow:hidden}
#workspace:fullscreen #walk-panel.html-prototype-panel{top:90px;bottom:24px;width:min(1080px,calc(100% - 48px));max-height:calc(100% - 114px)}
.html-prototype-panel .walk-heading{flex-shrink:0;padding:5px 0 10px;margin:0;gap:7px}.html-prototype-panel .walk-heading>span{margin-right:auto;font-size:11px;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.html-prototype-panel .walk-heading button{font-size:10px;padding:5px 8px}.html-prototype-panel iframe{border:1px solid #e3dcec;border-radius:10px;width:100%;flex:1;min-height:100px;background:white}.html-address{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#897b9e;padding:8px}.html-note{font-size:10px;margin:8px 0 0;color:#8e819c}.html-prototype-panel .prototype-drag-handle{position:static}
#workspace #walk-panel.html-prototype-panel{height:calc(100% - 120px)}
#workspace:fullscreen #walk-panel.html-prototype-panel{height:calc(100% - 114px)}
@media(max-width:700px){#workspace #walk-panel.html-prototype-panel{top:150px;max-height:calc(100% - 166px)}.html-address span:last-child{display:none}}
.agent-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.agent-quick button{font-size:12px;line-height:1.5;padding:10px}#agent-analysis:empty{display:none}#agent-analysis{margin:18px 0;line-height:1.6;font-size:13px}.agent-report-heading{display:flex;flex-direction:column;gap:4px}.agent-report-heading small{color:var(--ink-soft,#777)}.agent-summary{white-space:pre-wrap}.agent-finding{background:var(--paper,#fff);border:1px solid var(--line,#ddd);border-left:3px solid var(--amber,#e8a33d);border-radius:10px;padding:13px;margin:12px 0}.agent-finding.error{border-left-color:#c65b52}.agent-finding.suggestion{border-left-color:#64828b}.agent-finding h3{margin:5px 0;font-size:14px}.agent-finding p{margin:8px 0;white-space:pre-wrap}.agent-finding>small{color:var(--ink-soft,#777);font-size:10px;text-transform:uppercase}.agent-stale{padding:10px;background:#fff0d6;border-radius:8px}.agent-prototype{margin-top:20px;border-top:1px solid var(--line,#ddd);padding-top:14px}.agent-prototype summary{cursor:pointer;font-weight:600}.agent-prototype>button{width:100%;margin-top:10px}
.agent-chat{display:flex;flex-direction:column;gap:9px;min-height:150px;max-height:34vh;overflow:auto;margin:12px -4px 16px;padding:4px}.agent-chat-empty{display:flex;flex-direction:column;gap:5px;padding:20px;border:1px dashed var(--line,#ddd);border-radius:16px;text-align:center;color:var(--ink-soft,#777)}.agent-message{max-width:92%;padding:10px 12px;border:1px solid #ffffffc9;border-radius:15px;background:#ffffffb8;box-shadow:0 4px 12px #315b8c0d}.agent-message.user{align-self:flex-end;background:#dceaffd9;border-bottom-right-radius:5px}.agent-message.assistant{align-self:flex-start;border-bottom-left-radius:5px}.agent-message small{display:block;margin-bottom:3px;color:var(--ink-soft,#777);font-size:9px}.agent-message p{margin:0;white-space:pre-wrap;font-size:12px;line-height:1.55}.agent-change-draft{padding:14px;border:1px solid #8caae080;border-radius:17px;background:linear-gradient(135deg,#eef5ffed,#eee9ffdf);box-shadow:inset 0 1px 0 #fff}.agent-change-draft h3{margin:6px 0 10px;font-size:14px}.agent-change-draft>div{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}.agent-change-draft>div span{padding:4px 7px;border-radius:10px;background:#ffffffb8;color:#42628d;font-size:9px}.agent-change-draft button{margin:3px 3px 0 0;font-size:10px}.agent-tools{margin-top:18px;border-top:1px solid var(--line,#ddd);padding-top:14px}.agent-tools>summary{cursor:pointer;font-weight:650;color:var(--ink)}#agent-send{width:100%;margin-top:-5px}.dark-theme .agent-message{background:#293c57;border-color:#ffffff14}.dark-theme .agent-message.user{background:#315783}.dark-theme .agent-change-draft{background:linear-gradient(135deg,#293f5d,#363653);border-color:#6d8fbd}.dark-theme .agent-change-draft>div span{background:#ffffff10;color:#d9e7fb}
.agent-usage{display:block;margin-top:7px;color:var(--ink-soft);font-size:8px;opacity:.8}
.layer-agent-actions{--agent-accent:#6d9ee8;position:relative;display:flex;align-items:center;gap:14px;margin:-5px 0 14px;padding:11px 13px;border:1px solid #ffffffdf;border-radius:19px;background:linear-gradient(135deg,#f7fbffdb,#eaf2ffad);box-shadow:0 10px 30px #345a8610,inset 0 1px 0 #fff;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);overflow:hidden}.layer-agent-actions::before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--agent-accent)}.layer-agent-overview{--agent-accent:#67a4eb}.layer-agent-requirements{--agent-accent:#61b8a4}.layer-agent-bpmn{--agent-accent:#8d78ed}.layer-agent-uml{--agent-accent:#df8aa5}.layer-agent-technical{--agent-accent:#e59b56}.layer-agent-slides{--agent-accent:#bc78dc}.layer-agent-glossary{--agent-accent:#58aeb5}.layer-agent-heading{display:flex;align-items:center;gap:10px;min-width:190px;max-width:230px}.layer-agent-mark{display:grid;place-items:center;flex:0 0 34px;height:34px;border:1px solid #ffffffeb;border-radius:11px;background:linear-gradient(145deg,var(--agent-accent),#7a74df);color:white;box-shadow:0 6px 15px color-mix(in srgb,var(--agent-accent) 28%,transparent),inset 0 1px 0 #ffffff80}.layer-agent-heading>div{display:flex;min-width:0;flex-direction:column}.layer-agent-heading small{color:#7a8da8;font-size:7px;letter-spacing:.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-agent-heading strong{font-size:11px;color:#2e4667}.layer-agent-heading div>span{font-size:8px;color:#8291a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-agent-buttons{display:flex;gap:7px;min-width:0;overflow-x:auto;scrollbar-width:none}.layer-agent-buttons::-webkit-scrollbar{display:none}.layer-agent-buttons>button{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:150px;padding:8px 10px;border-color:#ffffffd6;border-radius:13px;background:linear-gradient(145deg,#ffffffd9,#f3f7ffac);box-shadow:0 4px 13px #35577d0b,inset 0 1px 0 #fff;text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.layer-agent-buttons>button:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--agent-accent) 45%,white);box-shadow:0 7px 18px #35577d18,inset 0 1px 0 #fff}.layer-agent-buttons>button>span:first-child{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:color-mix(in srgb,var(--agent-accent) 14%,white);color:var(--agent-accent);font-size:14px}.layer-agent-buttons>button>span:last-child{display:flex;flex-direction:column}.layer-agent-buttons strong{font-size:9px;color:#344b69}.layer-agent-buttons small{font-size:7px;color:#8291a6}.layer-agent-confirm{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:15px;padding:10px 16px;background:#edf5ffec;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:agent-confirm-in .18s ease both}.layer-agent-confirm[hidden]{display:none}.layer-agent-confirm>span{font-size:11px;font-weight:600;color:#344b69}.layer-agent-confirm>div{display:flex;gap:6px}.layer-agent-confirm button{min-width:54px;padding:6px 11px;font-size:10px}@keyframes agent-confirm-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
.dark-theme .layer-agent-actions{border-color:#ffffff1c;background:linear-gradient(135deg,#263b55dc,#202e43c9);box-shadow:0 12px 30px #0002,inset 0 1px 0 #ffffff12}.dark-theme .layer-agent-heading small,.dark-theme .layer-agent-heading div>span,.dark-theme .layer-agent-buttons small{color:#9fb0c8}.dark-theme .layer-agent-heading strong,.dark-theme .layer-agent-buttons strong{color:#edf4ff}.dark-theme .layer-agent-buttons>button{border-color:#ffffff16;background:linear-gradient(145deg,#ffffff10,#7898bd09);box-shadow:inset 0 1px 0 #ffffff0d}.dark-theme .layer-agent-buttons>button>span:first-child{background:color-mix(in srgb,var(--agent-accent) 25%,#17263b)}.dark-theme .layer-agent-confirm{background:#1e3048ed}.dark-theme .layer-agent-confirm>span{color:#eef5ff}
.layer-agent-result{position:absolute;inset:0;z-index:3;display:flex;align-items:center;gap:12px;padding:9px 16px;background:#edf5fff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:agent-confirm-in .2s ease both}.layer-agent-result[hidden]{display:none}.layer-agent-result.loading{color:#56759d}.layer-agent-result>strong{flex:0 0 auto;max-width:190px;font-size:11px;color:#304b6e}.layer-agent-result>p{flex:1;min-width:120px;max-height:42px;margin:0;overflow:auto;color:#536b8a;font-size:9px;line-height:1.45}.layer-agent-result>small{color:#7c8da4;font-size:7px;white-space:nowrap}.layer-agent-result>div{display:flex;flex:0 0 auto;gap:5px}.layer-agent-result button{padding:6px 10px;font-size:9px}.dark-theme .layer-agent-result{background:#1e3048f2}.dark-theme .layer-agent-result>strong{color:#f0f6ff}.dark-theme .layer-agent-result>p,.dark-theme .layer-agent-result>small,.dark-theme .layer-agent-result.loading{color:#b8c9df}
@media(max-width:1150px){.layer-agent-actions{align-items:flex-start;flex-direction:column}.layer-agent-heading{max-width:none}.layer-agent-buttons{width:100%}}@media(max-width:600px){.layer-agent-actions{margin-top:-6px;padding:10px;border-radius:15px}.layer-agent-buttons>button{min-width:145px}.layer-agent-confirm{align-items:flex-start;flex-direction:column;gap:7px}.layer-agent-confirm>span{font-size:10px}}
@media(max-width:700px){#agent-panel.agent-floating{left:10px!important;top:70px!important;width:calc(100vw - 20px)!important;height:calc(100vh - 80px)!important;min-width:0;min-height:0;resize:none}#agent-panel.agent-page{min-height:0;padding:16px}.agent-resize-handle{display:none}.agent-chat{max-height:32vh}.agent-context-fields{grid-template-columns:1fr}}