:root{--bg: #0f172a;--card: #1e293b;--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--ok: #22c55e;--error: #ef4444;--loading: #eab308;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.shell{max-width:720px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.hero h1{font-size:2.5rem;margin:0;letter-spacing:-.02em}.tagline{color:var(--muted);margin-top:.25rem}.card{background:var(--card);border:1px solid rgba(148,163,184,.15);border-radius:14px;padding:1.25rem 1.5rem;margin-top:1.5rem}.card h2{margin-top:0;font-size:1.1rem}.muted{color:var(--muted)}.pills{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:999px;font-size:.9rem;background:#94a3b81f}.pill__dot{width:9px;height:9px;border-radius:999px;background:var(--muted)}.pill--ok .pill__dot{background:var(--ok)}.pill--error .pill__dot{background:var(--error)}.pill--loading .pill__dot{background:var(--loading)}.blocks{margin:.5rem 0 0;padding-left:1.25rem;columns:2;gap:1.5rem}.blocks li{margin:.15rem 0}.shell--wide{max-width:900px}.hero-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.pills--compact{margin-top:.35rem}.pills--compact .pill{font-size:.78rem;padding:.3rem .6rem}.filters{background:var(--card);border:1px solid rgba(148,163,184,.15);border-radius:14px;padding:1rem 1.25rem;margin-top:1.5rem}.filter-search{width:100%;padding:.6rem .8rem;border-radius:10px;border:1px solid rgba(148,163,184,.25);background:var(--bg);color:var(--text);font-size:.95rem}.filter-search::placeholder{color:var(--muted)}.filter-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.85rem;align-items:flex-end}.field{display:flex;flex-direction:column;gap:.25rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.field select{min-width:9.5rem;padding:.45rem .6rem;border-radius:9px;border:1px solid rgba(148,163,184,.25);background:var(--bg);color:var(--text);font-size:.9rem;text-transform:none;letter-spacing:normal}.field select:disabled{opacity:.45}.filter-clear{padding:.45rem .9rem;border-radius:9px;border:1px solid rgba(148,163,184,.25);background:transparent;color:var(--muted);cursor:pointer;font-size:.85rem}.filter-clear:hover{color:var(--text);border-color:var(--accent)}.catalog-results{margin-top:1.25rem}.result-count{font-size:.8rem;margin:0 0 .5rem}.state{margin-top:1.5rem}.state--error{color:var(--error)}.block-section{margin-top:1.5rem}.block-head{display:flex;align-items:baseline;gap:.6rem;font-size:1.05rem;margin:0 0 .5rem;padding-bottom:.35rem;border-bottom:1px solid rgba(148,163,184,.15)}.block-system{font-size:.72rem;font-weight:400;text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}.grouping{margin:.75rem 0 0}.grouping-head{display:flex;align-items:baseline;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--muted);margin:.5rem 0 .35rem}.grouping-kind{font-size:.68rem;font-weight:400;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);border:1px solid rgba(56,189,248,.35);border-radius:999px;padding:.05rem .45rem}.ex-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.ex-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .9rem;border-radius:11px;border:1px solid rgba(148,163,184,.15);background:var(--card);color:var(--text);cursor:pointer;text-align:left;transition:border-color .12s ease,transform .12s ease}.ex-row:hover{border-color:var(--accent);transform:translate(2px)}.ex-name{display:flex;flex-direction:column;gap:.1rem;min-width:0}.ex-name-en{font-weight:600;font-size:.98rem}.ex-name-zh{font-size:.82rem;color:var(--muted);line-height:1.2}.ex-meta{display:flex;gap:.4rem;flex-shrink:0}.tag{font-size:.72rem;padding:.2rem .55rem;border-radius:999px;background:#94a3b824;color:var(--text);white-space:nowrap}.tag--level{background:#38bdf829;color:var(--accent)}.back{background:transparent;border:none;color:var(--accent);cursor:pointer;font-size:.9rem;padding:0;margin-top:1.5rem}.back:hover{text-decoration:underline}.detail{margin-top:.5rem}.detail-head{margin-top:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(148,163,184,.15)}.detail-name-en{font-size:1.9rem;letter-spacing:-.01em;margin:0}.detail-name-zh{font-size:1.15rem;font-weight:400;color:var(--muted);margin:.15rem 0 0}.detail-path{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:.75rem 0 0;font-size:.85rem;color:var(--muted)}.detail-path .sep{color:#94a3b880}.detail-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.detail-images{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.detail-img{width:160px;height:120px;object-fit:cover;border-radius:10px;border:1px solid rgba(148,163,184,.15)}.detail-field{margin-top:1.25rem}.detail-field-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 .35rem}.detail-field-text{margin:0;white-space:pre-wrap}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.video-list{margin:0;padding-left:1.1rem}.video-list a{color:var(--accent)}.catalog-toolbar{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between}.catalog-toolbar .filters{flex:1}.detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.btn-primary{padding:.5rem 1rem;border-radius:9px;border:1px solid var(--accent);background:var(--accent);color:#06121f;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-primary:disabled{opacity:.55;cursor:default}.ex-form{margin-top:1rem;display:flex;flex-direction:column;gap:1.25rem}.form-head{display:flex;align-items:center;gap:1rem}.form-head h2{margin:0;font-size:1.4rem}.form-section{border:1px solid rgba(148,163,184,.18);border-radius:12px;padding:1rem 1.25rem 1.25rem;margin:0}.form-section legend{padding:0 .5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.field--full{grid-column:1 / -1}.text-input{padding:.45rem .6rem;border-radius:9px;border:1px solid rgba(148,163,184,.25);background:var(--bg);color:var(--text);font-size:.9rem;font-family:inherit;text-transform:none;letter-spacing:normal;width:100%}.text-input--sm{min-width:9.5rem}textarea.text-input{min-height:3.2rem;resize:vertical}.text-input:focus{outline:none;border-color:var(--accent)}.text-input:disabled{opacity:.55;cursor:not-allowed;background:#94a3b80f}.video-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.6rem;align-items:center}.video-row .text-input[type=url]{flex:1;min-width:12rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem}.toolbar-actions{display:flex;gap:.5rem;align-items:flex-start}.import{margin-top:1rem;display:flex;flex-direction:column;gap:1.25rem}.import-modes{display:flex;flex-direction:column;gap:.6rem;margin:.9rem 0}.import-mode{display:flex;gap:.6rem;padding:.7rem .9rem;border:1px solid rgba(148,163,184,.25);border-radius:10px;cursor:pointer}.import-mode.is-active{border-color:var(--accent);background:#38bdf80f}.import-mode p{margin:.2rem 0 0;font-size:.85rem}.import-summary{margin:.5rem 0;padding-left:1.1rem;line-height:1.7}.import-summary--warn b{color:var(--error)}.import-diag{margin-top:1rem}.import-diag ul,.import-sample{margin:.3rem 0;padding-left:1.1rem;line-height:1.6}.tag--create{background:#22c55e2e;color:#86efac}.tag--update{background:#eab3082e;color:#fde047}.tag--unchanged{background:#94a3b829;color:var(--muted)}.tabs{display:flex;gap:.25rem;margin-top:1.25rem;border-bottom:1px solid rgba(148,163,184,.15)}.tab{background:none;border:none;color:var(--muted);font:inherit;font-weight:600;padding:.5rem .9rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--text)}.tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}.plan-create{display:flex;gap:.6rem;align-items:center;margin-top:1.5rem;flex-wrap:wrap}.plan-create .text-input{flex:1 1 16rem}.plan-buckets{margin-top:1.5rem}.plan-bucket{margin-top:1.25rem}.plan-list{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem}.plan-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:var(--card);border:1px solid rgba(148,163,184,.14);border-radius:.6rem;padding:.7rem .9rem;color:var(--text);font:inherit;cursor:pointer;text-align:left}.plan-row:hover{border-color:#38bdf880}.plan-title{font-weight:600}.plan-meta{display:flex;gap:.4rem;align-items:center}.tag--status-draft{background:#94a3b829;color:var(--muted)}.tag--status-finalized{background:#38bdf82e;color:#7dd3fc}.tag--status-logged{background:#22c55e2e;color:#86efac}.plan-editor-head{margin-top:1rem}.plan-title-input{font-size:1.3rem;font-weight:700;width:100%}.plan-editor-meta{display:flex;gap:1.25rem;margin-top:.75rem;flex-wrap:wrap}.field--inline{flex-direction:row;align-items:center;gap:.5rem}.field--inline>span{color:var(--muted);font-size:.8rem;white-space:nowrap}.plan-editor-toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem}.plan-items{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.plan-item{background:var(--card);border:1px solid rgba(148,163,184,.14);border-radius:.6rem;padding:.7rem .9rem}.plan-item-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.plan-item-actions{display:flex;gap:.35rem;align-items:center}.plan-item-params{display:flex;gap:1rem;margin-top:.6rem;flex-wrap:wrap}.plan-item-params .text-input--sm{width:6rem}.icon-btn{background:#94a3b81f;border:1px solid transparent;color:var(--text);border-radius:.4rem;padding:.2rem .5rem;cursor:pointer;font:inherit;line-height:1}.icon-btn:hover:not(:disabled){border-color:#38bdf880}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn--danger:hover:not(:disabled){border-color:var(--error);color:#fca5a5}.segmented{display:inline-flex;margin-top:1.5rem;border:1px solid rgba(148,163,184,.2);border-radius:.5rem;overflow:hidden}.segment{background:none;border:none;color:var(--muted);font:inherit;font-weight:600;padding:.4rem 1rem;cursor:pointer}.segment:hover{color:var(--text)}.segment.is-active{background:#38bdf829;color:var(--accent)}.history-list{margin-top:1.25rem}.picker-head{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.picker-head-actions{display:flex;gap:.75rem;align-items:center}@media(max-width:560px){.form-grid{grid-template-columns:1fr}.catalog-toolbar{flex-direction:column}.plan-create{flex-direction:column;align-items:stretch}}.setup-field{align-items:flex-start;margin-top:.6rem}.setup{display:flex;flex-direction:column;gap:.45rem}.setup-empty{font-size:.8rem}.setup-springs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.setup-spring{display:flex;align-items:center;gap:.5rem}.setup-spring-color{font-size:.8rem;text-transform:capitalize;min-width:3.2rem}.setup-dot{width:.7rem;height:.7rem;border-radius:50%;border:1px solid rgba(148,163,184,.4);flex:none}.seg{display:inline-flex;border:1px solid rgba(148,163,184,.2);border-radius:.4rem;overflow:hidden}.seg-btn{background:none;border:none;color:var(--muted);font:inherit;font-size:.8rem;padding:.2rem .55rem;cursor:pointer;text-transform:capitalize}.seg-btn+.seg-btn{border-left:1px solid rgba(148,163,184,.2)}.seg-btn:hover:not(:disabled){color:var(--text)}.seg-btn--on{background:#38bdf829;color:var(--accent)}.seg-btn:disabled{cursor:not-allowed;opacity:.55}.setup-add{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.setup-add-label,.setup-sub{color:var(--muted);font-size:.8rem}.setup-add-btn{display:inline-flex;align-items:center;gap:.35rem;background:#94a3b81f;border:1px solid transparent;color:var(--text);border-radius:.4rem;padding:.2rem .5rem;font:inherit;font-size:.8rem;cursor:pointer;text-transform:capitalize}.setup-add-btn:hover:not(:disabled){border-color:#38bdf880}.setup-add-btn:disabled{opacity:.35;cursor:not-allowed}.setup-add-btn--on{border-color:var(--accent);background:#38bdf829}.setup-mode{display:flex;align-items:center;gap:.5rem}.setup-pedals{display:flex;gap:1rem;flex-wrap:wrap}.setup-pedal{display:flex;flex-direction:column;gap:.35rem;padding:.5rem .6rem;border:1px solid rgba(148,163,184,.14);border-radius:.5rem}.setup-pedal-label{font-size:.8rem;font-weight:600;color:var(--text)}.setup-pedal-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.plan-item-notes{margin-top:.6rem;width:100%;resize:vertical;font-size:.85rem}