/* Brand palette; keep the existing dark surfaces, typography and layout. */
:root{accent-color:var(--brand-primary);--brand-primary:#4ec5d1;--brand-gray:#acadad;--brand-red:#e07373;--brand-green:#6cc097;--accent-strong:#3eabb6;--accent-hover:#72d1db;--accent-surface:rgba(78,197,209,.12);--accent-border:rgba(78,197,209,.45);--success:var(--brand-green);--success-surface:rgba(108,192,151,.14);--success-border:rgba(108,192,151,.45);--danger-surface:rgba(224,115,115,.12);--danger-border:rgba(224,115,115,.45)}
:root{color-scheme:dark;--bg:var(--theme-surface,#1e1f1d);--side:var(--theme-surface,#191a18);--panel:var(--theme-surface,#252622);--panel-hover:var(--theme-surface,#2c2d29);--line:var(--theme-border,#393a34);--muted:var(--brand-gray);--text:var(--theme-text-strong,#f1f0e9);--accent:var(--brand-primary);--ink:#251e19;--danger:var(--brand-red);--radius:12px;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button,a{touch-action:manipulation}a{color:var(--accent-text,var(--accent));text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent-text,var(--accent));outline-offset:4px}button{color:inherit;border:none;background:none}h1,h2,h3,p{margin:0}h1{font-size:34px;font-weight:650;line-height:1.3;letter-spacing:-1px}h2{font-size:21px;font-weight:600}h3{font-size:17px;font-weight:600}p{line-height:1.8}.muted,.help{color:var(--muted)}.help{font-size:12px;line-height:1.7}.skip-link{position:fixed;top:-60px;left:20px;background:var(--accent);color:var(--ink);padding:10px 20px;z-index:100}.skip-link:focus{top:12px}.boot{min-height:100dvh;display:flex;align-items:center;justify-content:center;gap:18px;color:var(--muted)}.wordmark-symbol{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;background:var(--accent);color:var(--ink);font-size:23px;font-weight:700;border-radius:10px}.layout{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;padding:27px 17px 20px;background:var(--side);border-right:1px solid var(--line);z-index:30;display:flex;flex-direction:column}.brandmark{display:flex;gap:12px;align-items:center;margin:0 9px 30px}.brandmark strong{font-size:21px;letter-spacing:2px}.brandmark small{display:block;color:var(--muted);font-size:11px;letter-spacing:1px}.workspace-label{padding:13px 12px;border:1px solid var(--line);border-radius:9px;font-size:12px;margin-bottom:25px;display:flex;align-items:center;gap:10px}.workspace-icon{width:29px;height:29px;background:var(--surface-icon,#35362f);border-radius:7px;display:grid;place-items:center;color:var(--accent-text,var(--accent))}.workspace-label small{display:block;color:var(--muted);font-size:10px}.nav-group-label{font-size:11px;color:var(--muted);padding:8px 13px 7px;letter-spacing:1px}.nav{display:grid;gap:5px}.nav button{display:flex;align-items:center;gap:12px;text-align:left;color:var(--muted);padding:11px 13px;border-radius:8px;font-size:13px;width:100%}.nav button:hover{background:var(--panel)}.nav button.active{background:var(--accent-surface);color:var(--accent-text,var(--accent))}.nav-icon{width:20px;font-size:19px;line-height:1;text-align:center}.nav-divider{border-top:1px solid var(--line);margin:22px 12px 12px}.sidebar-bottom{margin-top:auto;padding-top:28px}.model-note{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);padding:11px 12px}.status-dot{width:6px;height:6px;border:1px solid var(--muted);border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.connected{background:var(--success);border-color:var(--success)}.profile{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding:18px 10px 0}.avatar{display:grid;place-items:center;width:33px;height:33px;background:var(--surface-icon,#363831);color:var(--text-body,#d7d9cb);border-radius:50%;font-size:13px}.profile strong{display:block;font-size:12px}.profile small{color:var(--muted);font-size:10px}.logout{margin-left:auto;color:var(--muted);padding:8px;font-size:18px}.content-wrap{grid-column:2;min-width:0}.topbar{height:72px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)}.topbar .breadcrumb{display:flex;gap:12px;align-items:center}.topbar .breadcrumb strong{color:var(--text-body,#e3e4d9);font-weight:400}.topbar-right{display:flex;align-items:center;gap:12px}.team-tag{border:1px solid var(--line);border-radius:6px;padding:4px 9px;font-size:11px}.menu-toggle{display:none;font-size:22px;padding:4px}.main{padding:42px 42px 70px;max-width:1440px;margin:auto}.page-heading{margin-bottom:29px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.page-heading p{margin-top:9px;color:var(--muted);font-size:13px;max-width:660px}.eyebrow{color:var(--accent-text,var(--accent));font-size:11px;letter-spacing:1.6px;margin-bottom:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:var(--ink);padding:10px 17px;border-radius:8px;font-size:13px;font-weight:600;white-space:nowrap;min-height:41px;transition:background .15s,transform .15s}.button:hover{background:var(--accent-hover);text-decoration:none}.button:active{transform:translateY(1px)}.button.secondary{background:transparent;color:var(--text);border:1px solid var(--border-control,#4a4b42)}.button.secondary:hover{background:var(--panel-hover)}.button.quiet{background:var(--panel);color:var(--text);border:1px solid var(--line)}.button.small{padding:7px 12px;min-height:34px;font-size:12px}.button.link{background:transparent;color:var(--accent-text,var(--accent));padding:0;min-height:auto}.intro-banner{display:grid;grid-template-columns:1fr auto;gap:25px;padding:25px 28px;background:var(--surface-feature,#2b2b25);border:1px solid var(--border-control,#464239);border-radius:var(--radius);margin-bottom:29px;position:relative;overflow:hidden}.intro-banner:after{content:"";position:absolute;width:160px;height:160px;border:1px solid var(--accent-border);border-radius:50%;right:34px;top:-84px;pointer-events:none}.intro-banner h2{font-size:18px;margin-bottom:6px}.intro-banner p{font-size:12px;color:var(--text-secondary,#bcbdb0);max-width:640px}.banner-action{align-self:center;z-index:1}.section-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.section-bar h2{font-size:16px}.search{width:285px;position:relative}.search span{position:absolute;left:13px;top:8px;color:var(--muted);font-size:20px}.search input{padding-left:38px;width:100%;height:40px;background:var(--surface-subtle,#252622)}.field{display:grid;gap:7px;margin-bottom:20px}.field label,.field-label{font-size:12px;color:var(--text-body,#dbdcd2);font-weight:500}.field input,.field textarea,.field select,input,select,textarea{color:var(--text);background:var(--surface-subtle,#20211e);border:1px solid var(--border-control,#45463e);border-radius:7px;padding:10px 12px;width:100%;min-width:0}input::placeholder,textarea::placeholder{color:var(--text-placeholder,#85877c)}textarea{resize:vertical;line-height:1.8;min-height:110px}input:focus,textarea:focus,select:focus{border-color:var(--accent)}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.tab{padding:8px 12px;border-radius:7px;color:var(--text-secondary,#b6b8ab);font-size:12px;border:1px solid transparent;white-space:nowrap}.tab:hover{background:var(--panel)}.tab.active{background:var(--accent-surface);color:var(--accent-text,var(--accent));border-color:var(--accent-border)}.count{font-size:10px;opacity:.75;margin-left:7px;font-variant-numeric:tabular-nums}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-card{display:flex;flex-direction:column;align-items:flex-start;position:relative;min-height:208px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:22px;text-align:left;transition:background .16s,border-color .16s,transform .16s}.tool-card:hover{background:var(--panel-hover);border-color:var(--border-control,#686454);transform:translateY(-2px)}.tool-icon{width:41px;height:41px;display:grid;place-items:center;background:var(--accent-surface);color:var(--accent-text,var(--accent));border-radius:10px;font-size:23px;margin-bottom:17px}.tool-card:nth-child(3n+2) .tool-icon{background:rgba(172,173,173,.12);color:var(--muted)}.tool-card:nth-child(3n) .tool-icon{background:var(--success-surface);color:var(--success-text,var(--success))}.tool-card h3{font-size:15px;margin-bottom:8px}.tool-card p{color:var(--muted);font-size:12px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:19px}.tool-card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:10px;color:var(--text-placeholder,#989b8e)}.arrow{font-size:19px;line-height:1;color:var(--text-secondary,#c5c6b9)}.empty{padding:64px 20px;text-align:center;border:1px dashed var(--border-control,#44473d);border-radius:var(--radius);background:var(--surface-subtle,#22231f)}.empty-icon{font-size:35px;color:var(--text-placeholder,#8f9684);margin-bottom:15px}.empty h3{font-size:16px;margin-bottom:8px}.empty p{font-size:12px;color:var(--muted);margin-bottom:22px}.panel{border:1px solid var(--line);background:var(--panel);padding:26px;border-radius:var(--radius)}.panel h2{font-size:17px;margin-bottom:7px}.panel>p{font-size:12px;color:var(--muted);margin-bottom:24px}.split{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px}.brand-list{display:grid;align-content:start;gap:9px}.brand-list button{padding:17px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:9px}.brand-list button.active{border-color:var(--accent);background:var(--accent-surface)}.brand-list strong{display:block;font-size:13px;margin-bottom:4px}.brand-list small{color:var(--muted);font-size:11px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.wide{grid-column:1/-1}.form-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding-top:8px}.inline-error{color:var(--danger-text,var(--danger));font-size:12px;line-height:1.7;margin-bottom:15px;white-space:pre-wrap}.inline-success{color:var(--success-text,var(--success));font-size:12px}.notice{padding:12px 15px;border:1px solid var(--accent-border);background:var(--accent-surface);color:var(--text);font-size:12px;border-radius:8px;margin-bottom:22px;line-height:1.7}.project-list{display:grid;gap:10px}.project-row{display:grid;grid-template-columns:1fr 125px 110px 95px;gap:18px;align-items:center;width:100%;padding:20px 23px;border:1px solid var(--line);border-radius:10px;background:var(--panel);text-align:left}.project-row:hover{border-color:var(--border-control,#656153);background:var(--panel-hover)}.project-row h3{font-size:14px;font-weight:500}.project-row p,.project-row .date{font-size:11px;color:var(--muted);margin-top:4px}.project-row .brand-name{font-size:12px;color:var(--text-secondary,#bfc2b4)}.badge{font-size:10px;padding:4px 9px;border:1px solid var(--border-control,#505344);border-radius:5px;display:inline-flex;align-items:center;justify-content:center;width:max-content;color:var(--text-secondary,#c6cab7)}.badge.review{color:var(--accent-text,var(--accent));border-color:var(--accent-border)}.badge.done{color:var(--success-text,var(--success));border-color:var(--success-border)}.editor-layout{display:grid;grid-template-columns:minmax(280px,370px) minmax(0,1fr);gap:22px;align-items:start}.editor-heading{margin-bottom:24px}.editor-heading h1{font-size:27px}.editor-heading .back{color:var(--muted);padding:0;margin-bottom:16px;font-size:12px}.editor-panel{padding:23px}.editor-panel .field:last-child{margin-bottom:0}.output-panel{min-height:560px}.output-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px}.output-header h2{font-size:15px;margin:0}.output-actions{display:flex;gap:8px}.output-text{min-height:360px;border:none;outline:none!important;background:transparent;padding:4px 0;color:var(--text-body,#e4e4d9);font-size:14px;line-height:1.9}.output-text:focus{box-shadow:none}.output-text::placeholder{color:var(--text-placeholder,#787e70)}.output-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:16px;margin-top:12px}.output-footer .help{font-size:11px}.versions{margin-top:24px}.versions summary{color:var(--muted);font-size:12px;cursor:pointer}.version-list{display:grid;gap:8px;margin-top:12px}.version-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--surface-subtle,#20211d);border-radius:7px;gap:12px}.version-row span{font-size:11px;color:var(--muted)}.member-row{display:grid;grid-template-columns:1fr 1fr 100px;gap:20px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}.member-row:last-child{border-bottom:0}.member-row small{color:var(--muted)}.settings-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);gap:23px}.setting-note{margin-top:22px;border-top:1px solid var(--line);padding-top:20px}.setting-note h3{font-size:13px;margin-bottom:9px}.setting-note p{font-size:12px;color:var(--muted)}.evidence-grid{display:grid;gap:15px}.evidence-item{padding:23px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.evidence-item h3{margin-bottom:9px;font-size:15px}.evidence-item p{font-size:12px;color:var(--text-secondary,#b9bbae);white-space:pre-wrap}.evidence-item a{font-size:12px;display:inline-block;margin-top:12px;word-break:break-all}.auth-wrap{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.auth-story{background:var(--surface-feature,#252620);padding:60px 9%;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line)}.auth-story .brandmark{margin:0}.auth-story h1{font-size:clamp(30px,3.2vw,48px);letter-spacing:-1px;line-height:1.5;margin:70px 0 22px}.auth-story h1 span{color:var(--accent-text,var(--accent))}.auth-story p{color:var(--muted);font-size:14px;max-width:400px}.auth-story footer{font-size:11px;color:var(--text-placeholder,#878d7b);margin-top:70px}.auth-main{display:flex;align-items:center;justify-content:center;padding:45px 28px}.auth-box{width:100%;max-width:370px}.auth-box h2{font-size:27px;margin-bottom:8px}.auth-box>p{font-size:13px;color:var(--muted);margin-bottom:33px}.auth-box .button{width:100%;margin-top:6px}.auth-box .help{margin-top:23px;text-align:center}.skeleton{height:208px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(90deg,var(--surface-subtle,#252622) 20%,var(--surface-track,#30312a) 50%,var(--surface-subtle,#252622) 80%);background-size:200% 100%;animation:shimmer 1.5s linear infinite}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,25px);padding:11px 20px;background:var(--theme-surface-active,#e5e6d9);color:var(--theme-text-subtle,#25271e);border-radius:8px;font-size:12px;box-shadow:0 8px 30px #0004;z-index:90;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;max-width:calc(100vw - 30px)}#toast.show{opacity:1;transform:translate(-50%,0)}.mobile-overlay{display:none}.loading-line{color:var(--muted);padding:40px 0;font-size:13px}.danger-link{color:var(--danger-text,var(--danger))}@keyframes shimmer{to{background-position:-200% 0}}@media(min-width:1600px){.main{padding-top:52px}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1199px){.layout{grid-template-columns:210px minmax(0,1fr)}.sidebar{width:210px}.main{padding:32px 28px 60px}.topbar{padding:0 28px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-layout{grid-template-columns:minmax(240px,310px) minmax(0,1fr)}.editor-panel{padding:19px}.project-row{grid-template-columns:1fr 100px 90px}.project-row .date{display:none}.settings-grid{grid-template-columns:1fr}.auth-story{padding:45px 10%}}@media(max-width:900px){.split{grid-template-columns:200px minmax(0,1fr)}.editor-layout{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}.editor-panel{padding:23px}.auth-story h1{font-size:32px}}@media(max-width:767px){.layout{display:block}.sidebar{transform:translateX(-100%);transition:transform .2s;width:238px}.layout.menu-open .sidebar{transform:translateX(0)}.layout.menu-open .mobile-overlay{display:block;position:fixed;inset:0;background:#0008;z-index:25}.content-wrap{width:100%}.topbar{height:62px;padding:0 20px}.topbar .breadcrumb{gap:9px}.menu-toggle{display:inline-block}.topbar-right .team-tag{display:none}.main{padding:28px 20px 50px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:29px}.page-heading .button{padding:8px 12px;font-size:11px}.intro-banner{padding:22px;grid-template-columns:1fr;gap:17px}.intro-banner:after{right:-48px}.banner-action{justify-self:start}.section-bar{flex-wrap:wrap;gap:14px}.search{width:100%}.tabs{gap:5px;margin-bottom:20px}.tab{padding:7px 9px;font-size:11px}.tool-grid{gap:12px}.tool-card{padding:18px;min-height:215px}.tool-card h3{font-size:14px}.tool-card p{font-size:11px}.tool-card-footer{font-size:9px}.split{grid-template-columns:1fr}.brand-list{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-list button{padding:13px}.panel{padding:21px}.project-row{padding:17px;gap:10px;grid-template-columns:1fr 65px}.project-row .brand-name{display:none}.project-row h3{font-size:13px}.auth-wrap{grid-template-columns:1fr}.auth-story{padding:28px;border-right:none;border-bottom:1px solid var(--line)}.auth-story h1{font-size:25px;margin:32px 0 9px;line-height:1.4}.auth-story h1 br{display:none}.auth-story p{font-size:12px}.auth-story footer{display:none}.auth-story .brandmark small{display:none}.auth-main{padding:35px 26px 50px;align-items:flex-start}.auth-box h2{font-size:23px}.auth-box>p{margin-bottom:23px}.editor-heading h1{font-size:25px}.output-actions{gap:4px}.output-actions .button{font-size:10px;padding:5px 8px;min-height:31px}.output-footer{flex-wrap:wrap}.member-row{grid-template-columns:1fr 1fr 60px;gap:9px;font-size:11px}.page-heading p{font-size:12px}.topbar-right{font-size:10px}.eyebrow{font-size:10px}.notice{font-size:11px}.output-text{min-height:320px}}@media(max-width:390px){.tool-grid{grid-template-columns:1fr}.brand-list{grid-template-columns:1fr}.main{padding-left:16px;padding-right:16px}.tool-card{min-height:190px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.mt24{margin-top:24px}.mt16{margin-top:16px}.mt9{margin-top:9px}.mb12{margin-bottom:12px}.tabs[data-compact=true]{margin-bottom:0}.editor-description{font-size:12px;margin-top:8px}

/* Full workspace navigation scrolls on short desktop and mobile screens. */
.sidebar{overflow-y:auto;overscroll-behavior:contain}.sidebar-bottom{flex-shrink:0}.nav-group-label{flex-shrink:0}
.sidebar-history{margin:16px 0 8px;flex-shrink:0;color:var(--muted)}.sidebar-history>summary{cursor:pointer;padding:10px 9px;font-size:13px;color:var(--text);font-weight:600}.sidebar-history summary span{font-size:11px;margin-left:5px;color:var(--muted)}.sh-controls{display:grid;gap:6px;margin:7px 5px 12px}.sh-controls input,.sh-controls select{min-width:0;width:100%;padding:7px 8px;font-size:11px;min-height:32px}.sh-group{margin:5px 5px}.sh-group>summary{font-size:12px;cursor:pointer;padding:6px 3px}.sh-entry{display:block;width:100%;text-align:left;padding:8px 10px;margin:3px 0;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}.sh-entry>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-entry small{display:block;font-size:10px;opacity:.8;margin-top:3px}.sh-entry:hover,.sh-entry.selected{color:var(--text);background:var(--accent-soft);border-color:var(--line)}.sh-entry:focus-visible,.sh-more:focus-visible,.sh-refresh:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sh-empty,.sh-error{font-size:11px;padding:5px 10px}.sh-more,.sh-refresh{color:var(--muted);border:0;background:transparent;padding:7px 10px;font-size:11px;cursor:pointer}.sh-refresh{margin-left:5px}
