:root{--accent:#2563eb;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;--font-mono:"JetBrains Mono", "Cascadia Mono", "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--fs-xs:11px;--fs-sm:12px;--fs-base:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:19px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--r-sm:4px;--r-md:6px;--r-lg:8px;--r-full:999px;--radius-sm:var(--r-sm);--radius-md:var(--r-md);--radius-lg:var(--r-lg);--radius-full:var(--r-full);--surface:var(--bg-panel);--surface-2:var(--bg-subtle);--bg-tertiary:var(--bg-active);--w-sidebar:232px;--w-list:320px;--h-topbar:44px;--t-fast:.11s ease;--t-base:.17s cubic-bezier(.2, 0, .2, 1)}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-app:#f6f7f9;--bg-panel:#fff;--bg-subtle:#f1f2f4;--bg-hover:#eceef1;--bg-active:#e4e7ea;--bg-input:#fff;--bg-code:#f7f8fa;--border:#e3e5e9;--border-strong:#d3d6dc;--text:#16181d;--text-secondary:#4b5058;--text-muted:#868c96;--text-inverse:#fff;--accent-soft:color-mix(in srgb, var(--accent) 10%, transparent);--accent-soft-strong:color-mix(in srgb, var(--accent) 16%, transparent);--accent-text:var(--accent);--danger:#dc2626;--danger-soft:#dc26261a;--warning:#b45309;--warning-soft:#f59e0b24;--success:#15803d;--shadow-pop:0 4px 16px #1012161a, 0 0 0 1px var(--border);--shadow-modal:0 12px 40px #10121629;--overlay:#181a1e52}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#16181c;--bg-panel:#1d2025;--bg-subtle:#22262c;--bg-hover:#282d34;--bg-active:#30363e;--bg-input:#22262c;--bg-code:#191c21;--border:#2b3038;--border-strong:#3a414b;--text:#e8eaed;--text-secondary:#b0b6bf;--text-muted:#7d858f;--text-inverse:#fff;--accent-soft:color-mix(in srgb, var(--accent) 18%, transparent);--accent-soft-strong:color-mix(in srgb, var(--accent) 26%, transparent);--accent-text:color-mix(in srgb, var(--accent) 78%, #fff);--danger:#f87171;--danger-soft:#f8717126;--warning:#fbbf24;--warning-soft:#fbbf2429;--success:#4ade80;--shadow-pop:0 4px 18px #00000073, 0 0 0 1px var(--border);--shadow-modal:0 16px 48px #0000008c;--overlay:#0000008c}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-size:var(--fs-base);color:var(--text);background:var(--bg-app);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.55;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,p{margin:0}ul{margin:0;padding:0;list-style:none}::selection{background:var(--accent-soft-strong)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full);background-clip:content-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:content-box}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.app{flex-direction:column;height:100%;display:flex;overflow:hidden}.topbar{align-items:center;gap:var(--sp-3);height:var(--h-topbar);min-height:var(--h-topbar);padding:0 var(--sp-3);background:var(--bg-panel);border-bottom:1px solid var(--border);display:flex}.topbar__brand{align-items:center;gap:var(--sp-2);padding-right:var(--sp-2);-webkit-user-select:none;user-select:none;display:flex}.brand-mark{border-radius:var(--r-md);background:var(--accent);color:#fff;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.brand-name{font-size:var(--fs-md);letter-spacing:-.01em;font-weight:600}.topbar__spacer{flex:1}.topbar__search{width:min(420px,42vw);position:relative}.topbar__search .icon-left{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.topbar__search input{background:var(--bg-subtle);border-radius:var(--r-md);width:100%;height:30px;transition:background var(--t-fast), border-color var(--t-fast);border:1px solid #0000;padding:0 30px}.topbar__search input::placeholder{color:var(--text-muted)}.topbar__search input:focus{background:var(--bg-input);border-color:var(--border-strong);outline:none}.topbar__search .clear-btn{position:absolute;top:50%;right:6px;transform:translateY(-50%)}.workspace{flex:1;min-height:0;display:flex}.resizer{cursor:col-resize;z-index:3;width:5px;transition:background var(--t-fast);background:0 0;flex-shrink:0;margin:0 -2px;position:relative}.resizer:hover,.resizer[data-dragging=true]{background:var(--accent-soft-strong)}.sidebar{width:var(--w-sidebar);background:var(--bg-app);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.sidebar__scroll{padding:var(--sp-3) var(--sp-2) var(--sp-2);flex:1;overflow-y:auto}.sidebar__new{padding:var(--sp-3) var(--sp-3) 0}.nav-section{margin-bottom:var(--sp-4)}.nav-section__title{padding:0 var(--sp-2) var(--sp-1);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;align-items:center;font-weight:600;display:flex}.nav-item{align-items:center;gap:var(--sp-2);width:100%;padding:6px var(--sp-2);border-radius:var(--r-md);color:var(--text-secondary);cursor:pointer;text-align:left;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:none;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text)}.nav-item[aria-current=true]{background:var(--accent-soft);color:var(--accent-text);font-weight:500}.nav-item__label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.nav-item__count{font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:var(--text-muted)}.nav-item[aria-current=true] .nav-item__count{color:var(--accent-text)}.dot{border-radius:var(--r-full);flex-shrink:0;width:8px;height:8px}.cat-row{align-items:center;display:flex}.cat-row .row-actions{gap:2px;padding-right:2px;display:none}.cat-row:hover .row-actions{display:flex}.cat-row:hover .nav-item__count{display:none}.tag-cloud{gap:var(--sp-1);padding:0 var(--sp-2);flex-wrap:wrap;display:flex}.tag-chip{font-size:var(--fs-xs);border:1px solid var(--border);border-radius:var(--r-full);background:var(--bg-panel);color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast);align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.tag-chip:hover{border-color:var(--border-strong);color:var(--text)}.tag-chip[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text);border-color:#0000}.sidebar__footer{padding:var(--sp-2);border-top:1px solid var(--border);align-items:center;gap:var(--sp-1);display:flex}.list-pane{width:var(--w-list);background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.list-pane__head{justify-content:space-between;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-3) var(--sp-2);display:flex}.list-pane__title{font-size:var(--fs-md);letter-spacing:-.01em;font-weight:600}.list-pane__meta{font-size:var(--fs-xs);color:var(--text-muted)}.list-pane__scroll{padding:0 var(--sp-2) var(--sp-3);flex:1;overflow-y:auto}.tpl-card{width:100%;padding:var(--sp-3);border-radius:var(--r-md);text-align:left;cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast);background:0 0;border:1px solid #0000;margin-bottom:2px;display:block;position:relative}.tpl-card:hover{background:var(--bg-hover)}.tpl-card[aria-selected=true]{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 28%, transparent)}.tpl-card__top{align-items:flex-start;gap:var(--sp-2);display:flex}.tpl-card__title{font-size:var(--fs-md);color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.tpl-card__snippet{font-size:var(--fs-sm);color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;display:-webkit-box;overflow:hidden}.tpl-card__foot{align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);font-size:var(--fs-xs);color:var(--text-muted);display:flex}.tpl-card__cat{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;max-width:45%;display:inline-flex;overflow:hidden}.badge{border-radius:var(--r-sm);background:var(--bg-subtle);color:var(--text-secondary);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;align-items:center;gap:3px;padding:1px 6px;display:inline-flex}.tpl-card__star{color:var(--warning)}.detail-pane{background:var(--bg-app);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.detail-head{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--bg-panel);border-bottom:1px solid var(--border);min-height:46px;display:flex}.detail-head__title{min-width:0;font-size:var(--fs-md);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.detail-body{flex:1;min-height:0;overflow:hidden;container-type:inline-size}.segmented{background:var(--bg-subtle);border-radius:var(--r-md);gap:2px;padding:2px;display:inline-flex}.segmented button{border-radius:var(--r-sm);color:var(--text-secondary);font-size:var(--fs-sm);cursor:pointer;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:none;padding:3px 12px}.segmented button:hover{color:var(--text)}.segmented button[aria-pressed=true]{background:var(--bg-panel);color:var(--text);box-shadow:0 0 0 1px var(--border);font-weight:500}.btn{height:30px;padding:0 var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--bg-panel);color:var(--text);font-size:var(--fs-base);cursor:pointer;white-space:nowrap;transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);justify-content:center;align-items:center;gap:6px;display:inline-flex}.btn:hover{background:var(--bg-hover)}.btn:active{background:var(--bg-active)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover{background:color-mix(in srgb, var(--accent) 88%, #000);border-color:color-mix(in srgb, var(--accent) 88%, #000)}.btn--primary:active{background:color-mix(in srgb, var(--accent) 78%, #000)}.btn--ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--bg-hover);color:var(--text)}.btn--danger{color:var(--danger);background:0 0;border-color:#0000}.btn--danger:hover{background:var(--danger-soft)}.btn--block{width:100%}.btn--lg{height:34px;padding:0 var(--sp-4);font-size:var(--fs-md)}.btn--sm{height:24px;padding:0 var(--sp-2);font-size:var(--fs-sm)}.icon-btn{border-radius:var(--r-md);width:26px;height:26px;color:var(--text-muted);cursor:pointer;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:none;flex-shrink:0;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--bg-hover);color:var(--text)}.icon-btn[aria-pressed=true]{color:var(--accent-text)}.icon-btn--star[aria-pressed=true]{color:var(--warning)}.icon-btn--danger:hover{background:var(--danger-soft);color:var(--danger)}.icon-btn--sm{width:20px;height:20px}.input,.textarea,.select{width:100%;padding:0 var(--sp-2);background:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--r-md);transition:border-color var(--t-fast), box-shadow var(--t-fast)}.input{height:30px}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);outline:none}.textarea{resize:vertical;min-height:72px;line-height:1.6}.textarea--mono{font-family:var(--font-mono);font-size:var(--fs-sm);line-height:1.7}.select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 14px) 13px,calc(100% - 9px) 13px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;height:30px;padding:0 26px 0 10px;line-height:30px}.select--sm{width:auto;height:26px;line-height:26px;font-size:var(--fs-sm);background-position:calc(100% - 13px) 11px,calc(100% - 8px) 11px;padding:0 26px 0 10px}.switch{align-items:center;gap:var(--sp-2);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.switch__track{border-radius:var(--r-full);background:var(--border-strong);width:44px;height:26px;transition:background var(--t-base);flex-shrink:0;padding:2px;display:inline-block}.switch__thumb{border-radius:var(--r-full);width:22px;height:22px;transition:transform var(--t-base);background:#fff;display:block}.switch input:checked+.switch__track{background:var(--accent)}.switch input:checked+.switch__track .switch__thumb{transform:translate(18px)}.switch input:focus-visible+.switch__track{outline:2px solid var(--accent);outline-offset:2px}.check-grid{gap:var(--sp-1);flex-wrap:wrap;display:flex}.check-chip{font-size:var(--fs-sm);border:1px solid var(--border-strong);border-radius:var(--r-full);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast);align-items:center;gap:5px;padding:4px 10px;display:inline-flex}.check-chip:hover{border-color:var(--accent);color:var(--text)}.check-chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text);font-weight:500}.tag-input{align-items:center;gap:var(--sp-1);background:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--r-md);flex-wrap:wrap;min-height:30px;padding:4px;display:flex}.tag-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.tag-input input{background:0 0;border:none;outline:none;flex:1;min-width:80px;padding:0 4px}.tag-pill{font-size:var(--fs-xs);border-radius:var(--r-sm);background:var(--bg-subtle);color:var(--text-secondary);align-items:center;gap:4px;padding:1px 4px 1px 8px;display:inline-flex}.field{margin-bottom:var(--sp-4)}.field__label{align-items:center;gap:var(--sp-1);font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:5px;font-weight:500;display:flex}.field__hint{font-size:var(--fs-xs);color:var(--text-muted);margin-top:4px}.required-mark{color:var(--danger)}.field-row{gap:var(--sp-3);display:flex}.field-row>*{flex:1;min-width:0}.field-row--between{justify-content:space-between;align-items:center}.field-row--between>*{flex:0 auto}.icon-btn.is-busy{color:var(--accent)}.icon-btn.is-err{color:var(--danger)}.empty{justify-content:center;align-items:center;gap:var(--sp-3);height:100%;padding:var(--sp-8);text-align:center;color:var(--text-muted);flex-direction:column;display:flex}.empty__icon{border-radius:var(--r-lg);background:var(--bg-subtle);width:44px;height:44px;color:var(--text-muted);place-items:center;display:grid}.empty__title{font-size:var(--fs-md);color:var(--text-secondary);font-weight:500}.empty__desc{font-size:var(--fs-sm);max-width:320px}kbd{font-family:var(--font-sans);font-size:var(--fs-xs);color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-sm);padding:1px 5px;display:inline-block}.editor{height:100%;padding:var(--sp-5) var(--sp-5) var(--sp-8);overflow-y:auto}.editor__inner{max-width:880px;margin:0 auto}.section{margin-bottom:var(--sp-6)}.section__head{justify-content:space-between;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border);display:flex}.section__title{font-size:var(--fs-md);font-weight:600}.section__desc{font-size:var(--fs-xs);color:var(--text-muted);margin-left:var(--sp-2);font-weight:400}.title-input{width:100%;font-size:var(--fs-xl);letter-spacing:-.02em;background:0 0;border:none;padding:0;font-weight:600}.title-input:focus{outline:none}.title-input::placeholder{color:var(--text-muted)}.content-editor{position:relative}.content-toolbar{align-items:center;gap:var(--sp-1);margin-bottom:var(--sp-2);flex-wrap:wrap;display:flex}.hint-banner{align-items:flex-start;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-3);font-size:var(--fs-sm);border-radius:var(--r-md);background:var(--warning-soft);color:var(--text);display:flex}.hint-banner--info{background:var(--accent-soft)}.hint-banner__body{flex:1}.code-hint{font-family:var(--font-mono);font-size:var(--fs-xs);border-radius:var(--r-sm);background:var(--bg-code);border:1px solid var(--border);padding:1px 4px}.var-card{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-panel);margin-bottom:var(--sp-2);overflow:hidden}.var-card__head{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-3);display:flex}.var-card__head:hover{background:var(--bg-subtle)}.var-card__grip{color:var(--text-muted);cursor:default;place-items:center;display:grid}.var-card__key{font-family:var(--font-mono);font-size:var(--fs-sm);border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent-text);white-space:nowrap;padding:1px 6px}.var-card__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-secondary);flex:1;overflow:hidden}.var-card__type{font-size:var(--fs-xs);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--r-sm);white-space:nowrap;align-items:center;gap:4px;padding:1px 6px;display:flex}.var-card__body{padding:var(--sp-3);border-top:1px solid var(--border);background:var(--bg-subtle)}.var-card__body .field{margin-bottom:var(--sp-3)}.var-card__body .field:last-child{margin-bottom:0}.option-row{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-1);display:flex}.type-picker{gap:var(--sp-1);grid-template-columns:repeat(auto-fill,minmax(110px,1fr));display:grid}.type-option{padding:6px var(--sp-2);border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-panel);color:var(--text-secondary);cursor:pointer;font-size:var(--fs-sm);text-align:left;transition:all var(--t-fast);align-items:center;gap:6px;display:flex}.type-option:hover{border-color:var(--border-strong);color:var(--text)}.type-option[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text);font-weight:500}.add-var-menu{gap:var(--sp-1);flex-wrap:wrap;display:flex}.add-var-menu .add-var-btn{white-space:nowrap;flex-flow:row;justify-content:center;align-items:center;gap:6px;display:inline-flex}.runner{height:100%;min-height:0;display:flex}.runner__form{width:44%;min-width:260px;padding:var(--sp-4);border-right:1px solid var(--border);background:var(--bg-panel);overflow-y:auto}.runner__preview{background:var(--bg-app);flex-direction:column;flex:1;min-width:0;display:flex}@container (width<=720px){.runner{flex-direction:column}.runner__form{border-right:none;border-bottom:1px solid var(--border);width:100%;min-width:0;max-height:50%}}.runner__section-title{margin-bottom:var(--sp-3);font-size:var(--fs-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;font-weight:600;display:flex}.preview__head{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);display:flex}.preview__title{font-size:var(--fs-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;flex:1;font-weight:600}.preview__body{padding:var(--sp-4);flex:1;overflow-y:auto}.preview__text{font-family:var(--font-mono);font-size:var(--fs-sm);white-space:pre-wrap;word-break:break-word;color:var(--text);line-height:1.8}.preview__text .seg-value{background:var(--accent-soft);color:var(--accent-text);border-radius:3px;padding:0 2px;font-weight:500}.preview__text .seg-empty{background:var(--warning-soft);color:var(--warning);font-size:var(--fs-xs);border:1px dashed color-mix(in srgb, var(--warning) 45%, transparent);border-radius:3px;padding:0 6px;display:inline-block}.preview__foot{align-items:center;gap:var(--sp-2);padding:var(--sp-3);border-top:1px solid var(--border);background:var(--bg-panel);display:flex}.preview__stats{font-size:var(--fs-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;flex:1}.number-field{align-items:center;gap:var(--sp-2);display:flex}.number-field input[type=range]{accent-color:var(--accent);flex:1;min-width:60px}.number-field .input{flex-shrink:0;width:84px}.overlay{z-index:40;padding:var(--sp-6);background:var(--overlay);animation:fade-in var(--t-base);place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;max-width:560px;max-height:min(84vh,720px);box-shadow:var(--shadow-modal);animation:pop-in var(--t-base);flex-direction:column;display:flex;overflow:hidden}.modal--wide{max-width:940px;height:min(84vh,760px)}.modal__head{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);display:flex}.modal__title{min-width:0;font-size:var(--fs-md);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.modal__body{min-height:0;padding:var(--sp-4);flex:1;overflow-y:auto}.modal__body--flush{padding:0;container-type:inline-size}.modal__foot{justify-content:flex-end;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border);display:flex}.toast-host{bottom:var(--sp-5);z-index:60;pointer-events:none;position:fixed;left:50%;transform:translate(-50%)}.toast{align-items:center;gap:var(--sp-2);padding:8px var(--sp-4);border-radius:var(--r-md);background:var(--bg-panel);border:1px solid var(--border);box-shadow:var(--shadow-pop);font-size:var(--fs-base);animation:toast-in var(--t-base);display:flex}.toast--success .toast__dot{background:var(--success)}.toast--error .toast__dot{background:var(--danger)}.toast--info .toast__dot{background:var(--accent)}.toast__dot{border-radius:var(--r-full);flex-shrink:0;width:6px;height:6px}.settings-row{align-items:center;gap:var(--sp-4);padding:var(--sp-3) 0;border-bottom:1px solid var(--border);grid-template-columns:1fr auto;display:grid}.settings-row:last-child{border-bottom:none}.settings-row__label{font-weight:500}.settings-row__desc{font-size:var(--fs-xs);color:var(--text-muted);max-width:46ch;margin-top:2px}.settings-row__control{justify-content:flex-end;align-items:center;gap:var(--sp-2);flex-shrink:0;min-width:0;display:flex}.swatches{gap:6px;display:flex}.swatch{border-radius:var(--r-full);cursor:pointer;width:22px;height:22px;transition:transform var(--t-fast);border:2px solid #0000;padding:0}.swatch:hover{transform:scale(1.12)}.swatch[aria-pressed=true]{border-color:var(--text)}.path-box{font-family:var(--font-mono);font-size:var(--fs-xs);padding:var(--sp-2);border-radius:var(--r-md);background:var(--bg-code);border:1px solid var(--border);color:var(--text-secondary);word-break:break-all}.settings-row--stack{align-items:stretch;gap:var(--sp-3);flex-direction:column;display:flex}.settings-row__head{align-items:center;gap:var(--sp-4);grid-template-columns:1fr auto;display:grid}.settings-row__head>:first-child{min-width:0;overflow:hidden}.sync-grid{gap:var(--sp-3);padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--accent) 4%, var(--surface-2));flex-direction:column;display:flex}.sync-grid .settings-row__desc{text-align:center;max-width:none}.input-affix{align-items:stretch;gap:6px;display:flex}.input-affix .input{flex:1;min-width:0}.input-affix__btn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:34px;color:var(--text-muted);cursor:pointer;flex:none;place-items:center;display:grid}.input-affix__btn:hover{color:var(--text-secondary);border-color:var(--accent)}.inline-check{font-size:var(--fs-sm);color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.sync-actions{gap:var(--sp-2);display:inline-flex}.sync-conn{font-size:var(--fs-sm);border-radius:var(--radius-md);align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.sync-conn.is-ok{color:var(--success);background:color-mix(in srgb, var(--success) 12%, transparent)}.sync-conn.is-err{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent)}.sync-status{font-size:var(--fs-sm);color:var(--text-muted);align-items:center;gap:6px;display:inline-flex}.sync-status--success{color:var(--success)}.sync-status--error,.sync-status--conflict{color:var(--danger)}.sync-spin{transform-origin:50%;animation:.9s linear infinite sync-rotate}@keyframes sync-rotate{to{transform:rotate(360deg)}}.version-block{gap:var(--sp-3);padding:var(--sp-4);margin-top:var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--accent) 4%, var(--surface-2));flex-direction:column;display:flex}.settings-row__tip{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}.version-empty{font-size:var(--fs-sm);color:var(--text-muted);padding:var(--sp-2) 0;text-align:center}.version-block .select{width:100%;height:30px;line-height:30px}.version-block .btn{align-self:flex-start}.version-select{width:100%;position:relative}.version-select__trigger{text-align:left;cursor:pointer;background-image:none;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.version-select__trigger:disabled{opacity:.5;cursor:not-allowed}.version-select__value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.version-select__chevron{color:var(--text-muted);transition:transform var(--t-fast);flex-shrink:0}.version-select__menu{z-index:20;background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--r-md);max-height:240px;box-shadow:var(--shadow-pop);padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.version-select__option{text-align:left;border-radius:var(--r-sm);width:100%;color:var(--text-secondary);font-size:var(--fs-sm);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:7px 10px;display:block}.version-select__option:hover{background:var(--bg-hover);color:var(--text)}.version-select__option.is-selected{background:var(--accent-soft);color:var(--accent-text);font-weight:500}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(6px)scale(.99)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}