/* Reference direction: white shell, hairline edges, quiet rounded navigation. */
:root{--shell-width:264px;--shell-line:#ececf0;--shell-ink:#292d37;--shell-muted:#818794;--shell-selected:#f3f3f5;--radius:12px;--shadow:0 1px 3px #20293803}
body{background:#fff}
.sidebar{width:var(--shell-width);padding:31px 24px 20px;border-right:1px solid var(--shell-line);background:#fff;box-shadow:none}
.brand{gap:11px;margin:0 10px 37px;padding:0;font-size:27px;letter-spacing:-1px;font-weight:750;color:#242832;line-height:1.1}
.brand-mark{display:block;flex-shrink:0;width:40px;height:42px;background:none;border:0;border-radius:0;color:#ff7a58;box-shadow:none}
.brand-mark svg{display:block;width:40px;height:42px}
.brand-caption{display:block;font-size:11px;letter-spacing:2px;font-weight:400;color:#888e99;margin-top:7px}
.space-switch,.nav-caption,.nav-dot{display:none}
.side-create{display:flex;align-items:center;gap:12px;width:100%;min-height:57px;padding:13px 20px;margin:0 0 15px;border:1px solid #fff1eb;border-radius:12px;background:#fff7f3;color:#2c3039;font-size:16px;font-weight:650;box-shadow:0 1px 2px #e5bd9e05;transition:background .15s}
.side-create:hover{background:#fff0e8}
.side-create-icon{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#ee683c;color:#fff;flex-shrink:0}
.side-create-icon svg{width:16px;height:16px;stroke-width:2.2}
.sidebar nav{display:grid;gap:7px}
.nav-link{position:relative;gap:13px;min-height:51px;padding:12px 19px;border-radius:10px;color:#363b46;font-size:16px;line-height:1.5;border:1px solid transparent;font-weight:400;transition:background .15s,color .15s}
.nav-link>svg{width:23px;height:23px;stroke-width:1.7;color:#343b48}
.nav-link:hover{background:#f8f8fa;color:#252a34}
.nav-link.active{background:var(--shell-selected);color:#252a34;font-weight:650;border-color:#f3f3f5}
.nav-link.active>svg{color:#454d5d;stroke-width:1.9}
.nav-count{margin-left:auto;border-radius:5px;background:#f4f4f6;color:#79808d;font-size:11px;min-width:20px;line-height:20px;text-align:center;font-weight:400}
.nav-link.active .nav-count{background:#fff;color:#717986}
.nav-tag{display:inline-flex;align-items:center;line-height:22px;padding:0 7px;border-radius:8px;background:#f0edff;color:#795cc0;font-size:11px;font-weight:500;margin-left:auto}
.nav-divider{height:1px;background:var(--shell-line);margin:11px 0}
.sidebar-bottom{margin-top:auto;padding-top:29px}
.local-card{padding:18px 16px 14px;background:#fffaf5;border:1px solid #f4eadc;border-radius:11px;margin:0 0 15px;box-shadow:none}
.local-card>strong{font-size:12px;font-weight:600;color:#5b5046}
.local-card>p{font-size:11px;line-height:1.8;color:#92877d;margin:8px 0 13px}
.local-card .online-dot{width:5px;height:5px;background:#ad937b}
.local-card>button{border-top:1px solid #f0e7dd;padding-top:11px;color:#8d7967;font-size:11px}
.sidebar-foot{padding:16px 5px 0;color:#9399a2;font-size:10px}
.app-shell{margin-left:var(--shell-width);background:#fff;border:0}
.topbar{height:84px;padding:0 36px;border-bottom:1px solid var(--shell-line);background:#fffffff5;box-shadow:none;gap:18px;backdrop-filter:blur(12px)}
.breadcrumb{display:flex;align-items:center;gap:16px;min-width:0}
.breadcrumb>strong{font-size:18px;font-weight:650;color:#2b303a;white-space:nowrap}
.workspace-label{padding-left:16px;border-left:1px solid #e7e8ed;font-size:12px;color:#9399a5;line-height:18px;white-space:nowrap}
.top-actions{gap:15px}
.save-state{font-size:11px;color:#818a98;gap:7px}
.help-button{display:flex;align-items:center;justify-content:center;gap:7px;width:auto;height:auto;min-height:39px;padding:8px 16px;border:1px solid #e8e9ef;border-radius:24px;background:#fff;color:#515965;font-size:12px;box-shadow:0 2px 8px #252a3a03;white-space:nowrap;flex-shrink:0}
.help-button:hover{background:#fafafb;border-color:#d9dce4}
.help-button svg{width:17px;height:17px}
.help-button>span{display:inline}
.user-avatar{width:37px;height:37px;border:1px solid #f0f1f4;border-radius:50%;background:#f2f5f7;color:#8d99a9;font-size:13px}
main{padding:31px 34px 0;background:#fff}
.hero h1{font-size:28px;font-weight:680;letter-spacing:-.8px}
.hero p{font-size:12px;color:#858d99;margin-top:8px}
.hero>.button.light,.page-heading>.button.light{border:1px solid #e7e9ef;border-radius:9px;background:#fff;box-shadow:0 2px 8px #252a3a02}
.creator-card,.workflow-card,.result-section,.settings-card,.task-table,.task-summary,.project-item,.asset-card,.avatar-card,.template-card{border-color:#e9eaef;border-radius:12px;box-shadow:0 1px 3px #20293803}
.mode-tabs,.composer-footer{border-color:#eeeef2}
.mode-tabs{background:#fefefe}
.avatar-strip{border-color:#ecedf2;background:#fafafb;border-radius:8px}
.parameter-row{border-top-color:#eff0f3}
.parameter-row label{border-color:#e8eaf0;border-radius:7px;background:#fff}
.button{border-radius:8px}
.form-field input,.form-field select{border-color:#e1e4eb;border-radius:8px;background:#fff}
.info-banner{border-color:#e6e9ef;border-radius:10px;background:#fafbfd}
.filter.active{background:#f1f2f5;color:#414b5b;border-color:#e9ebef}
dialog{border-color:#e5e7ed;border-radius:15px;box-shadow:0 24px 90px #1d2a4129}
.main-footer{border-top-color:#eff0f4;color:#9299a5}
.brand-caption,.sidebar-foot{color:#6f7784}
.nav-count,.nav-link.active .nav-count{color:#68717f}
.nav-tag{color:#7454bd}
.workspace-label,.save-state{color:#6c7686}
.local-card>p{color:#796d61}.local-card>button{color:#796451}
.user-avatar{color:#616f80}
.main-footer{color:#717b8a}
#toast{left:calc(50% + 132px)}
@media(max-width:1200px){:root{--shell-width:230px}.sidebar{padding:28px 18px 18px}.brand{font-size:25px;margin-left:8px;margin-bottom:32px}.brand-mark,.brand-mark svg{width:35px;height:39px}.nav-link{padding:12px 16px;gap:12px;font-size:15px}.side-create{padding-left:17px;font-size:15px}.topbar{padding:0 26px}main{padding:28px 26px 0}.hero h1{font-size:26px}#toast{left:calc(50% + 115px)}}
@media(max-width:1000px){.workspace-label{display:none}.hero h1{font-size:25px}.top-actions{gap:12px}.help-button{padding-left:12px;padding-right:12px}}
@media(max-width:760px){:root{--shell-width:252px}.sidebar{padding:28px 20px 18px;box-shadow:none;transform:translateX(-100%)}.sidebar.open{transform:translateX(0);box-shadow:18px 0 70px #17243a1c}.brand{font-size:26px;margin-bottom:30px}.side-create{font-size:16px}.nav-link{font-size:16px;min-height:51px}.app-shell{margin-left:0}.topbar{height:65px;padding:0 17px;gap:10px}.breadcrumb{gap:9px}.breadcrumb>strong{font-size:17px}.workspace-label{display:none}.top-actions{gap:10px}.save-state{display:none}.help-button{width:34px;min-height:34px;height:34px;padding:7px;border-radius:50%}.help-button>span{display:none}.help-button svg{width:17px;height:17px}.user-avatar{height:32px;width:32px;font-size:12px}.icon-button{width:32px;height:32px;padding:6px;border-radius:7px;color:#737f90}.icon-button svg{width:20px;height:20px}main{padding:25px 18px 0}.hero h1{font-size:23px;letter-spacing:-.7px}.hero p{font-size:11px;max-width:255px}.hero>.button.light{border-radius:8px}.creator-card,.workflow-card,.result-section,.settings-card,.task-table,.task-summary,.project-item,.asset-card,.avatar-card,.template-card{border-radius:11px}.local-card{padding:16px 14px}.sidebar-foot{font-size:10px}.main-footer{font-size:9px}#toast{left:50%}}

[hidden]{display:none!important}