:root { --an-ink:#17243a; --an-muted:#65758b; --an-line:#dce5ee; --an-surface:#fff; --an-bg:#f4f7fb; --an-blue:#436ce6; --an-blue-dark:#3154bf; --an-soft:#eaf0ff; --bg:var(--an-bg); --surface:var(--an-surface); --surface-2:var(--an-soft); --text:var(--an-ink); --muted:var(--an-muted); --line:var(--an-line); --accent:var(--an-soft); --accent-text:var(--an-blue); --lime:var(--an-blue); --blue:var(--an-blue); }
:root[data-theme="dark"] { --an-ink:#e7eefc; --an-muted:#96a7c0; --an-line:#324158; --an-surface:#1a2638; --an-bg:#111b2a; --an-blue:#89a7ff; --an-blue-dark:#6184ef; --an-soft:#233657; --bg:var(--an-bg); --surface:var(--an-surface); --surface-2:var(--an-soft); --text:var(--an-ink); --muted:var(--an-muted); --line:var(--an-line); --accent:var(--an-soft); --accent-text:var(--an-blue); --lime:var(--an-blue); --blue:var(--an-blue); }
body { background:var(--an-bg); color:var(--an-ink); }
.primary { background:var(--an-blue)!important; color:#fff!important; }.primary:hover { background:var(--an-blue-dark)!important; }
.tool-symbol { background:linear-gradient(135deg,#809be2,#476acc)!important; }
:root .panel,:root .recent,:root .tool-card { background:var(--an-surface); border-color:var(--an-line); color:var(--an-ink); }
:root .form-panel,:root .result-panel { background:var(--an-surface); }
:root .field label,:root .empty b,:root .result-head b { color:var(--an-ink); }
:root .field textarea,:root .field input,:root .field select,:root .auth-card input,:root .tabs,:root .uploadbox,:root .scenario,:root .outline,:root .recent button,:root .result-panel button,:root .layers button { background:var(--an-bg); color:var(--an-ink); border-color:var(--an-line); }
:root .tabs button { color:var(--an-muted); }:root .tabs button.active,:root .scenario.active { background:var(--an-soft); color:var(--an-blue); border-color:var(--an-blue); }
:root .scenario b,:root .scenario small { color:inherit; }:root .scenario small { opacity:.7; }
:root .empty { color:var(--an-muted); }:root .empty>div:first-child { background:var(--an-soft); color:var(--an-blue); }
:root .submitline,:root .result-head { border-color:var(--an-line); color:var(--an-muted); }:root .form-panel .submitline { background:var(--an-surface); }
:root .image-results figure,:root .canvas-scroller { background:var(--an-bg); }
:root .tool-card p,:root .tool-bottom { color:var(--an-muted); }
:root .compact-pagebar a,:root .back,:root .muted { color:var(--an-muted); }
.an-site-header { height:66px; min-height:66px; display:flex; align-items:center; gap:23px; padding:0 clamp(14px,2vw,30px); background:var(--an-surface); border-bottom:1px solid var(--an-line); color:var(--an-ink); }
.an-site-brand { display:inline-flex; align-items:center; gap:7px; white-space:nowrap; font-size:18px; font-weight:850; text-decoration:none; color:var(--an-ink); }
.an-site-brand img { width:35px; height:35px; object-fit:contain; }.an-site-brand em { font-style:normal; color:var(--an-muted); font-weight:500; }
.an-site-header nav { display:flex; gap:3px; flex:1; min-width:0; overflow-x:auto; scrollbar-width:thin; align-items:center; }
.an-site-header nav a { color:var(--an-muted); text-decoration:none; white-space:nowrap; border-radius:9px; padding:9px 10px; font-size:12px; font-weight:700; }
.an-site-header nav a:hover,.an-site-header nav a.active { color:var(--an-blue); background:var(--an-soft); }
.an-site-spacer { flex:1; }.an-site-actions { display:flex; align-items:center; gap:10px; white-space:nowrap; }
.an-theme { border:1px solid var(--an-line); border-radius:9px; background:var(--an-surface); color:var(--an-ink); padding:8px 10px; cursor:pointer; }
.an-site-credit { color:var(--an-blue); background:var(--an-soft); border:1px solid var(--an-line); border-radius:999px; padding:7px 10px; text-decoration:none; font-size:12px; font-weight:750; }
.an-site-profile { position:relative; }.an-site-profile summary { list-style:none; display:flex; align-items:center; gap:7px; cursor:pointer; font-size:12px; }.an-site-profile summary::-webkit-details-marker { display:none; }
.an-avatar { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:var(--an-blue); color:#fff; font-weight:800; }.an-profile-name { max-width:100px; overflow:hidden; text-overflow:ellipsis; }
.an-site-menu { position:absolute; z-index:30; right:0; top:calc(100% + 12px); min-width:150px; padding:6px; background:var(--an-surface); border:1px solid var(--an-line); box-shadow:0 15px 30px #142d4e25; border-radius:11px; }.an-site-menu a,.an-site-menu button { display:block; width:100%; text-align:left; padding:10px; border:0; border-radius:7px; color:var(--an-ink); background:transparent; text-decoration:none; font-size:12px; cursor:pointer; }.an-site-menu a:hover,.an-site-menu button:hover { background:var(--an-soft); }
@media(max-width:760px) { .an-site-header { height:auto; min-height:60px; flex-wrap:wrap; gap:8px; padding:9px 12px; }.an-site-header nav { order:3; flex-basis:100%; width:100%; }.an-site-actions { margin-left:auto; }.an-site-brand { font-size:16px; }.an-profile-name { display:none; } }
:root .account { padding-bottom:16px; }
:root .account .two-col { min-height:0; }
:root .account .form-panel { gap:10px; }
:root .canvas-layout { height:calc(100vh - 170px); min-height:0; }
:root .canvas-side { height:100%; max-height:none; min-height:0; overflow-y:auto; }
:root .canvas-side .button-row.sticky { background:var(--an-surface); border-top:1px solid var(--an-line); z-index:2; }
:root .canvas-scroller { max-height:none; }
:root .task-tab.active,:root .slot-card.active,:root .layers button.active { border-color:var(--an-blue); color:var(--an-blue); }
:root .range-field b,:root .result-grid figcaption a,:root .placeholder,:root .empty-result>span { color:var(--an-blue); }
:root .range-field input,:root .slot-top input { accent-color:var(--an-blue); }
:root .upload-target,:root .taskbar .new-task { border-color:var(--an-line); }
:root .preview-tools a,:root .slot-actions button,:root .slot-actions a { background:var(--an-soft); color:var(--an-blue); border-color:var(--an-line); }
:root .field input:focus,:root .field textarea:focus,:root .field select:focus { border-color:var(--an-blue); }
:root .video-agent-link,:root .video-agent-unavailable { flex:1; display:grid; place-items:center; min-height:42px; border-radius:11px; color:var(--an-blue); font-size:13px; font-weight:750; }
:root .video-agent-link:hover { background:var(--an-soft); }
:root .video-agent-unavailable { color:var(--an-muted); opacity:.7; }
@media(max-width:760px) { :root .canvas-layout { height:auto; min-height:620px; } :root .canvas-side { height:650px; } }
:root .canvas-side .button-row.sticky { display:grid; grid-template-columns:1fr 1fr; flex:none; }
:root .canvas-side .button-row.sticky>[data-act="generate-canvas"] { grid-column:1 / -1; }
body:has(.account) .foot { display:none; }
:root .account { height:calc(100vh - 66px); overflow:hidden; display:flex; flex-direction:column; }
:root .account .two-col { flex:1; min-height:0; overflow:hidden; }
:root .account .two-col>.panel { min-height:0; overflow:hidden; }
:root .account .ledger { flex:1; overflow:auto; min-height:0; }
@media(max-width:760px) { :root .account { height:auto; overflow:visible; } :root .account .two-col { overflow:visible; } }
body:has(.canvas-layout) .foot { display:none; }
:root .workspace:has(.canvas-layout) { height:calc(100vh - 66px); overflow:hidden; display:flex; flex-direction:column; padding-bottom:12px; }
:root .workspace .canvas-layout { flex:1; height:auto; min-height:0; }
@media(max-width:760px) { :root .workspace:has(.canvas-layout) { height:auto; overflow:visible; } :root .workspace .canvas-layout { min-height:620px; } }