:root{color:var(--text);background:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;--ink:#20232b;--ink-soft:#30343f;--ink-active:#343842;--ink-line:#ffffff1a;--titlebar:#171920;--explorer:#292c34;--paper:#f7f4ec;--paper-deep:#efebe1;--white:#fff;--field-surface:#fcfbf7;--tab-surface:#f2efe7f5;--seal:#c1403a;--seal-dark:#aa332e;--seal-tint:#fbefed;--seal-shadow:#c1403a33;--seal-focus:#c1403a73;--seal-badge:#c1403a40;--tech:#2c5c8a;--tech-tint:#edf4fa;--green:#3e7052;--green-tint:#eef6f0;--amber:#a46a1f;--amber-tint:#fff5e6;--danger:#bd3c35;--text:#303236;--text-muted:#74766f;--text-soft:#9c9b94;--line:#ded9cd;--line-strong:#c9c2b5;--row-line:#eeeae1;--grid:#48678513;--scroll-thumb:#d1cbbf;--boot-overlay:#20232bf0;--toast-surface:#252831;--shadow-card:0 2px 12px #22262c0e;--shadow-pop:0 18px 50px #191c2233;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}:root[data-theme=jade]{--ink:#1f2d2b;--ink-soft:#2b3c39;--ink-active:#334843;--titlebar:#15201f;--explorer:#263531;--paper:#f2f6f4;--paper-deep:#e6eeea;--field-surface:#f8fbf9;--tab-surface:#e8efebf5;--seal:#16736a;--seal-dark:#0e5e56;--seal-tint:#e4f3ef;--seal-shadow:#16736a33;--seal-focus:#16736a6b;--seal-badge:#16736a47;--tech:#355f75;--tech-tint:#e8f0f4;--green:#397557;--green-tint:#e8f3ec;--amber:#9a6a24;--amber-tint:#fbf2e3;--danger:#b6403b;--text:#263431;--text-muted:#677671;--text-soft:#8b9994;--line:#d4dfda;--line-strong:#bdcdc6;--row-line:#e4ece8;--grid:#26675d12;--scroll-thumb:#becdc7;--boot-overlay:#1f2d2bf0;--toast-surface:#25332f}:root[data-theme=indigo]{--ink:#202632;--ink-soft:#30394a;--ink-active:#394357;--titlebar:#171c26;--explorer:#282f3d;--paper:#f2f4f8;--paper-deep:#e7eaf1;--field-surface:#fafbfe;--tab-surface:#eaedf4f5;--seal:#5367a5;--seal-dark:#43558e;--seal-tint:#e9edf8;--seal-shadow:#5367a533;--seal-focus:#5367a56b;--seal-badge:#5367a54d;--tech:#316b78;--tech-tint:#e5f0f2;--green:#39705a;--green-tint:#e9f3ed;--amber:#9a6a26;--amber-tint:#fbf2e4;--danger:#b7464d;--text:#2d3340;--text-muted:#69717f;--text-soft:#9299a6;--line:#d7dbe5;--line-strong:#c1c7d4;--row-line:#e7e9ef;--grid:#5367a511;--scroll-thumb:#c3c8d3;--boot-overlay:#202632f0;--toast-surface:#292f3d}:root[data-theme=plum]{--ink:#282129;--ink-soft:#3a303b;--ink-active:#47394a;--titlebar:#1d181e;--explorer:#332a34;--paper:#f7f2f5;--paper-deep:#eee5eb;--field-surface:#fcf9fb;--tab-surface:#f1e9eef5;--seal:#9b4666;--seal-dark:#803650;--seal-tint:#f7e9ef;--seal-shadow:#9b466633;--seal-focus:#9b46666b;--seal-badge:#9b46664d;--tech:#526b83;--tech-tint:#eaf0f5;--green:#487158;--green-tint:#edf4ef;--amber:#9b6927;--amber-tint:#fbf1e3;--danger:#b4424d;--text:#382f36;--text-muted:#786b74;--text-soft:#9d9099;--line:#e0d4dc;--line-strong:#ccbfc8;--row-line:#eee4ea;--grid:#84526d0f;--scroll-thumb:#d0c2cb;--boot-overlay:#282129f0;--toast-surface:#342b35}*{box-sizing:border-box}html,body,#root{width:100%;min-width:1024px;height:100%;margin:0;overflow:hidden}button,input,textarea,select{font:inherit;letter-spacing:0}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--seal-focus);outline-offset:1px}svg{stroke-width:1.8px;flex:none;width:15px;height:15px}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:8px}::-webkit-scrollbar-track{background:0 0}.studio-app{background:var(--paper);grid-template-rows:42px minmax(0,1fr) 24px;min-width:1024px;height:100vh;display:grid}.desktop-titlebar{color:#d9d7d0;background:var(--titlebar);-webkit-user-select:none;user-select:none;border-bottom:1px solid #ffffff14;grid-template-columns:388px minmax(180px,1fr) auto;align-items:center;min-width:0;display:grid}.titlebar-brand{align-items:center;gap:8px;height:100%;padding:0 13px;display:flex}.titlebar-brand>span{color:#fff;background:var(--seal);border:1px solid #ffffff73;border-radius:4px;place-items:center;width:23px;height:23px;font-family:Noto Serif SC,serif;font-size:13px;font-weight:700;display:grid}.titlebar-brand strong{font-family:Noto Serif SC,serif;font-size:13px}.titlebar-brand small{color:#777a83;letter-spacing:1.2px;font-size:8px}.titlebar-document{justify-content:center;align-items:center;gap:6px;min-width:0;font-size:10px;display:flex}.titlebar-document svg{color:#8e929d;width:12px}.titlebar-document strong{text-overflow:ellipsis;white-space:nowrap;max-width:360px;font-weight:500;overflow:hidden}.titlebar-document span{color:#8b918b;background:#ffffff0e;border-radius:8px;padding:1px 6px;font-size:8px}.titlebar-tools{align-items:center;gap:5px;padding-right:8px;display:flex}.titlebar-tools .icon-button{color:#8f929a;background:0 0;border-color:#0000}.global-search{background:#ffffff0e;border:1px solid #ffffff17;border-radius:6px;align-items:center;width:210px;height:27px;padding:0 8px;display:flex}.global-search svg{color:#767983;width:12px}.global-search input{color:#d4d2cb;background:0 0;border:0;outline:0;width:100%;min-width:0;padding-left:6px;font-size:9px}.global-search input::placeholder{color:#6f727b}.global-search-wrap{position:relative}.global-search-results{z-index:120;width:270px;box-shadow:var(--shadow-pop);background:#252831;border:1px solid #3a3d46;border-radius:6px;padding:4px;position:absolute;top:32px;right:0}.global-search-results button{color:#d4d2cb;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;width:100%;min-height:32px;padding:5px 7px;display:flex}.global-search-results button:hover,.global-search-results button:focus-visible{background:#ffffff12;outline:0}.global-search-results button span{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:8px;overflow:hidden}.global-search-results button small,.global-search-results>span{color:#898c95;font-size:7px}.global-search-results>span{text-align:center;padding:9px;display:block}.desktop-body{grid-template-columns:170px 218px minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.studio-app.nav-collapsed .desktop-body{grid-template-columns:54px 218px minmax(0,1fr)}.studio-app.explorer-hidden .desktop-body{grid-template-columns:170px minmax(0,1fr)}.studio-app.nav-collapsed.explorer-hidden .desktop-body{grid-template-columns:54px minmax(0,1fr)}.activity-rail{color:#c9c8c2;background:var(--ink);border-right:1px solid #ffffff12;flex-direction:column;min-width:0;min-height:0;padding:10px 9px 9px;transition:width .18s;display:flex;overflow:hidden}.activity-brand{border-bottom:1px solid var(--ink-line);align-items:center;gap:8px;height:38px;padding:0 8px 8px;display:none}.activity-brand span{color:#fff;background:var(--seal);border-radius:4px;place-items:center;width:24px;height:24px;font-family:Noto Serif SC,serif;font-weight:700;display:grid}.activity-brand strong{font-family:Noto Serif SC,serif}.activity-rail nav{flex-direction:column;gap:3px;display:flex}.activity-button{color:#bdbdb8;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;height:39px;padding:0 11px;display:flex;position:relative;overflow:hidden}.activity-button:hover{color:#fff;background:var(--ink-soft)}.activity-button.active{color:#fff;background:var(--ink-active)}.activity-button.active:before{content:"";background:var(--seal);border-radius:2px;width:3px;position:absolute;top:8px;bottom:8px;left:-9px}.activity-button>svg{width:17px;height:17px}.activity-button>span:not(.activity-avatar){text-overflow:ellipsis;font-size:11px;overflow:hidden}.activity-button>small{color:#eee;background:var(--seal-badge);border:1px solid #ffffff1f;border-radius:8px;margin-left:auto;padding:1px 6px;font-size:8px}.activity-avatar{color:#fff;background:#383c47;border:1px solid #696d77;border-radius:50%;place-items:center;width:26px;height:26px;font-size:10px;display:grid}.activity-spacer{flex:1}.nav-collapsed .activity-rail{padding-inline:7px}.nav-collapsed .activity-button{justify-content:center;gap:0;padding:0}.nav-collapsed .activity-button>span:not(.activity-avatar),.nav-collapsed .activity-button>small{display:none}.nav-collapsed .activity-button.active:before{left:-7px}.resource-explorer{color:#c7c7c2;background:var(--explorer);border-right:1px solid #0003;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.workspace-switch{color:#d9d8d2;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff17;border-radius:6px;align-items:center;gap:7px;width:calc(100% - 16px);height:35px;margin:9px 8px 7px;padding:0 8px;display:flex;overflow:hidden}.workspace-switch svg{width:13px}.workspace-switch span{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:9px;overflow:hidden}.workspace-switch svg:last-child{color:#777a83;width:10px}.explorer-head{border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0f;align-items:center;height:35px;padding:0 10px 0 13px;display:flex}.explorer-head strong{color:#eceae4;font-size:10px}.explorer-head>span{color:#747780;margin-left:5px;font-size:8px}.explorer-head .icon-button{color:#8b8e97;background:0 0;border:0;margin-left:auto}.explorer-scroll{flex:1;min-height:0;padding:7px 7px 12px;overflow:auto}.tree-section{padding:2px 0 8px}.tree-title{color:#777a83;align-items:center;gap:4px;height:25px;padding:0 7px;font-size:8px;font-weight:600;display:flex}.tree-title svg{width:11px}.tree-title small{color:#696c75;margin-left:auto;font-size:8px}.tree-item{color:#aaa9a4;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:7px;width:100%;height:31px;padding:0 7px;display:flex}.tree-item:hover,.tree-item.active{color:#fff;background:#ffffff13}.tree-item.active{box-shadow:inset 2px 0 var(--seal)}.tree-item svg{color:#7e8189;width:13px;height:13px}.tree-item.active svg{color:#c4c6cc}.tree-item span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:9px;overflow:hidden}.tree-item small{color:#73767e;font-size:7px}.quota{border-top:1px solid var(--ink-line);border-bottom:1px solid var(--ink-line);margin:0 12px 11px;padding:10px 0}.quota>div{color:#7f828b;justify-content:space-between;font-size:8px;display:flex}.quota progress{width:100%;height:3px;accent-color:var(--seal);border:0;border-radius:3px;margin-top:6px}.explorer-account{color:#d6d4ce;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;min-height:44px;padding:0 12px 9px;display:flex}.avatar{background:#353943;border:1px solid #5b5f69;border-radius:50%;place-items:center;width:29px;height:29px;font-size:8px;display:grid}.explorer-account>span:last-child{min-width:0}.explorer-account strong,.explorer-account small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.explorer-account strong{font-size:9px}.explorer-account small{color:#72757e;margin-top:2px;font-size:7px}.main-surface{background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:28px 28px;grid-template-rows:32px minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.document-tabs{border-bottom:1px solid var(--line);background:var(--tab-surface);align-items:stretch;min-width:0;display:flex}.document-tabs>button:not(.icon-button){border:0;border-right:1px solid var(--line);color:#777972;cursor:pointer;background:0 0;align-items:center;gap:5px;min-width:120px;max-width:210px;padding:0 10px;display:flex;overflow:hidden}.document-tabs>button:not(.icon-button).active{color:var(--text);background:var(--white);box-shadow:inset 0 -2px var(--seal)}.document-tabs button svg{width:12px}.document-tabs button span{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.document-tabs button i{background:var(--seal);border-radius:50%;width:5px;height:5px;margin-left:auto}.document-tabs .icon-button{background:0 0;border:0;border-radius:0;width:31px;height:31px}.screen-stage{min-width:0;min-height:0;position:relative;overflow:hidden}.screen{grid-template-rows:auto minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;display:grid}.screen-header{justify-content:space-between;align-items:flex-start;gap:16px;min-width:0;padding:16px 20px 12px;display:flex}.screen-title{min-width:180px}.screen-title h1{color:var(--text);align-items:center;gap:8px;margin:0 0 3px;font-family:Noto Serif SC,serif;font-size:20px;line-height:1.35;display:flex}.screen-title h1 span{border:1px solid var(--line-strong);color:#8b8b84;background:#ffffff8c;border-radius:9px;padding:2px 7px;font-family:Noto Sans SC,sans-serif;font-size:7px;font-weight:600}.screen-title p{color:var(--text-muted);margin:0;font-size:9px}.screen-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.button{cursor:pointer;white-space:nowrap;border:0;border-radius:6px;justify-content:center;align-items:center;gap:5px;height:32px;padding:0 11px;font-size:9px;font-weight:600;display:inline-flex}.button:disabled{opacity:.45;cursor:not-allowed}.button-md svg{width:13px}.button-sm{border-radius:5px;height:27px;padding:0 8px;font-size:8px}.button-sm svg{width:12px}.button-ghost{border:1px solid var(--line);background:#ffffffe6}.button-ghost:hover{border-color:var(--line-strong);background:#fff}.button-primary{color:#fff;background:var(--seal);box-shadow:0 4px 12px var(--seal-shadow)}.button-primary:hover{background:var(--seal-dark)}.button-ink{color:#fff;background:var(--ink)}.button-danger{color:#fff;background:var(--danger)}.icon-button{border:1px solid var(--line);width:27px;height:27px;color:var(--text-muted);cursor:pointer;background:#fff;border-radius:5px;place-items:center;padding:0;display:grid}.icon-button:hover,.icon-button.active{color:var(--text);border-color:var(--text-soft);background:#fff}.icon-button svg{width:12px}.segmented{border:1px solid var(--line);background:var(--paper-deep);border-radius:17px;gap:2px;height:32px;padding:3px;display:flex}.segmented button{height:24px;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:13px;align-items:center;gap:4px;padding:0 9px;font-size:8px;display:flex}.segmented button.active{color:#fff;background:var(--ink)}.segmented button svg{width:11px}.segmented button i{background:var(--seal);border-radius:50%;width:5px;height:5px}.icon-segment button{justify-content:center;width:25px;padding:0}.panel{border:1px solid var(--line);background:var(--white);min-width:0;min-height:0;box-shadow:var(--shadow-card);border-radius:7px;flex-direction:column;display:flex;overflow:hidden}.panel-head{border-bottom:1px solid var(--line);flex:none;align-items:center;min-height:42px;padding:0 12px;display:flex}.panel-title{align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.panel-title svg{width:13px;color:var(--seal)}.panel-meta{color:var(--text-soft);margin-left:auto;font-size:8px}.panel-actions{align-items:center;gap:5px;margin-left:auto;display:flex}.status{white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;min-height:20px;padding:2px 7px;font-size:7px;font-weight:600;display:inline-flex}.status-done{color:var(--green);background:var(--green-tint)}.status-running{color:var(--tech);background:var(--tech-tint)}.status-failed{color:var(--danger);background:var(--seal-tint)}.status-waiting,.status-neutral{color:var(--text-muted);background:var(--paper-deep)}.toggle{cursor:pointer;background:#c4c1b9;border:0;border-radius:10px;flex:none;width:30px;height:17px;padding:0;position:relative}.toggle span{background:#fff;border-radius:50%;width:11px;height:11px;transition:all .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000002e}.toggle.on{background:var(--seal)}.toggle.on span{transform:translate(13px)}.field{min-width:0;color:var(--text-muted);flex-direction:column;gap:5px;font-size:8px;font-weight:600;display:flex}.field input,.field textarea,.field select,.compact-select{border:1px solid var(--line);width:100%;min-width:0;height:33px;color:var(--text);background:var(--field-surface);border-radius:6px;outline:0;padding:0 9px;font-size:9px}.field textarea{resize:vertical;height:82px;padding:8px 9px;line-height:1.6}.compact-select{width:auto;min-width:110px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--seal);box-shadow:0 0 0 3px var(--seal-tint)}.filter{border:1px solid var(--line);height:24px;color:var(--text-muted);cursor:pointer;background:#fff;border-radius:12px;padding:0 8px;font-size:7px}.filter.active{color:#fff;border-color:var(--ink);background:var(--ink)}.workbench-grid{--splitter-width:12px;--editor-min:280px;--preview-min:300px;min-width:0;min-height:0;padding:0 20px 18px;display:grid;position:relative}.workbench-grid.preview-desktop{--preview-min:360px}.workbench-grid.layout-split{grid-template-columns:minmax(var(--editor-min),var(--editor-track,56fr)) var(--splitter-width) minmax(var(--preview-min),var(--preview-track,44fr));gap:0}.workbench-grid.layout-editor{grid-template-columns:1fr}.workbench-grid.layout-editor .preview-panel{display:none}.workbench-grid.layout-preview{grid-template-columns:minmax(480px,1040px);justify-content:center}.workbench-grid.layout-preview .editor-panel{display:none}.editor-panel,.preview-panel{min-width:0}.workbench-resizer{z-index:3;width:var(--splitter-width);min-height:0;color:var(--text-soft);cursor:col-resize;touch-action:none;background:0 0;border:0;outline:0;place-items:center;padding:0;display:grid;position:relative}.workbench-resizer:before{inset-block:8px;background:var(--line);content:"";border-radius:2px;width:2px;transition:background .15s,box-shadow .15s;position:absolute;left:50%;transform:translate(-50%)}.workbench-resizer svg{z-index:1;border:1px solid var(--line);background:var(--white);border-radius:5px;width:12px;height:26px;padding:5px 1px;position:relative;box-shadow:0 2px 6px #1c1f2514}.workbench-resizer:hover:before,.workbench-resizer:focus-visible:before,.workbench-grid.is-resizing .workbench-resizer:before{background:var(--seal);box-shadow:0 0 0 3px var(--seal-tint)}.workbench-resizer:focus-visible svg{color:var(--seal);border-color:var(--seal)}.workbench-grid.is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.workbench-grid.is-resizing:after{z-index:2;content:"";cursor:col-resize;position:absolute;inset:0 20px 18px}.workbench-grid.is-resizing .wechat-preview{pointer-events:none}.workbench-grid.is-resizing .preview-canvas{transition:none}.live-state{align-items:center;gap:4px;display:flex}.live-state i{background:var(--green);border-radius:50%;width:5px;height:5px}.document-strip{border-bottom:1px solid var(--line);background:#fcfbf7;align-items:center;height:37px;padding:0 11px;display:flex}.document-strip input{min-width:80px;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-family:Noto Serif SC,serif;font-size:11px;font-weight:700}.document-strip span{max-width:135px;color:var(--text-muted);background:var(--paper-deep);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;margin-left:5px;padding:3px 6px;font-size:7px;overflow:hidden}.editor-toolbar{border-bottom:1px solid var(--line);scrollbar-width:none;align-items:center;gap:3px;min-height:39px;padding:0 10px;display:flex;overflow-x:auto}.editor-toolbar::-webkit-scrollbar{display:none}.editor-toolbar>button:not(.icon-button){height:26px;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:4px;padding:0 7px;font-size:8px;display:flex}.editor-toolbar>button:hover{color:var(--text);border-color:var(--line)}.editor-toolbar svg{width:12px}.editor-toolbar .icon-button{background:0 0;border-color:#0000;flex:none}.toolbar-divider{background:var(--line);width:1px;height:16px;margin:0 3px}.toolbar-spacer{flex:1}.editor-body{flex:1;grid-template-rows:minmax(0,1fr) 27px;min-height:0;padding:11px 11px 0;display:grid}.markdown-input{resize:none;border:1px solid var(--line);color:#393d43;tab-size:2;background:#fcfbf7;border-radius:7px;outline:0;width:100%;height:100%;min-height:0;padding:14px 16px;font-family:JetBrains Mono,Consolas,monospace;font-size:10px;line-height:1.75}.markdown-input:focus{border-color:var(--seal);box-shadow:0 0 0 3px var(--seal-tint)}.editor-status{color:var(--text-soft);align-items:center;gap:10px;font-size:7px;display:flex}.editor-status span:last-child{margin-left:auto}.preview-toolbar{border-bottom:1px solid var(--line);background:var(--white);align-items:center;gap:7px;min-height:43px;padding:0 10px;display:flex}.preview-toolbar select{border:1px solid var(--line);min-width:90px;height:29px;color:var(--text);background:var(--field-surface);border-radius:5px;flex:1;padding:0 8px;font-size:8px}.preview-mode-switch{border:1px solid var(--line);background:var(--paper-deep);border-radius:6px;flex:none;gap:2px;height:29px;padding:2px;display:flex}.preview-mode-switch button{min-width:53px;height:23px;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:0 7px;display:flex}.preview-mode-switch button.active{color:var(--text);background:var(--white);box-shadow:0 1px 4px #1e21291f}.preview-mode-switch svg{width:12px;height:12px}.preview-stage{background:var(--paper-deep);flex:1;justify-content:center;align-items:stretch;min-height:0;padding:14px;display:flex;overflow:hidden}.preview-canvas{border:1px solid var(--line-strong);background:#fff;grid-template-rows:47px minmax(0,1fr);width:100%;height:100%;min-height:0;transition:width .18s,border-radius .18s;display:grid;overflow:hidden;box-shadow:0 10px 28px #1c1f2521}.preview-canvas.mode-mobile{border-radius:10px;width:min(375px,100%)}.preview-canvas.mode-desktop{border-radius:7px;width:min(860px,100%)}.preview-window-head{background:#f8f8f6;border-bottom:1px solid #e7e5df;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:0 11px;display:grid}.preview-window-brand{color:#fff;background:var(--seal);border-radius:5px;place-items:center;width:26px;height:26px;display:grid}.preview-window-brand svg{width:13px;height:13px}.preview-window-title{min-width:0}.preview-window-title strong,.preview-window-title small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.preview-window-title strong{color:#34373b;font-family:Noto Serif SC,serif;font-size:9px}.preview-window-title small{color:#92948f;margin-top:1px;font-size:7px}.preview-window-width{color:#777a76;white-space:nowrap;background:#fff;border:1px solid #dfddd6;border-radius:4px;padding:3px 6px;font-size:7px}.wechat-preview{background:#fff;border:0;width:100%;height:100%;display:block}.preview-foot{border-top:1px solid var(--line);min-height:33px;color:var(--text-muted);background:#fcfbf7;justify-content:space-between;align-items:center;padding:0 10px;font-size:7px;display:flex}.preview-foot span{align-items:center;gap:4px;display:flex}.preview-foot svg{width:11px}.preview-foot .safe{color:var(--green)}.preview-foot .unsafe{color:var(--danger)}.template-layout{grid-template-columns:minmax(520px,1fr) 300px;gap:12px;min-width:0;min-height:0;padding:0 20px 18px;display:grid}.template-main-column{grid-template-rows:minmax(220px,.9fr) minmax(220px,1fr);gap:11px;min-width:0;min-height:0;display:grid}.template-builder{min-height:0}.builder-tabs{border-bottom:1px solid var(--line);min-height:38px;display:flex}.builder-tabs button,.source-tabs button{min-width:130px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:5px;padding:0 12px;font-size:8px;display:flex}.builder-tabs button.active,.source-tabs button.active{color:var(--seal);border-bottom-color:var(--seal);background:var(--seal-tint)}.builder-tabs svg,.source-tabs svg{width:12px}.builder-content{min-height:0;overflow:auto}.source-tabs{border-bottom:1px solid var(--line);min-height:34px;display:flex}.source-tabs button{min-width:150px}.builder-content>.field{padding:12px 14px 4px}.field-row{align-items:center;gap:5px;display:flex}.field-row input{flex:1}.html-source{min-height:74px;font-family:JetBrains Mono,monospace;font-size:8px!important}.success-note{color:var(--green);background:var(--green-tint);border:1px solid #c9ddce;border-radius:5px;align-items:center;gap:6px;margin:6px 14px 0;padding:7px 9px;font-size:7px;display:flex}.success-note svg{width:11px}.processing-options{grid-template-columns:1fr 1.35fr;gap:6px;padding:9px 14px 12px;display:grid}.processing-options>div{border:1px solid var(--line);background:#fcfbf7;border-radius:6px;align-items:center;gap:7px;min-width:0;padding:8px;display:flex}.processing-options strong,.processing-options small{display:block}.processing-options strong{font-size:8px}.processing-options small{color:var(--text-soft);margin-top:2px;font-size:7px}.rule-layout{flex:1;grid-template-columns:145px minmax(0,1fr);min-height:0;display:grid}.rule-layout nav{border-right:1px solid var(--line);background:#fcfbf7;padding:8px}.rule-layout nav button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;width:100%;height:30px;padding:0 8px;font-size:8px;display:flex}.rule-layout nav button.active{color:var(--seal);background:var(--seal-tint)}.rule-layout nav small{color:var(--text-soft);margin-left:auto}.rule-layout>div{grid-template-rows:34px minmax(0,1fr);min-height:0;padding:9px;display:grid}.rule-layout header{border:1px solid var(--line);background:#f7f5ef;border-bottom:0;border-radius:6px 6px 0 0;align-items:center;gap:8px;padding:0 8px;font-size:8px;display:flex}.rule-layout header span{color:var(--text-soft)}.rule-layout header span.rule-invalid{color:var(--danger)}.rule-layout textarea{resize:none;border:1px solid var(--line);color:#c6e3d1;background:#20232b;border-radius:0 0 6px 6px;outline:0;width:100%;height:100%;min-height:120px;padding:12px;font-family:JetBrains Mono,monospace;font-size:8px;line-height:1.65}.template-test{flex:1;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr 1fr;gap:10px;min-height:0;padding:10px;display:grid}.template-test textarea,.template-test article,.template-test iframe{border:1px solid var(--line);border-radius:6px;width:100%;height:100%;min-height:150px;padding:13px;overflow:auto}.template-test textarea{resize:none;background:#fcfbf7;outline:0;font-family:JetBrains Mono,monospace;font-size:8px;line-height:1.7}.template-test iframe{background:#fff;padding:0}.template-test article{font-size:9px;line-height:1.8}.template-test h2{margin:6px 0 10px;padding-left:8px;font-size:14px}.template-test blockquote{border-left:3px solid var(--seal);background:var(--seal-tint);margin:10px 0;padding:7px 9px}.template-test>footer{border:1px solid var(--line);min-height:28px;color:var(--text-soft);background:#fcfbf7;border-radius:5px;grid-column:1/-1;padding:7px 10px;font-size:8px}.template-test>footer.safe{color:var(--green);border-color:color-mix(in srgb, var(--green) 35%, var(--line))}.template-test>footer.unsafe{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, var(--line))}.template-test .template-test-error{color:var(--danger);background:#fff8f7}.library-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:5px;min-height:38px;padding:0 10px;display:flex}.library-toolbar>label,.asset-toolbar>label,.history-toolbar>label{border:1px solid var(--line);background:#fcfbf7;border-radius:5px;align-items:center;height:26px;padding:0 7px;display:flex}.library-toolbar label svg,.asset-toolbar label svg,.history-toolbar label svg{width:11px;color:var(--text-soft)}.library-toolbar input,.asset-toolbar input,.history-toolbar input{background:0 0;border:0;outline:0;width:130px;min-width:0;font-size:8px}.template-grid{grid-template-columns:repeat(3,minmax(120px,1fr));grid-auto-rows:minmax(116px,auto);align-content:start;gap:8px;min-height:0;padding:9px;display:grid;overflow:auto}.template-card{border:2px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:7px;min-width:0;min-height:116px;padding:0;position:relative;overflow:hidden}.template-card:hover{border-color:var(--text-soft)}.template-card.selected{border-color:var(--seal);box-shadow:0 0 0 3px var(--seal-tint)}.template-card.selected:after{content:"✓";color:#fff;background:var(--seal);border-radius:50%;place-items:center;width:16px;height:16px;font-size:8px;display:grid;position:absolute;top:5px;right:5px}.template-thumb{background:#fcfbf7;height:63px;padding:10px}.template-thumb i{border-radius:3px;width:55%;height:5px;margin-bottom:9px;display:block}.template-thumb span{background:#e3dfd5;border-radius:2px;width:100%;height:3px;margin:4px 0;display:block}.template-thumb span.short{width:63%}.template-card>div:last-child{border-top:1px solid var(--line);padding:7px 8px 8px}.template-card strong{font-family:Noto Serif SC,serif;font-size:9px;display:block}.template-card small{color:var(--text-soft);justify-content:space-between;gap:6px;margin-top:3px;font-size:6px;display:flex}.template-card small span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-template-icon{gap:1px;width:13px;display:grid}.mini-template-icon i{background:var(--seal);height:2px}.analysis-panel{min-width:0}.analysis-editor{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:7px;padding:10px;display:grid}.analysis-editor label{color:var(--text-muted);font-size:7px}.analysis-editor input,.analysis-editor select{border:1px solid var(--line);background:#fcfbf7;border-radius:5px;width:100%;height:28px;margin-top:4px;padding:0 6px;font-size:8px}.analysis-scroll{min-height:0;overflow:auto}.analysis-scroll section{border-bottom:1px solid var(--line)}.analysis-scroll h3{height:31px;color:var(--text-muted);background:#fcfbf7;margin:0;padding:9px 10px;font-size:8px}.analysis-scroll dl{grid-template-columns:1fr 1fr;margin:0;font-size:7px;display:grid}.analysis-scroll dt,.analysis-scroll dd{border-top:1px solid #f0ede7;min-height:30px;margin:0;padding:8px 10px}.analysis-scroll dt{color:var(--text-soft)}.analysis-scroll dd{text-align:right}.color-input{background:0 0;border:0;width:30px;height:17px;padding:0}.analysis-checks{color:var(--green);gap:6px;margin:0;padding:10px;font-size:7px;list-style:none;display:grid}.analysis-checks li{align-items:center;gap:5px;display:flex}.analysis-checks svg{width:11px}.template-group-label{border:1px solid var(--line);color:var(--text-muted);background:#ffffffbf;border-radius:5px;padding:5px 8px;font-size:8px}.batch-body{grid-template-rows:auto auto minmax(0,1fr);gap:10px;min-height:0;padding:0 20px 18px;display:grid}.directory-band{border:1px solid var(--line);box-shadow:var(--shadow-card);background:#ffffffeb;border-radius:7px;grid-template-columns:1fr 1fr 175px;gap:9px;padding:10px;display:grid}.directory-band>label>span{color:var(--text-muted);margin-bottom:4px;font-size:7px;font-weight:600;display:block}.directory-band label>div{border:1px solid var(--line);background:#fcfbf7;border-radius:5px;align-items:center;height:29px;padding-left:7px;display:flex}.directory-band label svg{width:11px;color:var(--tech)}.directory-band input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;padding:0 6px;font-family:JetBrains Mono,monospace;font-size:7px}.directory-band label button{height:23px;color:var(--seal);background:var(--seal-tint);cursor:pointer;border:0;border-radius:4px;margin-right:3px;padding:0 6px;font-size:7px}.watch-control{border:1px solid var(--line);background:var(--paper-deep);border-radius:5px;align-self:end;align-items:center;gap:7px;height:29px;padding:0 8px;display:flex}.watch-control>svg{width:12px;color:var(--green)}.watch-control span{flex:1;min-width:0}.watch-control strong,.watch-control small{display:block}.watch-control strong{font-size:7px}.watch-control small{color:var(--text-soft);font-size:6px}.batch-summary{grid-template-columns:repeat(4,110px) minmax(220px,1fr);gap:7px;display:grid}.batch-summary>div{border:1px solid var(--line);background:#ffffffe6;border-radius:6px;align-items:baseline;gap:6px;min-height:44px;padding:8px 10px;display:flex}.batch-summary strong{font-size:16px}.batch-summary span{color:var(--text-muted);font-size:7px}.batch-summary .danger strong{color:var(--danger)}.batch-summary .summary-note{color:var(--green);background:var(--green-tint);align-items:center}.summary-note svg{width:13px}.batch-table-panel{min-height:0}.data-table{min-height:0;overflow:auto}.table-row{min-height:48px;color:var(--text-muted);border-bottom:1px solid #eeeae1;grid-template-columns:32px minmax(200px,1.4fr) minmax(90px,.7fr) minmax(110px,.75fr) 72px 46px;align-items:center;padding:0 8px;font-size:8px;display:grid}.table-row.table-head{min-height:31px;color:var(--text-soft);background:#fcfbf7;font-size:7px}.table-title{align-items:center;gap:7px;min-width:0;display:flex}.table-title>svg{width:13px;color:var(--tech)}.table-title>span{min-width:0}.table-title strong,.table-title small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.table-title strong{color:var(--text);font-size:8px}.table-title small{color:var(--text-soft);margin-top:2px;font-size:6px}.table-row>span:nth-child(4){align-items:center;gap:5px;display:flex}.progress-bar{background:var(--paper-deep);border-radius:4px;width:76px;height:4px;overflow:hidden}.progress-bar i{background:var(--seal);height:100%;transition:width .2s;display:block}.table-row>span:last-child button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:5px;place-items:center;width:25px;height:25px;padding:0;display:grid}.table-row>span:last-child svg{width:11px}.assets-body{grid-template-columns:minmax(520px,1fr) 265px;gap:12px;min-height:0;padding:0 20px 18px;display:grid}.asset-workspace,.asset-inspector{min-height:0}.workspace-tabs{border-bottom:1px solid var(--line);min-height:38px;display:flex}.workspace-tabs button{min-width:86px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:5px;padding:0 11px;font-size:8px;display:flex}.workspace-tabs button.active{color:var(--seal);border-bottom-color:var(--seal);background:var(--seal-tint)}.workspace-tabs small{color:#fff;background:var(--seal);border-radius:6px;padding:1px 4px;font-size:6px}.asset-library-pane{grid-template-rows:38px minmax(0,1fr);min-height:0;display:grid}.asset-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:5px;padding:0 9px;display:flex}.asset-toolbar label input{width:150px}.asset-toolbar>span{flex:1}.asset-toolbar>small{color:var(--text-soft);font-size:7px}.asset-grid{grid-template-columns:repeat(3,minmax(125px,1fr));align-content:start;gap:8px;min-height:0;padding:9px;display:grid;overflow:auto}.asset-card{border:2px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:7px;min-width:0;padding:0;overflow:hidden}.asset-card.selected{border-color:var(--seal);box-shadow:0 0 0 3px var(--seal-tint)}.asset-image{aspect-ratio:1.55;background:var(--paper-deep);position:relative;overflow:hidden}.asset-image img{object-fit:cover;width:100%;height:100%}.asset-image>span{color:#fff;background:#191c22c7;border-radius:3px;padding:2px 5px;font-size:5px;position:absolute;bottom:5px;left:5px}.asset-image .favorite{color:#fff;fill:#fff;background:#191c22b3;border-radius:50%;width:15px;height:15px;padding:3px;position:absolute;top:5px;right:5px}.asset-card>div:last-child{padding:7px 8px}.asset-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;display:block;overflow:hidden}.asset-card small{color:var(--text-soft);justify-content:space-between;gap:5px;margin-top:3px;font-size:6px;display:flex}.issues-pane{min-height:0;padding:12px;overflow:auto}.issue-summary{color:var(--danger);background:var(--seal-tint);border:1px solid #ead0cd;border-radius:6px;align-items:center;gap:8px;margin-bottom:10px;padding:10px;display:flex}.issue-summary>svg{width:18px}.issue-summary>span{flex:1}.issue-summary strong,.issue-summary small{display:block}.issue-summary strong{font-size:9px}.issue-summary small{color:#8b716f;margin-top:2px;font-size:7px}.issue-row{border:1px solid var(--line);background:#fff;border-radius:6px;grid-template-columns:35px minmax(0,1fr) auto auto;align-items:center;gap:9px;min-height:72px;margin-bottom:8px;padding:10px;display:grid}.issue-row.danger{border-left:3px solid var(--danger)}.issue-index{width:30px;height:30px;color:var(--text-muted);background:var(--paper-deep);border-radius:50%;place-items:center;font-family:JetBrains Mono,monospace;font-size:8px;display:grid}.issue-row strong{font-size:9px}.issue-row p{color:var(--text-muted);margin:4px 0 0;font-size:7px;line-height:1.55}.source-workspace{min-height:0;padding:12px;overflow:auto}.source-control{border:1px solid var(--line);background:#fcfbf7;border-radius:7px;padding:12px}.source-control>header{align-items:center;gap:9px;margin-bottom:10px;display:flex}.source-mark{color:#111;width:31px;height:31px;box-shadow:0 0 0 1px var(--line);background:#fff;border-radius:4px;place-items:center;font-weight:700;display:grid}.source-mark.ai{color:#fff;background:var(--seal)}.source-control header strong,.source-control header small{display:block}.source-control header strong{font-size:10px}.source-control header small{color:var(--text-muted);margin-top:2px;font-size:7px}.large-search{border:1px solid var(--line-strong);background:#fff;border-radius:6px;align-items:center;height:35px;padding-left:9px;display:flex}.large-search svg{color:var(--text-soft)}.large-search input{border:0;outline:0;flex:1;min-width:0;height:100%;padding:0 8px;font-size:8px}.large-search .button{height:29px;margin-right:3px}.keyword-row{flex-wrap:wrap;align-items:center;gap:5px;margin-top:8px;display:flex}.keyword-row span{color:var(--text-soft);font-size:7px}.keyword-row button{border:1px solid var(--line);height:21px;color:var(--tech);cursor:pointer;background:#fff;border-radius:10px;padding:0 7px;font-size:6px}.source-results{grid-template-columns:repeat(3,minmax(130px,1fr));gap:8px;margin-top:10px;display:grid}.source-results button{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:6px;padding:0;overflow:hidden}.source-results img{aspect-ratio:1.5;object-fit:cover;width:100%;display:block}.source-results button>span{padding:7px;display:block}.source-results strong,.source-results small{display:block}.source-results strong{font-size:8px}.source-results small{color:var(--text-soft);margin-top:2px;font-size:6px}.source-error{color:var(--danger);background:var(--seal-tint);border:1px solid #e8c8c4;border-radius:5px;align-items:center;gap:7px;margin-top:9px;padding:8px 10px;font-size:7px;line-height:1.5;display:flex}.source-error svg{width:13px}.ai-workspace .field textarea{min-height:72px}.ai-options{grid-template-columns:1fr 1fr auto;align-items:end;gap:7px;margin-top:8px;display:grid}.ai-options label{color:var(--text-muted);font-size:7px}.ai-options select{border:1px solid var(--line);background:#fff;border-radius:5px;width:100%;height:29px;margin-top:4px;font-size:7px;display:block}.empty-state{min-height:180px;color:var(--text-soft);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px;display:flex}.empty-state>svg{width:30px;height:30px;color:var(--text-muted);margin-bottom:9px}.empty-state strong{color:var(--text);font-size:9px}.empty-state span{max-width:300px;margin:4px 0 10px;font-size:7px;line-height:1.55}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.upload-queue{min-height:0;padding:11px;overflow:auto}.queue-callout{color:var(--green);background:var(--green-tint);border:1px solid #c9ddce;border-radius:6px;align-items:center;gap:8px;margin-bottom:9px;padding:9px;display:flex}.queue-callout>span{flex:1}.queue-callout strong,.queue-callout small{display:block}.queue-callout strong{font-size:8px}.queue-callout small{margin-top:2px;font-size:7px}.upload-row{border-bottom:1px solid var(--line);grid-template-columns:38px minmax(150px,1fr) 110px 62px auto;align-items:center;gap:8px;min-height:54px;padding:7px;display:grid}.upload-row img{object-fit:cover;border-radius:4px;width:38px;height:38px}.upload-row strong,.upload-row small{display:block}.upload-row strong{font-size:8px}.upload-row small{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:6px;overflow:hidden}.asset-inspector .panel-head{flex:none}.inspector-image{aspect-ratio:1.55;background:var(--paper-deep);border-radius:6px;margin:10px 10px 0;overflow:hidden}.inspector-image img{object-fit:cover;width:100%;height:100%}.inspector-scroll{flex:1;min-height:0;padding:10px;overflow:auto}.asset-meta{grid-template-columns:72px minmax(0,1fr);margin:10px 0;font-size:7px;display:grid}.asset-meta dt,.asset-meta dd{border-top:1px solid var(--line);min-height:28px;margin:0;padding:7px 0}.asset-meta dt{color:var(--text-soft)}.asset-meta dd{overflow-wrap:anywhere;text-align:right}.privacy-note{color:#816741;background:var(--amber-tint);border:1px solid #eadabf;border-radius:5px;padding:8px;font-size:6px;line-height:1.55}.inspector-actions{border-top:1px solid var(--line);align-items:center;gap:5px;min-height:43px;padding:7px 10px;display:flex}.inspector-actions .button{flex:1}.history-body{grid-template-rows:auto minmax(0,1fr);gap:10px;min-height:0;padding:0 20px 18px;display:grid;position:relative}.history-stats{grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;display:grid}.history-stats button{border:1px solid var(--line);cursor:pointer;text-align:left;background:#ffffffe6;border-radius:6px;grid-template-rows:1fr 1fr;grid-template-columns:31px auto;align-items:center;column-gap:8px;height:54px;padding:7px 10px;display:grid}.history-stats button.active{border-color:var(--seal);box-shadow:0 0 0 3px var(--seal-tint)}.history-stats button>span{width:31px;height:31px;color:var(--tech);background:#edf4fa;border-radius:50%;grid-row:1/3;place-items:center;display:grid}.history-stats button strong{align-self:end;font-size:14px}.history-stats button small{color:var(--text-muted);align-self:start;font-size:7px}.history-stats button.danger>span,.history-stats button.danger strong{color:var(--danger);background:var(--seal-tint)}.history-table-panel{min-height:0}.history-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:6px;min-height:39px;padding:0 10px;display:flex}.history-toolbar label input{width:180px}.history-toolbar select{border:1px solid var(--line);background:#fff;border-radius:5px;height:26px;padding:0 7px;font-size:7px}.history-toolbar>span{flex:1}.history-toolbar>small{color:var(--text-soft);font-size:6px}.history-list{min-height:0;overflow:auto}.history-list>button{cursor:pointer;text-align:left;background:#fff;border:0;border-bottom:1px solid #eeeae1;grid-template-columns:32px minmax(200px,1fr) 150px 62px 18px;align-items:center;gap:8px;width:100%;min-height:58px;padding:7px 10px;display:grid}.history-list>button:hover,.history-list>button.active{background:#fcfbf7}.history-list>button.active{box-shadow:inset 3px 0 var(--seal)}.history-icon{width:31px;height:31px;color:var(--tech);background:#edf4fa;border-radius:6px;place-items:center;display:grid}.history-icon.done{color:var(--green);background:var(--green-tint)}.history-icon.failed{color:var(--danger);background:var(--seal-tint)}.history-icon.running{color:var(--tech);background:#edf4fa}.history-icon svg{width:14px}.history-copy,.history-id{min-width:0}.history-copy strong,.history-copy small,.history-id code,.history-id small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.history-copy strong{font-size:8px}.history-copy small{color:var(--text-muted);margin-top:3px;font-size:7px}.history-id code{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:7px}.history-id small{color:var(--text-soft);margin-top:3px;font-size:6px}.history-list>button>svg{width:12px;color:var(--text-soft)}.history-drawer{z-index:5;border:1px solid var(--line);background:#fff;border-radius:7px;flex-direction:column;width:350px;display:flex;position:absolute;top:0;bottom:18px;right:20px;overflow:hidden;box-shadow:-12px 8px 35px #1d202629}.history-drawer>header{border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:53px;padding:8px 10px;display:flex}.history-drawer>header>div:nth-child(2){flex:1;min-width:0}.history-drawer header strong,.history-drawer header code{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.history-drawer header strong{font-size:9px}.history-drawer header code{color:var(--text-soft);margin-top:2px;font-size:7px}.drawer-scroll{flex:1;min-height:0;padding:10px;overflow:auto}.drawer-alert{color:var(--danger);background:var(--seal-tint);border:1px solid #e9c9c6;border-radius:6px;align-items:flex-start;gap:7px;padding:9px;display:flex}.drawer-alert strong,.drawer-alert small{display:block}.drawer-alert strong{font-size:8px}.drawer-alert small{color:#896c69;margin-top:3px;font-size:7px;line-height:1.5}.drawer-scroll section{margin-top:14px}.drawer-scroll h3{margin:0 0 7px;font-size:8px}.timeline-step{grid-template-columns:23px 1fr;gap:8px;min-height:45px;display:grid}.timeline-step>span{border:1px solid var(--line);width:21px;height:21px;color:var(--text-soft);border-radius:50%;align-self:start;place-items:center;font-size:7px;display:grid}.timeline-step>span.done{color:#fff;border-color:var(--green);background:var(--green)}.timeline-step>span.failed{color:#fff;border-color:var(--danger);background:var(--danger)}.timeline-step>span.running{color:#fff;border-color:var(--amber);background:var(--amber)}.timeline-step strong,.timeline-step small{display:block}.timeline-step strong{font-size:8px}.timeline-step small{color:var(--text-soft);margin-top:2px;font-size:6px}.drawer-scroll dl{grid-template-columns:90px 1fr;margin:0;font-size:7px;display:grid}.drawer-scroll dt,.drawer-scroll dd{border-top:1px solid var(--line);margin:0;padding:6px 0}.drawer-scroll dt{color:var(--text-soft)}.drawer-scroll dd{text-align:right}.drawer-scroll p{color:var(--text-muted);font-size:7px;line-height:1.6}.history-drawer>footer{border-top:1px solid var(--line);justify-content:flex-end;padding:8px 10px;display:flex}.settings-layout{grid-template-columns:minmax(520px,1fr) 255px;gap:12px;min-height:0;padding:0 20px 18px;display:grid}.settings-main,.settings-health{min-height:0}.settings-scroll{min-height:0;overflow:auto}.settings-group{border-bottom:1px solid var(--line)}.settings-group>header{background:var(--field-surface);align-items:flex-start;gap:8px;min-height:42px;padding:10px 13px;display:flex}.settings-group>header>svg{width:14px;color:var(--seal);margin-top:1px}.settings-group>header strong,.settings-group>header small{display:block}.settings-group>header strong{font-size:9px}.settings-group>header small{color:var(--text-muted);margin-top:2px;font-size:7px;font-weight:400;line-height:1.5}.settings-group>div{padding:0 13px 12px}.setting-row{border-bottom:1px solid var(--row-line);align-items:center;gap:12px;min-height:46px;display:flex}.setting-row>span{flex:1;min-width:0}.setting-row strong,.setting-row small{display:block}.setting-row strong{font-size:8px}.setting-row small{color:var(--text-soft);margin-top:2px;font-size:7px;line-height:1.45}.mode-cards{grid-template-columns:1fr 1fr;gap:8px;padding-top:10px;display:grid}.mode-cards.vertical{grid-template-columns:1fr}.mode-cards>button{border:1px solid var(--line);background:var(--white);cursor:pointer;text-align:left;border-radius:6px;grid-template-columns:31px minmax(0,1fr) 16px;align-items:center;gap:8px;min-height:76px;padding:10px;display:grid}.mode-cards>button.active{border-color:var(--seal);background:var(--seal-tint);box-shadow:0 0 0 3px var(--seal-shadow)}.mode-cards>button>svg:first-child{width:22px;height:22px;color:var(--tech)}.mode-cards>button>svg:last-child{color:var(--seal)}.mode-cards strong,.mode-cards small{display:block}.mode-cards strong{font-size:8px}.mode-cards small{color:var(--text-muted);margin-top:4px;font-size:6px;line-height:1.55}.theme-selector{grid-template-columns:1fr 1fr;gap:8px;padding-top:10px;display:grid}.theme-choice{border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:6px;grid-template-columns:54px minmax(0,1fr) 17px;align-items:center;gap:9px;min-height:76px;padding:9px;display:grid;position:relative}.theme-choice:hover{border-color:var(--line-strong)}.theme-choice.active{border-color:var(--seal);background:var(--seal-tint);box-shadow:0 0 0 2px var(--seal-shadow)}.theme-choice:focus-within{outline:2px solid var(--seal-focus);outline-offset:1px}.theme-choice>input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.theme-palette{border:1px solid #0000001f;border-radius:5px;grid-template-columns:1fr 1fr;width:54px;height:42px;display:grid;overflow:hidden;box-shadow:0 2px 7px #181c201a}.theme-palette i{min-width:0;min-height:0;display:block}.theme-choice-copy{min-width:0}.theme-choice-copy strong,.theme-choice-copy small{display:block}.theme-choice-copy strong{color:var(--text);font-size:8px}.theme-choice-copy small{color:var(--text-muted);margin-top:4px;font-size:6px;line-height:1.5}.theme-choice>svg{width:16px;height:16px;color:var(--seal)}.theme-choice-indicator{border:1px solid var(--line-strong);background:var(--white);border-radius:50%;width:14px;height:14px}.form-grid{grid-template-columns:1fr 1fr;gap:9px;padding-top:10px;display:grid}.form-grid .wide{grid-column:1/-1}.constraint-note{color:#536b81;background:#f0f5f9;border:1px solid #cbd8e3;border-radius:5px;align-items:flex-start;gap:6px;margin-top:9px;padding:8px 9px;font-size:7px;line-height:1.55;display:flex}.constraint-note svg{width:12px;margin-top:1px}.setting-actions{justify-content:flex-end;gap:6px;margin-top:10px;display:flex}.provider-list{gap:6px;padding-top:10px;display:grid}.provider-list>button{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:6px;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:51px;padding:7px 9px;display:grid}.provider-list>button.active{border-color:var(--tech);box-shadow:inset 3px 0 var(--tech)}.provider-dot{background:#b9b7b0;border-radius:50%;width:7px;height:7px}.provider-dot.ready{background:var(--green)}.provider-dot.draft{background:var(--amber)}.provider-list strong,.provider-list small{display:block}.provider-list strong{font-size:8px}.provider-list small{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:6px;overflow:hidden}.path-field{color:var(--text-muted);padding-top:10px;font-size:7px;font-weight:600;display:block}.path-field>div{border:1px solid var(--line);background:#fcfbf7;border-radius:6px;align-items:center;gap:5px;margin-top:5px;padding:3px 3px 3px 8px;display:flex}.path-field svg{color:var(--tech)}.path-field input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:25px;font-family:JetBrains Mono,monospace;font-size:7px}.contract-list,.check-row{list-style:none}.contract-list{gap:7px;margin:0;padding:10px 0 0;display:grid}.check-row{color:var(--text);align-items:center;gap:7px;font-size:7px;display:flex}.check-row>span{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.check-row code{color:var(--seal);background:var(--seal-tint);border-radius:3px;padding:1px 3px;font-family:JetBrains Mono,monospace}.privacy-grid{grid-template-columns:repeat(3,1fr);gap:7px;padding-top:10px;display:grid}.privacy-grid article{border:1px solid var(--line);background:#fcfbf7;border-radius:6px;padding:9px}.privacy-grid article svg{color:var(--tech)}.privacy-grid article strong{margin-top:5px;font-size:8px;display:block}.privacy-grid article p{color:var(--text-muted);margin:4px 0 0;font-size:6px;line-height:1.55}.diagnostic-list{grid-template-columns:1fr 1fr;margin:10px 0 0;font-size:7px;display:grid}.diagnostic-list dt,.diagnostic-list dd{border-bottom:1px solid var(--line);min-height:30px;margin:0;padding:7px 0}.diagnostic-list dt{color:var(--text-muted)}.diagnostic-list dd{text-align:right}.danger-zone{align-items:center;gap:10px;padding-top:10px;display:flex}.danger-zone>span{flex:1}.danger-zone strong,.danger-zone small{display:block}.danger-zone strong{color:var(--danger);font-size:8px}.danger-zone small{color:var(--text-muted);margin-top:2px;font-size:7px}.reset-confirmation{align-items:flex-start;gap:10px;padding:18px;display:flex}.reset-confirmation>svg{width:20px;color:var(--danger);flex:none}.reset-confirmation strong,.reset-confirmation small{display:block}.reset-confirmation strong{font-size:9px}.reset-confirmation small{color:var(--text-muted);margin-top:6px;font-size:7px;line-height:1.65}.health-score{border-bottom:1px solid var(--line);padding:12px}.health-score span{justify-content:space-between;align-items:baseline;font-size:8px;display:flex}.health-score b{color:var(--text);font-size:11px}.health-score small{color:var(--text-soft);margin-top:6px;font-size:6px;line-height:1.55;display:block}.health-score progress{width:100%;height:5px;accent-color:var(--green);margin-top:7px}.service-list{padding:5px 11px}.service-list>div{border-bottom:1px solid #eeeae1;justify-content:space-between;align-items:center;min-height:31px;font-size:7px;display:flex}.service-list span{color:var(--text-muted)}.service-list strong,.diagnostic-list strong{text-align:right}.service-list .service-ok,.diagnostic-list .service-ok{color:var(--green)}.service-list .service-warning,.diagnostic-list .service-warning{color:var(--amber)}.service-list .service-neutral,.diagnostic-list .service-neutral{color:var(--text-muted)}.service-list .service-error,.diagnostic-list .service-error{color:var(--danger)}.credential-note{color:#7e6542;background:var(--amber-tint);border:1px solid #eadabf;border-radius:6px;align-items:flex-start;gap:7px;margin:10px;padding:9px;display:flex}.credential-note svg{width:13px}.credential-note strong,.credential-note small{display:block}.credential-note strong{font-size:7px}.credential-note small{margin-top:3px;font-size:6px;line-height:1.5}.modal-layer{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#12141999;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line-strong);background:#fff;border-radius:8px;flex-direction:column;max-width:calc(100vw - 36px);max-height:calc(100vh - 36px);display:flex;overflow:hidden;box-shadow:0 28px 80px #0f121659}.modal-head{border-bottom:1px solid var(--line);background:#fcfbf7;align-items:center;gap:8px;min-height:46px;padding:0 12px;display:flex}.modal-seal{color:#fff;background:var(--seal);border:1px solid #9f312c;border-radius:4px;place-items:center;width:25px;height:25px;font-family:Noto Serif SC,serif;font-size:11px;font-weight:700;display:grid}.modal-head strong{font-family:Noto Serif SC,serif;font-size:11px}.modal-head .icon-button{margin-left:auto}.modal-content{flex:1;min-height:0;overflow:auto}.modal-foot{border-top:1px solid var(--line);background:#fcfbf7;justify-content:flex-end;align-items:center;gap:6px;min-height:46px;padding:7px 11px;display:flex}.modal-summary{color:var(--text-muted);margin-right:auto;font-size:7px}.modal-tabs{border-bottom:1px solid var(--line);min-height:37px;display:flex}.modal-tabs button{min-width:115px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;font-size:8px}.modal-tabs button.active{color:var(--seal);border-bottom-color:var(--seal);background:var(--seal-tint)}.import-layout{grid-template-columns:minmax(420px,1fr) 250px;min-height:370px;display:grid}.import-layout>section{border-right:1px solid var(--line);padding:13px}.drop-zone{width:100%;min-height:150px;color:var(--text-muted);cursor:pointer;background:#f7fafc;border:1px dashed #9fb0bf;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;display:flex}.drop-zone>span{width:41px;height:41px;color:var(--tech);background:#e9f1f7;border-radius:50%;place-items:center;margin-bottom:8px;display:grid}.drop-zone span svg{width:19px;height:19px}.drop-zone strong{color:var(--text);font-size:9px}.drop-zone small{margin-top:4px;font-size:7px}.recent-files{border:1px solid var(--line);background:#fcfbf7;border-radius:6px;margin-top:12px;padding:10px}.recent-files strong{font-size:8px}.recent-files p{color:var(--text-muted);font-size:7px;line-height:1.6}.scan-list{border:1px solid var(--line);border-radius:6px;margin-top:10px}.scan-list header,.scan-list>div{border-bottom:1px solid var(--line);align-items:center;gap:6px;min-height:29px;padding:0 8px;font-size:7px;display:flex}.scan-list header{color:var(--green);background:var(--green-tint)}.scan-list header span,.scan-list>div small{color:var(--text-soft);margin-left:auto}.scan-list>div:last-child{border-bottom:0}.scan-list>div.muted{opacity:.55}.scan-list svg{width:11px}.import-options{background:#fcfbf7;padding:12px}.import-options h3,.provider-modal-body aside h3{margin:0 0 10px;font-size:9px}.import-options .field{margin-top:10px}.option-row{border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:42px;font-size:7px;display:flex}.option-row>span{flex:1}.option-row strong,.option-row small{display:block}.option-row small{color:var(--text-soft);margin-top:2px;font-size:6px}.import-note{color:#526a80;background:#f0f5f9;border:1px solid #cbd8e3;border-radius:5px;align-items:flex-start;gap:6px;margin-top:12px;padding:8px;font-size:6px;line-height:1.55;display:flex}.import-note svg{width:11px;margin-top:1px}.fixed-modal-layout{grid-template-columns:minmax(480px,1fr) 255px;min-height:420px;display:grid}.fixed-modal-layout>section{border-right:1px solid var(--line);padding:12px}.fixed-scope{color:#526a80;background:#f0f5f9;border:1px solid #cbd8e3;border-radius:6px;align-items:center;gap:6px;min-height:38px;padding:6px 8px;font-size:7px;display:flex}.fixed-scope svg{width:12px}.fixed-scope span{flex:1}.fixed-scope select{background:#fff;border:1px solid #bfccd8;border-radius:5px;height:26px;font-size:7px}.fixed-editor{border:1px solid var(--line);border-radius:6px;margin-top:10px;padding:10px;transition:opacity .15s}.fixed-editor.disabled{opacity:.6}.fixed-editor>header{align-items:center;gap:7px;display:flex}.fixed-editor>header>svg{color:var(--seal)}.fixed-editor>header>span{flex:1}.fixed-editor strong,.fixed-editor small{display:block}.fixed-editor strong{font-size:9px}.fixed-editor small{color:var(--text-muted);margin-top:2px;font-size:6px}.fixed-editor>div{gap:6px;margin-top:9px;display:flex}.fixed-editor select{border:1px solid var(--line);background:#fcfbf7;border-radius:5px;flex:1;min-width:0;height:28px;font-size:7px}.fixed-editor textarea{resize:vertical;border:1px solid var(--line);border-radius:5px;outline:0;width:100%;height:65px;margin-top:7px;padding:8px;font-size:8px;line-height:1.6}.fixed-preview{background:#f5f2ea;padding:12px}.fixed-preview>header{justify-content:space-between;align-items:center;margin-bottom:9px;font-size:8px;display:flex}.fixed-preview>header span{color:var(--green);align-items:center;gap:4px;font-size:6px;display:flex}.fixed-preview>header svg{width:10px}.fixed-preview>article{border:1px solid var(--line);min-height:330px;box-shadow:var(--shadow-card);background:#fff;border-radius:5px;padding:16px 13px;font-size:8px;line-height:1.75}.fixed-preview article section{border-left:3px solid var(--seal);background:var(--seal-tint);margin:0 0 15px;padding:8px 9px}.fixed-preview article>div{border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);color:var(--text-muted);padding:13px 0}.fixed-preview article p{margin:4px 0 0}.fixed-preview article section:last-child{border-left-color:var(--tech);background:#f0f5f9;margin:15px 0 0}.provider-modal-body{grid-template-columns:minmax(480px,1fr) 250px;min-height:410px;display:grid}.provider-modal-body>section{border-right:1px solid var(--line);padding:14px}.provider-modal-body>aside{background:#fcfbf7;padding:15px}.provider-head{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding-bottom:12px;display:flex}.provider-head>span{width:34px;height:34px;color:var(--tech);background:#edf4fa;border-radius:7px;place-items:center;display:grid}.provider-head>div{flex:1}.provider-head strong,.provider-head small{display:block}.provider-head strong{font-size:10px}.provider-head small{color:var(--text-muted);margin-top:2px;font-size:7px}.provider-form{grid-template-columns:1fr 1fr;gap:9px;padding-top:12px;display:grid}.provider-form .wide{grid-column:1/-1}.provider-result{color:var(--green);background:var(--green-tint);border:1px solid #c8ddce;border-radius:5px;align-items:center;gap:6px;margin-top:11px;padding:8px;font-size:7px;display:none}.provider-result.show{display:flex}.provider-result.error{color:var(--danger);background:var(--seal-tint);border-color:#e4c3bf}.provider-result svg{width:12px}.provider-test-steps{gap:5px;margin-top:10px;display:grid}.provider-test-steps>div{border:1px solid var(--line);background:#fcfbf7;border-radius:5px;align-items:flex-start;gap:7px;padding:6px 7px;display:flex}.provider-test-steps>div>span:last-child{min-width:0}.provider-test-steps strong,.provider-test-steps small{display:block}.provider-test-steps strong{font-size:7px}.provider-test-steps small{color:var(--text-muted);margin-top:2px;font-size:6px;line-height:1.45}.provider-help{color:var(--text-muted);align-items:flex-start;gap:6px;margin-top:10px;font-size:7px;line-height:1.55;display:flex}.provider-help svg{width:12px;color:var(--amber)}.provider-modal-body aside ol{gap:11px;margin:0;padding:0;list-style:none;display:grid}.provider-modal-body aside li{color:var(--text-muted);grid-template-columns:22px 1fr;align-items:center;gap:7px;font-size:7px;line-height:1.45;display:grid}.provider-modal-body aside li i{color:#fff;background:var(--ink);border-radius:50%;place-items:center;width:21px;height:21px;font-style:normal;display:grid}.auth-layout{grid-template-columns:1fr 1fr;min-height:460px;display:grid}.auth-intro{color:#d9d8d1;background:var(--ink);flex-direction:column;justify-content:center;padding:36px;display:flex}.large-seal{color:#fff;background:var(--seal);border:1px solid #ffffff80;border-radius:7px;place-items:center;width:51px;height:51px;font-family:Noto Serif SC,serif;font-size:24px;font-weight:700;display:grid}.auth-intro h2{color:#fff;margin:17px 0 8px;font-family:Noto Serif SC,serif;font-size:19px}.auth-intro p{color:#92959d;margin:0;font-size:8px;line-height:1.8}.auth-intro ul{gap:9px;margin:23px 0 0;padding:0;display:grid}.auth-intro .check-row{color:#c9c8c2}.auth-intro .check-row>span{background:var(--seal)}.auth-form{flex-direction:column;justify-content:center;padding:30px 40px;display:flex}.auth-form .modal-tabs{margin-bottom:17px}.auth-action-head{border-bottom:1px solid var(--line);align-items:center;gap:9px;margin-bottom:18px;padding-bottom:14px;display:flex}.auth-action-head>svg{width:21px;color:var(--seal)}.auth-action-head strong,.auth-action-head small{display:block}.auth-action-head strong{font-family:Noto Serif SC,serif;font-size:13px}.auth-action-head small{color:var(--text-muted);margin-top:4px;font-size:7px;line-height:1.5}.auth-form>.field{margin-bottom:11px}.input-icon{border:1px solid var(--line);background:#fcfbf7;border-radius:6px;align-items:center;height:35px;padding:0 8px;display:flex}.input-icon>svg{width:13px;color:var(--text-soft)}.input-icon input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;padding:0 7px}.input-icon button{width:24px;height:24px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.check-label{color:var(--text-muted);align-items:center;gap:6px;margin:1px 0 12px;font-size:7px;display:flex}.text-button{color:var(--tech);cursor:pointer;background:0 0;border:0;align-self:flex-end;margin:-4px 0 12px;font-size:7px}.auth-form>.button{width:100%;margin-bottom:7px}.auth-privacy{color:var(--text-soft);align-items:flex-start;gap:5px;margin:5px 0 0;font-size:7px;line-height:1.5;display:flex}.auth-privacy svg{width:11px;color:var(--green)}.form-error{color:var(--danger);background:#fff2f0;border:1px solid #efc6c2;border-radius:5px;align-items:flex-start;gap:6px;margin:0 0 10px;padding:8px 9px;font-size:7px;line-height:1.5;display:flex}.form-error svg{width:12px}.account-error{margin:0 0 12px}.auth-divider{text-align:center;height:26px;position:relative}.auth-divider:before{content:"";background:var(--line);height:1px;position:absolute;top:50%;left:0;right:0}.auth-divider span{color:var(--text-soft);background:#fff;padding:0 8px;font-size:7px;position:relative}.account-layout{grid-template-columns:175px minmax(0,1fr);min-height:450px;display:grid}.account-layout>aside{border-right:1px solid var(--line);background:#fcfbf7;flex-direction:column;gap:3px;padding:10px;display:flex}.account-layout>aside button{width:100%;height:34px;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:7px;padding:0 8px;font-size:8px;display:flex}.account-layout>aside button.active{color:var(--seal);background:var(--seal-tint)}.account-layout>aside button svg{width:12px}.account-layout>aside button small{color:#fff;background:var(--danger);text-align:center;border-radius:8px;min-width:15px;margin-left:auto;padding:1px 4px;font-size:6px}.account-layout>aside>span{flex:1}.account-layout>aside button.danger{color:var(--danger)}.account-layout>section{padding:22px;overflow:auto}.profile-header{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:16px;display:flex}.profile-header>span{color:#fff;background:var(--ink);border-radius:50%;place-items:center;width:45px;height:45px;font-size:12px;display:grid}.profile-header>div{flex:1}.profile-header h2,.account-layout>section>h2{margin:0;font-family:Noto Serif SC,serif;font-size:14px}.profile-header p{color:var(--text-muted);margin:3px 0 0;font-size:8px}.account-fields{grid-template-columns:1fr 1fr;gap:9px;padding-top:16px;display:grid}.account-facts{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;display:grid}.account-facts>div{border:1px solid var(--line);background:#fcfbf7;border-radius:6px;padding:11px}.account-facts span,.account-facts strong{display:block}.account-facts span{color:var(--text-soft);font-size:7px}.account-facts strong{margin-top:4px;font-size:9px}.account-security-note{color:var(--green);background:var(--green-tint);border:1px solid #c8ddce;border-radius:6px;align-items:center;gap:8px;margin-top:12px;padding:10px;display:flex}.account-security-note svg{width:15px}.account-security-note strong,.account-security-note small{display:block}.account-security-note strong{font-size:8px}.account-security-note small{margin-top:2px;font-size:7px}.section-copy{color:var(--text-muted);margin:5px 0 14px;font-size:7px}.sync-detail{color:var(--green);background:var(--green-tint);border:1px solid #c8ddce;border-radius:6px;align-items:center;gap:8px;margin-top:12px;padding:10px;display:flex}.sync-detail span{flex:1}.sync-detail strong,.sync-detail small{display:block}.sync-detail strong{font-size:8px}.sync-detail small{margin-top:2px;font-size:7px}.device-list{border:1px solid var(--line);border-radius:6px;margin-top:10px}.device-list>div{border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:55px;padding:8px 10px;display:flex}.device-list>div:last-child{border-bottom:0}.device-list>div>span{flex:1}.device-list strong,.device-list small{display:block}.device-list strong{font-size:8px}.device-list small{color:var(--text-muted);margin-top:2px;font-size:7px}.sync-account-pane{gap:11px;display:grid}.sync-pane-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.sync-pane-head h2{margin:0;font-family:Noto Serif SC,serif;font-size:14px}.sync-pane-head p{color:var(--text-muted);margin:3px 0 0;font-size:7px}.workspace-list{border:1px solid var(--line);border-radius:6px;display:grid;overflow:hidden}.workspace-list>article{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:9px;min-height:52px;padding:8px 10px;display:flex}.workspace-list>article:last-child{border-bottom:0}.workspace-list>article.active{box-shadow:inset 3px 0 var(--seal);background:#fbf4f1}.workspace-list>article>div{flex:1;min-width:0}.workspace-list strong,.workspace-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.workspace-list strong{font-size:8px}.workspace-list small{color:var(--text-muted);margin-top:2px;font-size:7px}.workspace-icon{width:29px;height:29px;color:var(--amber);background:var(--amber-tint);border-radius:5px;place-items:center;display:grid}.workspace-icon.cloud{color:var(--tech);background:#eaf2fa}.workspace-icon svg{width:14px}.workspace-empty{min-height:64px;color:var(--text-muted);background:#fcfbf7;align-items:center;gap:9px;padding:10px;display:flex}.workspace-empty>svg{width:19px}.workspace-empty span{flex:1}.workspace-empty strong,.workspace-empty small{display:block}.workspace-empty strong{color:var(--text);font-size:8px}.workspace-empty small{margin-top:2px;font-size:7px}.workspace-create{border:1px dashed var(--line-strong);background:#fcfbf7;border-radius:6px;grid-template-columns:minmax(180px,1fr) 135px auto;align-items:end;gap:7px;padding:10px;display:grid}.migration-panel{background:#f2f7fb;border:1px solid #c9d9e8;border-radius:6px;padding:11px}.migration-panel>header{color:var(--tech);align-items:center;gap:8px;display:flex}.migration-panel>header>span{flex:1}.migration-panel strong,.migration-panel small{display:block}.migration-panel strong{font-size:8px}.migration-panel small{margin-top:2px;font-size:7px}.migration-panel>p{color:var(--text-muted);margin:8px 0;font-size:7px;line-height:1.6}.migration-panel>div{gap:6px;display:flex}.migration-panel .migration-status{color:var(--tech);margin-top:7px}.detach-panel,.sync-warning{border:1px solid var(--line);background:#fcfbf7;border-radius:6px;align-items:center;gap:8px;padding:10px;display:flex}.detach-panel>span,.sync-warning>span{flex:1}.detach-panel strong,.detach-panel small,.sync-warning strong,.sync-warning small{display:block}.detach-panel strong,.sync-warning strong{font-size:8px}.detach-panel small,.sync-warning small{color:var(--text-muted);margin-top:2px;font-size:7px}.sync-warning{color:var(--amber);background:var(--amber-tint);border-color:#ead3aa}.conflict-list{border:1px solid #efc6c2;border-radius:6px;overflow:hidden}.conflict-list>header{color:var(--danger);background:#fff2f0;align-items:center;gap:6px;padding:8px 10px;font-size:8px;display:flex}.conflict-list>article{border-top:1px solid #f0d9d6;align-items:center;gap:6px;padding:8px 10px;display:flex}.conflict-list>article>span{flex:1;min-width:0}.conflict-list strong,.conflict-list small{display:block}.conflict-list strong{font-size:8px}.conflict-list small{color:var(--text-muted);margin-top:2px;font-size:7px}.statusbar{color:#a3a5aa;background:var(--titlebar);white-space:nowrap;border-top:1px solid #ffffff0d;align-items:center;gap:14px;min-width:0;padding:0 9px;font-size:10px;display:flex;overflow:hidden}.statusbar>span{align-items:center;gap:4px;min-width:0;display:flex}.statusbar svg{width:10px}.statusbar .online{background:#5eae78;border-radius:50%;width:5px;height:5px}.statusbar .online.local{background:#d2a054}.statusbar .online.offline{background:#c88735}.statusbar .online.conflict{background:#d4544d}.statusbar .online.syncing{background:#6c91b5;box-shadow:0 0 0 2px #6c91b533}.status-spacer{flex:1}.toast{z-index:200;color:#fff;background:var(--toast-surface);max-width:min(620px,100vw - 40px);min-height:37px;box-shadow:var(--shadow-pop);border:1px solid #ffffff1a;border-radius:7px;align-items:center;gap:8px;padding:6px 12px 6px 7px;font-size:8px;display:flex;position:fixed;bottom:38px;left:50%;transform:translate(-50%)}.toast span{background:var(--seal);border-radius:4px;place-items:center;width:23px;height:23px;font-family:Noto Serif SC,serif;display:grid}.boot-state{z-index:300;color:#d7d5ce;background:var(--boot-overlay);justify-content:center;align-items:center;gap:9px;font-size:9px;display:flex;position:fixed;inset:42px 0 24px}.boot-state span{color:#fff;background:var(--seal);border-radius:4px;place-items:center;width:28px;height:28px;font-family:Noto Serif SC,serif;font-size:14px;display:grid}.fatal-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:32px;display:flex}.fatal-state>span{border:1px solid var(--line);color:#fff;background:var(--seal);border-radius:6px;place-items:center;width:46px;height:46px;margin-bottom:14px;font-family:Noto Serif SC,serif;font-size:20px;display:grid}.fatal-state>strong{font-family:Noto Serif SC,serif;font-size:17px}.fatal-state>p{max-width:420px;color:var(--text-muted);margin:8px 0 18px;font-size:10px;line-height:1.7}.fatal-state>div{gap:8px;display:flex}.fatal-state button{border:1px solid var(--line-strong);min-height:34px;color:var(--text);background:var(--white);cursor:pointer;border-radius:5px;align-items:center;gap:6px;padding:0 13px;display:inline-flex}.fatal-state button:first-child{color:#fff;border-color:var(--seal);background:var(--seal)}.fatal-state button svg{width:14px;height:14px}.screen-loading{height:100%;color:var(--text-muted);justify-content:center;align-items:center;gap:8px;font-size:8px;display:flex}.screen-loading span{color:#fff;background:var(--seal);border-radius:4px;place-items:center;width:25px;height:25px;font-family:Noto Serif SC,serif;font-size:12px;display:grid}@media (width<=1200px){.desktop-titlebar{grid-template-columns:344px minmax(140px,1fr) auto}.desktop-body{grid-template-columns:154px 190px minmax(0,1fr)}.studio-app.nav-collapsed .desktop-body{grid-template-columns:52px 190px minmax(0,1fr)}.global-search{width:150px}.screen-header{padding-inline:14px}.screen-title p{max-width:310px}.workbench-grid,.template-layout,.batch-body,.assets-body,.history-body,.settings-layout{padding-left:14px;padding-right:14px}.workbench-grid{--splitter-width:10px;--editor-min:260px;--preview-min:270px}.workbench-grid.preview-desktop{--preview-min:320px}.template-layout{grid-template-columns:minmax(480px,1fr) 260px;gap:9px}.assets-body{grid-template-columns:minmax(470px,1fr) 235px;gap:9px}.settings-layout{grid-template-columns:minmax(470px,1fr) 225px;gap:9px}.batch-summary{grid-template-columns:repeat(4,80px) minmax(190px,1fr)}.history-drawer{right:14px}}@media (width<=1050px){.screen-title h1{font-size:18px}.screen-title p{display:none}.screen-actions .button{padding-inline:8px}.workbench-grid{--editor-min:250px;--preview-min:250px}.workbench-grid.preview-desktop{--preview-min:290px}.template-layout{grid-template-columns:minmax(400px,1fr) 215px}.template-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.assets-body{grid-template-columns:minmax(400px,1fr) 210px}.asset-grid{grid-template-columns:repeat(2,minmax(125px,1fr))}.settings-layout{grid-template-columns:minmax(410px,1fr) 200px}.directory-band{grid-template-columns:1fr 1fr}.watch-control{grid-column:1/-1}.batch-summary{grid-template-columns:repeat(4,1fr)}.batch-summary .summary-note{grid-column:1/-1;min-height:35px}.table-row{grid-template-columns:28px minmax(170px,1.3fr) 85px 100px 58px 32px}.privacy-grid{grid-template-columns:1fr}}#root :is(button,input,textarea,select):not(.wechat-preview *):not(.template-test article *),#root :is(p,strong,label,span):not(.wechat-preview *):not(.template-test article *){font-size:11px}#root :is(small,code,dt,dd,li,i,h3):not(.wechat-preview *):not(.template-test article *),#root :is(div,dl):not(.wechat-preview *):not(.template-test article *),#root :is(.tree-title,.panel-meta,.modal-summary,.editor-status,.preview-foot,.screen-loading,.privacy-note,.constraint-note,.source-error,.import-note,.provider-result,.provider-help){font-size:10px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}