:root{color-scheme:light dark;--bg:light-dark(#f7f7fa,#16161c);--surface:light-dark(#fff,#1f1f29);--border:light-dark(#e6e6ee,#34343f);--text:light-dark(#2d2d3a,#e7e7ef);--muted:light-dark(#8a8a9a,#9595a4);--accent:light-dark(#6c5ce7,#8b7cf0);--on-accent:#fff;--no-project:light-dark(#9ca3af,#6b7280);--danger:#d63031;--no-project-accent:light-dark(#6b7280,#9ca3af);--grid-line:light-dark(#ededf3,#2a2a33);--grid-line-strong:light-dark(#e0e0ea,#3a3a46);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--radius-sm:6px;--radius:8px;--radius-lg:12px;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);margin:0}button{font:inherit;cursor:pointer}input:where(:not([type=checkbox],[type=color],[type=file])),select,textarea{color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2);font-family:inherit;font-size:14px}input:where(:not([type=checkbox],[type=color],[type=file])):focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);outline:none}@media (width<=640px){:root{--space-5:12px}}.fill-col{flex-direction:column;flex:1;display:flex;overflow:hidden}.seg{grid-template-columns:repeat(var(--seg-count,3), 1fr);border:1px solid var(--border);border-radius:var(--radius);background:repeating-linear-gradient(to right, transparent 0, transparent calc(100% / var(--seg-count,3) - 1px), var(--border) calc(100% / var(--seg-count,3) - 1px), var(--border) calc(100% / var(--seg-count,3))), var(--surface);display:inline-grid;position:relative;overflow:hidden}.seg:before{content:"";width:calc(100% / var(--seg-count,3));background:var(--accent);transform:translateX(calc(var(--seg-active,0) * 100%));pointer-events:none;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.seg button{z-index:1;min-width:0;color:var(--muted);padding:6px var(--space-3);background:0 0;border:none;font-size:14px;font-weight:600;transition:color .1s;position:relative}.seg button.active{color:#fff}.dropdown-panel{top:calc(100% + var(--space-1));z-index:60;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-1);position:absolute;left:0;box-shadow:0 10px 30px #0000002e}.caret{color:var(--muted);transition:transform .12s;display:inline-flex}.caret.open{transform:rotate(180deg)}.create-option{align-items:center;gap:var(--space-1);width:100%;color:var(--accent);padding:var(--space-2) var(--space-1);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600;display:inline-flex}.create-option:hover{background:var(--bg)}.delete-btn{color:var(--danger);padding:var(--space-1);cursor:pointer;background:0 0;border:none;flex:none;align-items:center;display:inline-flex}.icon-btn{width:var(--icon-btn-size,36px);height:var(--icon-btn-size,36px);border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:var(--radius);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--bg);color:var(--text)}.icon-btn.danger:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}.icon-btn:disabled{opacity:.35;cursor:default}.tag-chip{background:color-mix(in srgb, var(--accent) 22%, var(--surface));color:color-mix(in srgb, var(--accent) 75%, var(--text));padding:1px var(--space-2);border-radius:999px;font-size:12px;font-weight:600}.empty-state{color:var(--muted);text-align:center;padding:var(--space-4) 0;font-size:13px}