:root,[data-theme=dark]{--bg-canvas: #0a0e1a;--bg-elevated-1: #0f172a;--bg-elevated-2: #1e293b;--bg-hover: #2a3a52;--bg-selected: rgba(56, 189, 248, .14);--fg-primary: #f1f5f9;--fg-secondary: #94a3b8;--fg-muted: #64748b;--border-subtle: #1e293b;--border: #334155;--border-strong: #475569;--accent: #38bdf8;--accent-fg: #0c1019;--accent-hover: #0ea5e9;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--ring-color: var(--accent);--ring-width: 2px;--ring-offset: 2px;--ring-offset-color: var(--bg-canvas)}[data-theme=light]{--bg-canvas: #fafafa;--bg-elevated-1: #ffffff;--bg-elevated-2: #f3f4f6;--bg-hover: #e5e7eb;--bg-selected: rgba(2, 132, 199, .1);--fg-primary: #0f172a;--fg-secondary: #475569;--fg-muted: #6b7280;--border-subtle: #e5e7eb;--border: #d4d4d8;--border-strong: #a1a1aa;--accent: #0369a1;--accent-fg: #ffffff;--accent-hover: #025d8f;--success: #15803d;--warning: #92400e;--danger: #b91c1c;--info: #3b82f6;--ring-color: var(--accent);--ring-width: 2px;--ring-offset: 2px;--ring-offset-color: var(--bg-canvas)}:root{--space-0: 0;--space-1: 2px;--space-2: 4px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--space-7: 24px;--space-8: 32px;--space-9: 48px;--space-10: 64px;--font-sans: "Inter Variable", "Pretendard Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "D2Coding", ui-monospace, monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 19px;--text-2xl: 24px;--lh-tight: 1.2;--lh-base: 1.45;--lh-loose: 1.6;--duration-instant: 0ms;--duration-fast: .12s;--duration-base: .18s;--duration-slow: .26s;--duration-slower: .42s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--radius-xs: 3px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 14px;--radius-full: 9999px;--icon-size-sm: 14px;--icon-size-md: 16px;--icon-size-lg: 20px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .06);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .1);--shadow-md: 0 6px 18px rgba(0, 0, 0, .18);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .28);--shadow-popover: 0 10px 38px -10px rgba(0, 0, 0, .35), 0 10px 20px -15px rgba(0, 0, 0, .2)}[data-density=compact]{--row-h: 28px;--base-text: var(--text-sm);--card-gap: 8px}[data-density=default]{--row-h: 34px;--base-text: var(--text-base);--card-gap: 12px}[data-density=comfortable]{--row-h: 42px;--base-text: var(--text-md);--card-gap: 16px}@media (prefers-reduced-motion: reduce){:root{--duration-instant: .01ms;--duration-fast: .01ms;--duration-base: .01ms;--duration-slow: .01ms;--duration-slower: .01ms}}*:focus-visible{outline:var(--ring-width, 2px) solid var(--ring-color, #38bdf8);outline-offset:var(--ring-offset, 2px)}button:focus-visible,[role=button]:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible,a:focus-visible{outline:var(--ring-width, 2px) solid var(--ring-color, #38bdf8);outline-offset:var(--ring-offset, 2px)}@keyframes ui-spin{to{transform:rotate(360deg)}}.animate-spin{animation:ui-spin 1s linear infinite}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated-2);color:var(--fg-primary);font-family:var(--font-sans);font-weight:500;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),opacity var(--duration-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.ui-btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.ui-btn--md{padding:var(--space-2) var(--space-4);font-size:var(--text-base)}.ui-btn--lg{padding:var(--space-3) var(--space-5);font-size:var(--text-md)}.ui-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.ui-btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.ui-btn--secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.ui-btn--ghost{background:transparent;border-color:transparent}.ui-btn--ghost:hover:not(:disabled){background:var(--bg-hover);border-color:transparent}.ui-btn--danger{background:var(--danger);border-color:var(--danger);color:#fff}.ui-btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 85%,#fff);border-color:color-mix(in srgb,var(--danger) 85%,#fff)}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn--loading{cursor:wait}.ui-btn__spinner{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:ui-spin .7s linear infinite;flex-shrink:0}.ui-btn__icon{display:inline-flex;align-items:center;flex-shrink:0}.ui-btn__label{flex:1}.ui-icon-btn{padding:var(--space-2)!important;aspect-ratio:1}.ui-icon-btn.ui-btn--sm{padding:var(--space-1)!important}.ui-icon-btn.ui-btn--lg{padding:var(--space-3)!important}.ui-input-wrap{display:flex;flex-direction:column;gap:var(--space-1)}.ui-input-label{font-size:var(--text-sm);font-weight:500;color:var(--fg-secondary)}.ui-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-elevated-1);color:var(--fg-primary);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-base);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.ui-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #38bdf826}.ui-input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px #38bdf826}.ui-input--error{border-color:var(--danger)}.ui-input--error:focus{border-color:var(--danger);box-shadow:0 0 0 3px #ef444426}.ui-input:disabled{opacity:.5;cursor:not-allowed}.ui-input-error{font-size:var(--text-sm);color:var(--danger)}.ui-input-hint{font-size:var(--text-sm);color:var(--fg-muted)}.ui-input-adornment{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-elevated-1);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.ui-input-adornment:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #38bdf826}.ui-input-adornment--error{border-color:var(--danger)}.ui-input-adornment--error:focus-within{border-color:var(--danger);box-shadow:0 0 0 3px #ef444426}.ui-input-adornment .ui-input--inner{border:none;border-radius:0;flex:1;box-shadow:none!important}.ui-input-prefix,.ui-input-suffix{display:flex;align-items:center;padding:0 var(--space-3);color:var(--fg-muted);flex-shrink:0}.ui-textarea{resize:vertical;min-height:72px;font-family:var(--font-mono)}.ui-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:calc(var(--space-3) * 2 + 12px);cursor:pointer}.ui-dropdown-content{min-width:180px;background:var(--bg-elevated-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-1) 0;box-shadow:var(--shadow-popover);z-index:300;animation:ui-dropdown-in var(--duration-fast) var(--ease-out)}@keyframes ui-dropdown-in{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.ui-dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);font-size:var(--text-base);color:var(--fg-primary);cursor:pointer;border:none;background:transparent;width:100%;outline:none;transition:background var(--duration-instant)}.ui-dropdown-item:hover,.ui-dropdown-item[data-highlighted]{background:var(--bg-hover)}.ui-dropdown-item[data-disabled]{opacity:.45;cursor:not-allowed}.ui-dropdown-item--danger{color:var(--danger)}.ui-dropdown-item--danger:hover,.ui-dropdown-item--danger[data-highlighted]{background:#ef44441a}.ui-dropdown-item__icon{display:inline-flex;align-items:center;color:var(--fg-muted);flex-shrink:0}.ui-dropdown-item--danger .ui-dropdown-item__icon{color:var(--danger)}.ui-dropdown-item__label{flex:1}.ui-dropdown-item__shortcut{font-size:var(--text-xs);color:var(--fg-muted);margin-left:auto;padding-left:var(--space-3)}.ui-dropdown-separator{height:1px;background:var(--border);margin:var(--space-1) 0}.ui-dropdown-label{padding:var(--space-1) var(--space-4);font-size:var(--text-xs);font-weight:600;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em}.ui-tooltip{background:var(--bg-elevated-2);border:1px solid var(--border);color:var(--fg-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);box-shadow:var(--shadow-sm);z-index:400;max-width:240px;animation:ui-tooltip-in var(--duration-fast) var(--ease-out)}@keyframes ui-tooltip-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.ui-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:200;animation:ui-overlay-in var(--duration-base) var(--ease-out)}@keyframes ui-overlay-in{0%{opacity:0}to{opacity:1}}.ui-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);max-height:calc(100vh - 80px);background:var(--bg-elevated-2);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:201;animation:ui-dialog-in var(--duration-base) var(--ease-out);overflow:hidden}@keyframes ui-dialog-in{0%{opacity:0;transform:translate(-50%,calc(-50% - 10px))}to{opacity:1;transform:translate(-50%,-50%)}}.ui-dialog__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);flex-shrink:0}.ui-dialog__title{margin:0;font-size:var(--text-md);font-weight:600;color:var(--fg-primary)}.ui-dialog__close{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--fg-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:background var(--duration-fast),color var(--duration-fast)}.ui-dialog__close:hover{background:var(--bg-hover);color:var(--fg-primary)}.ui-dialog__description{margin:0;padding:var(--space-3) var(--space-5) 0;font-size:var(--text-sm);color:var(--fg-secondary);flex-shrink:0}.ui-dialog__body{padding:var(--space-5);overflow-y:auto;flex:1}.ui-dialog__footer{display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-3) var(--space-5) var(--space-4);border-top:1px solid var(--border);flex-shrink:0}@media (max-width: 640px){.ui-dialog{top:auto;bottom:0;left:0;right:0;transform:none;width:100%;max-height:90vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}@keyframes ui-dialog-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}.ui-popover{background:var(--bg-elevated-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-popover);z-index:300;animation:ui-dropdown-in var(--duration-fast) var(--ease-out);max-width:min(320px,calc(100vw - 32px))}.ui-popover__arrow{fill:var(--border)}.ui-toast-stack{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);z-index:1000;max-width:360px;width:calc(100vw - var(--space-6) * 2);pointer-events:none}.ui-toast{background:var(--bg-elevated-2);border:1px solid var(--border);border-left:4px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-4);pointer-events:all;animation:ui-toast-in var(--duration-base) var(--ease-spring);display:flex;flex-direction:column;gap:var(--space-2)}@keyframes ui-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.ui-toast--success{border-left-color:var(--success)}.ui-toast--error{border-left-color:var(--danger)}.ui-toast--warning{border-left-color:var(--warning)}.ui-toast--info{border-left-color:var(--info)}.ui-toast__body{display:flex;align-items:flex-start;gap:var(--space-3)}.ui-toast__icon{font-size:var(--text-base);flex-shrink:0;line-height:1.4}.ui-toast--success .ui-toast__icon{color:var(--success)}.ui-toast--error .ui-toast__icon{color:var(--danger)}.ui-toast--warning .ui-toast__icon{color:var(--warning)}.ui-toast--info .ui-toast__icon{color:var(--info)}.ui-toast__text{flex:1;min-width:0}.ui-toast__title{margin:0;font-size:var(--text-base);font-weight:500;color:var(--fg-primary);line-height:var(--lh-tight)}.ui-toast__description{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--fg-secondary);line-height:var(--lh-base)}.cmd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:500;animation:ui-overlay-in var(--duration-base) var(--ease-out)}.cmd-palette{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,calc(100vw - 32px));max-height:min(560px,calc(100vh - 100px));background:var(--bg-elevated-2);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:501;overflow:hidden;animation:cmd-palette-in var(--duration-base) var(--ease-out)}@keyframes cmd-palette-in{0%{opacity:0;transform:translate(-50%) translateY(-12px) scale(.97)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.cmd-palette__input-wrap{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);flex-shrink:0}.cmd-palette__search-icon{color:var(--fg-muted);flex-shrink:0}.cmd-palette__input{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-sans);font-size:var(--text-md);color:var(--fg-primary);min-width:0}.cmd-palette__input::placeholder{color:var(--fg-muted)}.cmd-palette__clear{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--fg-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);flex-shrink:0;transition:color var(--duration-fast)}.cmd-palette__clear:hover{color:var(--fg-primary)}.cmd-palette__divider{height:1px;background:var(--border);flex-shrink:0}.cmd-palette__list-wrap{flex:1;overflow-y:auto;overscroll-behavior:contain;min-height:0}.cmd-palette__footer{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);flex-shrink:0}.cmd-palette__hint{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--fg-muted)}.cmd-palette__hint kbd{display:inline-flex;align-items:center;padding:1px var(--space-2);background:var(--bg-elevated-1);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:10px}.cmd-palette__hint--modes{margin-left:auto}.cmd-mode-badge{display:inline-flex;align-items:center;padding:1px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;flex-shrink:0;-webkit-user-select:none;user-select:none}.cmd-mode-badge--command{background:#38bdf826;color:var(--accent)}.cmd-mode-badge--search{background:#22c55e26;color:var(--success)}.cmd-mode-badge--navigate{background:#f59e0b26;color:var(--warning)}.cmd-list{padding:var(--space-2) 0}.cmd-list-section{margin-bottom:var(--space-1)}.cmd-list-section-header{padding:var(--space-2) var(--space-5);font-size:var(--text-xs);font-weight:600;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em;-webkit-user-select:none;user-select:none}.cmd-list-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);cursor:pointer;transition:background var(--duration-instant);outline:none;-webkit-user-select:none;user-select:none}.cmd-list-row:hover,.cmd-list-row--focused{background:var(--bg-hover)}.cmd-list-row__icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-elevated-1);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--fg-secondary);flex-shrink:0}.cmd-list-row__content{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.cmd-list-row__label{font-size:var(--text-base);font-weight:500;color:var(--fg-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-list-row__desc{font-size:var(--text-sm);color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-list-row__shortcut{font-size:var(--text-xs);color:var(--fg-muted);display:inline-flex;align-items:center;padding:1px var(--space-2);background:var(--bg-elevated-1);border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0}.cmd-list-row__arrow{color:var(--fg-muted);flex-shrink:0;opacity:0;transition:opacity var(--duration-fast)}.cmd-list-row:hover .cmd-list-row__arrow,.cmd-list-row--focused .cmd-list-row__arrow{opacity:1}.cmd-list-empty{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8) var(--space-5);color:var(--fg-muted);font-size:var(--text-base)}@media (max-width: 640px){.cmd-palette{top:0;left:0;right:0;transform:none;width:100%;max-height:85vh;border-radius:0 0 var(--radius-xl) var(--radius-xl)}@keyframes cmd-palette-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}}.ui-toast__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.ui-toast__action-btn{background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--accent);font:inherit;font-size:var(--text-sm);font-weight:500;cursor:pointer;padding:var(--space-1) var(--space-3);transition:background var(--duration-fast),border-color var(--duration-fast)}.ui-toast__action-btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.ui-toast__close{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--fg-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-xs);transition:background var(--duration-fast),color var(--duration-fast)}.ui-toast__close:hover{background:var(--bg-hover);color:var(--fg-primary)}@media (max-width: 640px){.ui-toast-stack{left:var(--space-3);right:var(--space-3);bottom:var(--space-3);max-width:100%;width:auto}}@keyframes undo-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes undo-toast-progress{0%{width:100%}to{width:0%}}.undo-toast{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:1010;max-width:360px;width:calc(100vw - var(--space-6) * 2);background:var(--bg-elevated-2);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-3) var(--space-4);display:flex;flex-direction:row;align-items:center;gap:var(--space-3);animation:undo-toast-in var(--duration-base) var(--ease-spring);overflow:hidden}.undo-toast__body{flex:1;min-width:0}.undo-toast__description{margin:0;font-size:var(--text-sm);color:var(--fg-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.undo-toast__actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.undo-toast__undo-btn{background:none;border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--accent);font-size:var(--text-sm);font-weight:600;padding:var(--space-1) var(--space-2);cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.undo-toast__undo-btn:hover{background:var(--accent);color:var(--bg-base)}.undo-toast__close{background:none;border:none;color:var(--fg-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--space-1);border-radius:var(--radius-sm);transition:color var(--duration-fast),background var(--duration-fast)}.undo-toast__close:hover{background:var(--bg-hover);color:var(--fg-primary)}.undo-toast__progress-track{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--border);overflow:hidden}.undo-toast__progress-bar{height:100%;background:var(--accent)}@media (max-width: 640px){.undo-toast{left:var(--space-3);right:var(--space-3);bottom:var(--space-3);max-width:100%;width:auto}}.ui-card{background:var(--bg-elevated-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.ui-card--raised{box-shadow:var(--shadow-sm)}.ui-card__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);font-weight:600;font-size:var(--text-md);color:var(--fg-primary)}.ui-card__body{padding:var(--space-5)}.ui-card__footer{padding:var(--space-3) var(--space-5) var(--space-4);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--space-3)}.ui-badge{display:inline-flex;align-items:center;padding:1px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;white-space:nowrap;background:var(--bg-hover);color:var(--fg-secondary);border:1px solid var(--border)}.ui-badge--primary{background:#38bdf826;color:var(--accent);border-color:#38bdf84d}.ui-badge--success{background:#22c55e26;color:var(--success);border-color:#22c55e4d}.ui-badge--warning{background:#f59e0b26;color:var(--warning);border-color:#f59e0b4d}.ui-badge--danger{background:#ef444426;color:var(--danger);border-color:#ef44444d}.ui-badge--info{background:#3b82f626;color:var(--info);border-color:#3b82f64d}.ui-badge--dot{width:8px;height:8px;padding:0;border-radius:50%;border:none}.ui-kbd{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-elevated-2);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:var(--radius-xs);color:var(--fg-secondary);font-family:var(--font-mono);font-size:var(--text-xs);padding:1px var(--space-2);line-height:1.4;white-space:nowrap}.ui-kbd-combo{display:inline-flex;align-items:center;gap:var(--space-1)}.ui-kbd-plus{font-size:var(--text-xs);color:var(--fg-muted)}.keymap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6) var(--space-8)}@media (max-width: 640px){.keymap-grid{grid-template-columns:1fr}}.keymap-section{display:flex;flex-direction:column;gap:var(--space-2)}.keymap-section__title{margin:0 0 var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em}.keymap-section__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.keymap-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.keymap-row__keys{display:inline-flex;align-items:center;gap:var(--space-1);flex-shrink:0}.keymap-row__key-wrap{display:inline-flex;align-items:center;gap:var(--space-1)}.keymap-row__key-sep{font-size:var(--text-xs);color:var(--fg-muted);padding:0 1px}.keymap-row__label{font-size:var(--text-sm);color:var(--fg-secondary);text-align:right;white-space:nowrap}.sidebar__nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);color:var(--fg-primary);border-radius:var(--radius-md);font-size:var(--text-base);text-decoration:none;transition:background var(--duration-fast);white-space:nowrap;overflow:hidden}.sidebar__nav-link:hover{background:var(--bg-hover);text-decoration:none}.sidebar__nav-link.active{background:var(--bg-hover);color:var(--accent)}.sidebar__nav-link__icon{display:inline-flex;align-items:center;flex-shrink:0;width:var(--icon-size-md);height:var(--icon-size-md)}.sidebar__nav-link__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.tree-node__row{position:relative;display:flex;align-items:center;gap:4px;height:var(--row-h, 34px);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;overflow:visible}.tree-node__row:hover,.tree-node__row:focus-visible{background:var(--bg-hover)}.tree-node__row--selected{background:var(--bg-selected);color:var(--accent)}.tree-node__row--drop-target{background:#38bdf81a;outline:1px dashed var(--accent)}.tree-node__row--dragging{opacity:.4}.tree-node__drag-handle{display:inline-flex;align-items:center;justify-content:center;width:14px;flex-shrink:0;color:var(--fg-muted);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);cursor:grab}.tree-node__row:hover .tree-node__drag-handle,.tree-node__row:focus-visible .tree-node__drag-handle{opacity:1}.tree-node__toggle{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;background:transparent;border:none;color:var(--fg-muted);cursor:pointer;border-radius:var(--radius-xs);padding:0;transition:color var(--duration-fast)}.tree-node__toggle:hover{color:var(--fg-primary)}.tree-node__toggle-icon{display:inline-flex;align-items:center;transition:transform var(--duration-fast) var(--ease-out)}.tree-node__toggle-icon--open{transform:none}.tree-node__folder-icon{display:inline-flex;align-items:center;flex-shrink:0;color:var(--fg-muted);transition:color var(--duration-fast)}.tree-node__row--selected .tree-node__folder-icon{color:var(--accent)}.tree-node__label{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0;background:transparent;border:none;color:inherit;font-family:var(--font-sans);font-size:var(--text-base);cursor:pointer;text-align:left;padding:0;overflow:hidden}.tree-node__icon{flex-shrink:0}.tree-node__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-node__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:16px;padding:0 var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;background:var(--bg-hover);color:var(--fg-muted);border:1px solid var(--border);flex-shrink:0;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.tree-node__row:hover .tree-node__count,.tree-node__row:focus-visible .tree-node__count{opacity:1}.tree-node__actions{display:inline-flex;align-items:center;gap:1px;flex-shrink:0;opacity:0;transition:opacity .18s var(--ease-out)}.tree-node__row:hover .tree-node__actions,.tree-node__row:focus-within .tree-node__actions,.tree-node__row:focus-visible .tree-node__actions{opacity:1}.tree-node__action-btn.ui-btn{width:22px;height:22px;padding:0!important;aspect-ratio:1;border-radius:var(--radius-xs)}.tree-node__inline-edit{flex:1;min-width:0;display:inline-flex;align-items:center;position:relative}.inline-editable{display:inline-flex;align-items:center;flex:1;min-width:0;position:relative;gap:var(--space-2)}.inline-editable__input{flex:1;min-width:0;width:100%;padding:2px var(--space-2);background:var(--bg-elevated-1);color:var(--fg-primary);border:1px solid var(--accent);border-radius:var(--radius-xs);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.4;outline:none;box-shadow:0 0 0 2px #38bdf833}.inline-editable__input:disabled{opacity:.6;cursor:not-allowed}.inline-editable--error .inline-editable__input{border-color:var(--danger);box-shadow:0 0 0 2px #ef444433}.inline-editable__spinner{flex-shrink:0;color:var(--fg-muted)}.inline-editable__input{padding:2px var(--space-2)!important;width:100%!important}.tree-node__children{list-style:none;margin:0;padding:0;display:block}.tree-node__item{list-style:none;display:block!important;padding:0!important;gap:unset!important;align-items:unset!important}.tree-node__item--adding .tree-node__row{background:transparent}.tree-node__row--selected .tree-node__label{color:var(--accent);font-weight:500}@media (prefers-reduced-motion: reduce){.tree-node__actions,.tree-node__count,.tree-node__drag-handle{transition:none}}.density-picker{display:flex;align-items:center;gap:var(--space-5)}.density-picker__label{font-size:var(--text-sm);color:var(--fg-secondary);white-space:nowrap;min-width:60px}.density-picker__options{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.density-picker__option{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-family:var(--font-sans);font-weight:500;color:var(--fg-secondary);background:transparent;border:none;border-right:1px solid var(--border);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none;white-space:nowrap}.density-picker__option:last-child{border-right:none}.density-picker__option:hover:not(.density-picker__option--active){background:var(--bg-hover);color:var(--fg-primary)}.density-picker__option--active{background:var(--accent);color:var(--accent-fg);font-weight:600}.density-picker__option--active:hover{background:var(--accent-hover)}:root{--detail-panel-width-default: 420px;--detail-panel-transition: transform .2s var(--ease-out);--detail-panel-z: 200;--detail-panel-backdrop-z: 199}.detail-panel__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--detail-panel-backdrop-z);background:transparent}.detail-panel{position:fixed;top:0;right:0;height:100vh;width:var(--panel-width, var(--detail-panel-width-default));z-index:var(--detail-panel-z);display:flex;flex-direction:column;overflow:hidden;background:var(--bg-elevated-1);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);transform:translate(100%);visibility:hidden;transition:var(--detail-panel-transition),visibility 0s step-end var(--detail-panel-duration, .2s);pointer-events:none}.detail-panel--open{transform:translate(0);visibility:visible;transition:var(--detail-panel-transition),visibility 0s;pointer-events:auto}.detail-panel__resize-handle{position:absolute;top:0;left:0;width:4px;height:100%;cursor:ew-resize;z-index:10;background:transparent;transition:background var(--duration-fast)}.detail-panel__resize-handle:hover{background:var(--accent);opacity:.5}.detail-panel__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);flex-shrink:0;min-height:52px}.detail-panel__title-row{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.detail-panel__type-icon{display:inline-flex;align-items:center;color:var(--fg-secondary);flex-shrink:0}.detail-panel__title{font-size:var(--text-md);font-weight:600;color:var(--fg-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.detail-panel__actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.detail-panel__action-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--fg-secondary);cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.detail-panel__action-btn:hover{background:var(--bg-hover);color:var(--fg-primary)}.detail-panel__action-btn--active{color:var(--warning)}.detail-panel__close-btn:hover{background:#ef44441f;color:var(--danger)}.detail-panel__body{flex:1;overflow-y:auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.detail-panel__body::-webkit-scrollbar{width:4px}.detail-panel__body::-webkit-scrollbar-track{background:transparent}.detail-panel__body::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.detail-panel__section{display:flex;flex-direction:column;gap:var(--space-3)}.detail-panel__section-title{font-size:var(--text-sm);font-weight:600;color:var(--fg-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0}.detail-panel__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.detail-panel__events{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.detail-panel__event-item{display:flex;align-items:center;gap:var(--space-2)}.detail-panel__meta{font-size:var(--text-sm);color:var(--fg-muted)}.detail-panel__loading{display:flex;align-items:center;justify-content:center;flex:1;min-height:120px}.detail-panel__nav-btns{position:absolute;left:-36px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--space-2);z-index:10}.detail-panel__nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:var(--bg-elevated-1);color:var(--fg-secondary);cursor:pointer;font-size:var(--text-lg);line-height:1;transition:background var(--duration-fast),color var(--duration-fast)}.detail-panel__nav-btn:hover{background:var(--bg-hover);color:var(--fg-primary)}@media (max-width: 767px){.detail-panel__backdrop{background:#00000080}.detail-panel{width:100vw!important;top:auto;bottom:0;height:100svh;border-left:none;border-top:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;transform:translateY(100%);transition:transform .2s var(--ease-out)}.detail-panel--open{transform:translateY(0)}.detail-panel__resize-handle{display:none}.detail-panel__nav-btns{left:var(--space-5);top:auto;bottom:calc(100% + var(--space-3));transform:none;flex-direction:row}.detail-panel__nav-btn{border-radius:var(--radius-sm)}}:root{--bg: var(--bg-elevated-1);--bg-2: var(--bg-elevated-2);--bg-3: var(--bg-hover);--fg: var(--fg-primary);--accent-2: var(--accent-hover);--ok: var(--success);--warn: var(--warning);--radius: var(--radius-md);--shadow: var(--shadow-md);--gap: 12px;--gap-lg: 20px;--sidebar-w: 296px;--topbar-h: 52px;--content-max: 900px;--font: var(--font-sans);--mono: var(--font-mono)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-text-size-adjust:100%}body{min-height:100vh}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:var(--mono);background:var(--bg);padding:2px 6px;border-radius:4px;font-size:.9em}pre{padding:12px;overflow:auto}input,select,textarea{width:100%;padding:10px 12px;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);font:inherit;transition:border-color .12s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626}textarea{resize:vertical;min-height:72px;font-family:var(--mono)}input[type=date]{cursor:pointer}@supports (-webkit-touch-callout: none){input,select,textarea{font-size:16px}}label{display:block}label>span:first-child{display:block;margin-bottom:4px;color:var(--fg-muted);font-size:.85em;font-weight:500}label small.muted{font-size:.9em}button{cursor:pointer;font:inherit}.btn{padding:9px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-2);color:var(--fg);transition:background .1s,border-color .1s;white-space:nowrap}.btn:hover:not(:disabled){background:var(--bg-3);border-color:var(--border-strong)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-2);border-color:var(--accent-2)}.btn--ghost{background:transparent}.btn--tiny{padding:3px 8px;font-size:.8em}.btn.danger,.btn--ghost.danger{color:var(--danger);border-color:var(--danger)}.btn.danger:hover:not(:disabled){background:#ef44441f}.checkbox{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.checkbox input{width:auto}.row{display:flex;gap:var(--gap);align-items:center;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:var(--gap)}.muted{color:var(--fg-muted);font-size:.9em}.flex-1{flex:1;min-width:0}.flex-2{flex:2;min-width:0}.form-row{display:flex;gap:var(--gap);align-items:flex-end;flex-wrap:wrap}.form-row>label{flex:1;min-width:160px}.error-inline{background:#ef44441a;border:1px solid var(--danger);color:var(--danger);padding:8px 12px;border-radius:var(--radius)}.callout{padding:14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-2)}.callout--warn{border-color:var(--warn);background:#f59e0b14}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px}.card h3{margin:0 0 var(--gap) 0}.badge{display:inline-block;padding:1px 6px;background:var(--bg-3);color:var(--fg-muted);border-radius:4px;font-size:.75em}fieldset{border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin:0}fieldset legend{padding:0 6px;color:var(--fg-muted);font-size:.85em}h2,h3,h4{margin-top:0}h2{font-size:1.3em}h3{font-size:1.1em}h4{font-size:1em;margin-bottom:8px;color:var(--fg-muted)}.lock{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.lock__card{width:100%;max-width:420px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow)}.lock__title{margin:0 0 18px;font-size:1.5em}.lock__links{margin-top:14px;text-align:center}.lock__links .link{background:none;border:none;color:var(--accent-2);cursor:pointer;font:inherit;padding:0}.lock__links .link:hover{text-decoration:underline}.post-init__section{margin-bottom:14px}.post-init__label{color:var(--fg-muted);font-size:.9em;margin-bottom:4px}.post-init__code{display:flex;gap:8px;align-items:center;background:var(--bg);padding:10px;border-radius:var(--radius);word-break:break-all}.post-init__qr{display:block;background:#fff;padding:8px;border-radius:var(--radius);width:200px;height:200px;max-width:100%}.layout{display:flex;flex-direction:column;min-height:100vh}.topbar{height:var(--topbar-h);display:flex;align-items:center;padding:0 16px;background:var(--bg-2);border-bottom:1px solid var(--border);gap:10px;position:sticky;top:0;z-index:30}.topbar__hamburger{display:none;padding:8px 10px;background:transparent;border:1px solid transparent;color:var(--fg);border-radius:var(--radius);font-size:1.1em}.topbar__hamburger:hover{background:var(--bg-3)}.topbar__brand{font-weight:700;color:var(--fg);flex:1;font-size:1.05em}.topbar__right{display:flex;gap:8px;align-items:center}.layout__body{display:flex;flex:1;min-height:0}.sidebar{width:var(--sidebar-w);background:var(--bg-2);border-right:1px solid var(--border);padding:14px 0;overflow-y:auto;flex-shrink:0}.sidebar__section{padding:12px 12px 14px;border-bottom:1px solid var(--border)}.sidebar__section:last-child{border-bottom:none}.sidebar__heading{display:flex;justify-content:space-between;align-items:center;color:var(--fg);font-size:1.05em;margin-bottom:8px;font-weight:700;padding:8px 10px}.sidebar__heading--button{background:transparent;border:none;width:100%;text-align:left;cursor:pointer;border-radius:var(--radius);color:var(--fg);font-size:1.05em;font-weight:700}.sidebar__heading--button:hover{background:var(--bg-3)}.sidebar__heading .btn{font-size:.85em;padding:6px 12px}.sidebar__heading-label{font-size:.78em;font-weight:600;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em}.sidebar__hint{padding:4px 10px 8px;font-size:.85em}.sidebar__hint-action{background:none;border:none;padding:0;color:var(--accent-2);font-size:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.sidebar__hint-action:hover{opacity:.8}.sidebar__list{list-style:none;padding:0;margin:0}.sidebar__list li{padding:1px 0;display:flex;align-items:center;gap:4px}.sidebar__list li>a{flex:1;color:var(--fg);padding:6px 10px;border-radius:var(--radius);display:block;font-size:.92em;transition:background .1s;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__list li>a:hover{background:var(--bg-3);text-decoration:none}.sidebar__list li>a.active,.sidebar__list li.active>a{background:var(--bg-3);color:var(--accent-2)}.sidebar__group-item{position:relative}.sidebar__group-link{flex:1;color:var(--fg);padding:6px 10px;border-radius:var(--radius);display:flex;align-items:center;font-size:.92em;min-width:0;transition:background .1s}.sidebar__group-link:hover{background:var(--bg-3);text-decoration:none}.sidebar__group-link.active{background:var(--bg-3);color:var(--accent-2)}.sidebar__group-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.sidebar__actions{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;gap:2px;opacity:0;background:var(--bg-3);border-radius:var(--radius);padding:2px 4px;transition:opacity .1s}.sidebar__group-item:hover .sidebar__actions{opacity:1}.sidebar__action-btn{background:transparent;border:none;color:var(--fg);cursor:pointer;padding:2px 4px;border-radius:3px;font-size:.85em;line-height:1}.sidebar__action-btn:hover{background:var(--bg-2)}.sidebar__action-btn.danger:hover{background:#ef444440}@media (max-width: 768px){.sidebar__actions{opacity:1}}.sidebar__nav-link{display:flex;align-items:center;gap:6px;flex:1;width:100%;text-align:left;background:transparent;border:none;color:var(--fg);padding:6px 10px;border-radius:var(--radius);font-size:.92em;cursor:pointer;transition:background .1s;white-space:nowrap;overflow:hidden;text-decoration:none}.sidebar__nav-link:hover{background:var(--bg-3);text-decoration:none}.sidebar__nav-link.active{background:var(--bg-3);color:var(--accent-2)}.sidebar__smart-folder-btn{display:flex;align-items:center;gap:6px}.sidebar__smart-folder-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.sidebar__smart-folder-count{flex-shrink:0;font-size:.8em;color:var(--fg-muted, #888);background:var(--bg-3);border-radius:10px;padding:1px 6px;min-width:18px;text-align:center;line-height:1.4}.sidebar__tree{overflow-x:hidden}.tree-node__item{list-style:none;padding:0;margin:0;display:block}.tree-node__row{position:relative;display:flex;align-items:center;gap:2px;border-radius:var(--radius);transition:background .15s}.tree-node__row:hover{background:var(--bg-3)}.tree-node__row--selected{background:rgba(var(--accent-rgb, 99,102,241),.1)}.tree-node__row--selected:before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:3px;border-radius:2px;background:var(--accent-2, #6366f1)}.tree-node__row--selected .tree-node__name{color:var(--accent-2);font-weight:500}.tree-node__row--drop-target{background:rgba(var(--accent-rgb, 99,102,241),.15);outline:1px dashed var(--accent-2, #6366f1)}.tree-node__toggle{flex-shrink:0;width:20px;height:26px;background:transparent;border:none;color:var(--fg-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85em;border-radius:3px;padding:0;line-height:1;transition:color .1s,background .1s}.tree-node__toggle:hover{color:var(--fg);background:#ffffff14}.tree-node__label{flex:1;min-width:0;background:transparent;border:none;color:var(--fg);cursor:pointer;display:flex;align-items:center;gap:5px;padding:5px 4px 5px 2px;font:inherit;font-size:.92em;text-align:left;border-radius:var(--radius);white-space:nowrap;overflow:hidden}.tree-node__label:hover{text-decoration:none}.tree-node__icon{flex-shrink:0;font-size:.9em}.tree-node__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.tree-node__count{flex-shrink:0;font-size:.75em;color:var(--fg-muted);background:var(--bg-3);border-radius:9px;padding:0 5px;line-height:1.5;font-variant-numeric:tabular-nums}.tree-node__drag-handle{flex-shrink:0;opacity:0;color:var(--fg-muted);font-size:.8em;padding:2px 4px;cursor:grab;transition:opacity .15s;line-height:1}.tree-node__row:hover .tree-node__drag-handle{opacity:.55}.tree-node__drag-handle:hover{opacity:.9!important}.tree-node__children{list-style:none;padding:0;margin:0;position:relative}.tree-node__children:before{content:"";position:absolute;left:17px;top:0;bottom:4px;width:1px;background:var(--border);pointer-events:none}@media (max-width: 768px){.tree-node__drag-handle{opacity:.45}}.sidebar__backdrop{display:none}.main{flex:1;padding:24px 28px;overflow-y:auto;min-width:0}.main__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--gap);margin-bottom:var(--gap-lg);flex-wrap:wrap}.main__header h2{margin:0}.cred-form,.main__content--narrow{max-width:var(--content-max)}.cred-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.cred-row{display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);transition:background .1s,border-color .1s}.cred-row:hover{background:var(--bg-3);border-color:var(--border-strong);text-decoration:none}.cred-row--button{width:100%;text-align:left;cursor:pointer;font:inherit}.toolbar{display:flex;gap:var(--gap);align-items:center;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--border);margin-bottom:4px}.search-box{position:relative;flex:1;min-width:200px;max-width:400px}.search-box__icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--fg-muted);pointer-events:none}.search-box input{padding-left:32px;padding-right:32px}.search-box__clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--fg-muted);cursor:pointer;padding:4px 8px;border-radius:var(--radius);font-size:.85em}.search-box__clear:hover{background:var(--bg-3);color:var(--fg)}.filter-chips{display:flex;gap:6px;flex-wrap:wrap}.filter-chip{padding:6px 14px;background:var(--bg-2);border:1px solid var(--border);color:var(--fg-muted);border-radius:999px;cursor:pointer;font-size:.9em;font:inherit;transition:background .1s,border-color .1s}.filter-chip:hover{background:var(--bg-3);color:var(--fg)}.filter-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}@media (max-width: 640px){.search-box{max-width:100%}}.cred-type-group{display:flex;flex-direction:column;gap:6px}.cred-type-group__header{display:flex;align-items:center;gap:8px;padding:4px 4px 2px;color:var(--fg-muted);font-size:.85em;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.cred-type-group__icon{font-size:1.05em}.cred-type-group__title{color:var(--fg-muted)}.cred-type-group__count{background:var(--bg-3);color:var(--fg-muted);padding:1px 7px;border-radius:10px;font-size:.85em}.cred-row-wrap{list-style:none}.cred-row-wrap .cred-row{display:flex;align-items:stretch;padding:0;overflow:hidden;position:relative}.cred-row__main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:11px 14px;background:transparent;border:none;color:var(--fg);cursor:pointer;font:inherit;text-align:left}.cred-row__main:hover{background:var(--bg-3)}.cred-row__chevron{color:var(--fg-muted);font-size:.85em;margin-left:auto;padding-left:10px}.cred-row__actions{display:flex;align-items:center;gap:2px;padding:0 8px;opacity:0;transition:opacity .1s}.cred-row-wrap:hover .cred-row__actions,.cred-row-wrap.expanded .cred-row__actions{opacity:1}.cred-row__action-btn{background:transparent;border:none;color:var(--fg);cursor:pointer;padding:6px 8px;border-radius:var(--radius);font-size:.95em}.cred-row__action-btn:hover{background:var(--bg-3)}.cred-row__action-btn.danger:hover{background:#ef444433}.cred-row-wrap.expanded>.cred-row{border-color:var(--accent);border-bottom-left-radius:0;border-bottom-right-radius:0}.cred-row__detail{border:1px solid var(--accent);border-top:none;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);background:var(--bg);padding:14px 18px;animation:expand .15s ease}@keyframes expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.cred-row__actions{opacity:1}.cred-row__main{gap:10px;padding:10px 12px}}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin:4px 0}.tab{background:transparent;border:none;color:var(--fg-muted);padding:8px 16px;cursor:pointer;font:inherit;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--fg)}.tab.active{color:var(--accent-2);border-bottom-color:var(--accent-2)}.cred-row__icon{font-size:1.25em;flex-shrink:0}.cred-row__name{flex:1;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cred-row__type{color:var(--fg-muted);font-size:.85em;flex-shrink:0}.cred-row__expiry{color:var(--fg-muted);font-size:.8em;flex-shrink:0}.cred-row__expiry.warn{color:var(--warn);font-weight:600}.kv{display:grid;grid-template-columns:140px 1fr;gap:10px 16px;margin:0}.kv dt{color:var(--fg-muted);padding-top:4px}.kv dd{margin:0;word-break:break-all;min-width:0}.env-kv{grid-template-columns:1fr}.env-kv__row{display:contents}.env-kv__row>dt,.env-kv__row>dd{padding-bottom:6px;border-bottom:1px dashed var(--border)}.masked{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.copy-btn{padding:3px 10px;font-size:.8em;background:var(--bg-3);border:1px solid var(--border);color:var(--fg);border-radius:4px;transition:background .1s}.copy-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.memo{white-space:pre-wrap;font-family:var(--font);background:var(--bg);padding:12px;border-radius:var(--radius);border:1px solid var(--border)}.cred-form{display:flex;flex-direction:column;gap:var(--gap-lg)}.cred-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-lg)}.cred-form__col{display:flex;flex-direction:column;gap:var(--gap);padding:16px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg)}.cred-form__title{margin:0 0 4px;color:var(--fg-muted);font-size:.85em;text-transform:uppercase;letter-spacing:.05em}.cred-form__advanced{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.cred-form__advanced>summary{cursor:pointer;color:var(--fg-muted);font-size:.9em;-webkit-user-select:none;user-select:none;margin-bottom:0}.cred-form__advanced[open]>summary{margin-bottom:var(--gap);color:var(--fg)}.cred-form__advanced>summary::marker{color:var(--fg-muted)}.form-actions{display:flex;gap:var(--gap);justify-content:flex-end;padding-top:4px}.form-actions .btn{min-width:100px}.notify-row{display:flex;gap:14px;flex-wrap:wrap}.secret-field{position:relative;display:flex;align-items:stretch}.secret-field input,.secret-field textarea{padding-right:44px}.secret-field__toggle{position:absolute;top:4px;right:4px;bottom:4px;padding:0 10px;background:transparent;border:none;color:var(--fg-muted);border-radius:var(--radius);display:flex;align-items:center;font-size:1em}.secret-field__toggle:hover{background:var(--bg-3);color:var(--fg)}.masked-input{letter-spacing:.15em}.env-vars{background:var(--bg);padding:10px;border-radius:var(--radius);border:1px solid var(--border)}.env-vars table{width:100%;border-collapse:collapse}.env-vars th,.env-vars td{padding:4px;text-align:left}.env-vars th{color:var(--fg-muted);font-size:.8em;font-weight:500}.env-vars input{background:var(--bg-2)}.env-preview{columns:2;list-style:square inside}.errors{color:var(--danger)}.ip-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.ip-list li{display:flex;gap:10px;align-items:center;padding:8px 10px;background:var(--bg);border-radius:var(--radius);flex-wrap:wrap}.ip-list li code{flex:none}.ip-list li .muted{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.logs-wrap{overflow-x:auto}.logs{width:100%;border-collapse:collapse;min-width:680px}.logs th,.logs td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:left}.logs th{color:var(--fg-muted);font-size:.85em;font-weight:500}.logs tr.fail td:nth-child(3){color:var(--danger)}.logs tr.ok td:nth-child(3){color:var(--ok)}.logs .ua{color:var(--fg-muted);font-size:.8em;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bell{position:relative}.bell__btn{position:relative;padding:6px 10px;background:transparent;border:1px solid transparent;color:var(--fg);border-radius:var(--radius);font-size:1.1em}.bell__btn:hover{background:var(--bg-3)}.bell__badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;background:var(--danger);color:#fff;border-radius:8px;font-size:.7em;line-height:16px;font-weight:700}.bell__dropdown{position:absolute;top:calc(100% + 6px);right:0;width:360px;max-height:480px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);display:flex;flex-direction:column;z-index:50}.bell__header{padding:10px 14px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.bell__list{overflow-y:auto;flex:1}.bell__empty{padding:20px;text-align:center}.bell__item{display:block;width:100%;padding:10px 14px;background:transparent;border:none;border-bottom:1px solid var(--border);text-align:left;color:var(--fg);cursor:pointer}.bell__item:hover{background:var(--bg-3)}.bell__item.unread{background:#3b82f60f}.bell__item-head{display:flex;justify-content:space-between;font-size:.75em;margin-bottom:4px;color:var(--fg-muted)}.bell__kind{text-transform:uppercase;letter-spacing:.05em}.bell__item.kind-security .bell__kind{color:var(--danger)}.bell__item.kind-schedule .bell__kind{color:var(--warn)}.bell__item.kind-system .bell__kind{color:var(--accent-2)}.bell__title{font-weight:500;margin-bottom:2px}.bell__msg{font-size:.85em;color:var(--fg-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;z-index:200;overflow-y:auto;animation:fadeIn .12s ease}.modal{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);width:100%;display:flex;flex-direction:column;animation:slideIn .15s ease;max-height:calc(100vh - 80px)}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border)}.modal__title{margin:0;font-size:1.05em}.modal__close{background:transparent;border:none;color:var(--fg-muted);cursor:pointer;padding:4px 8px;border-radius:var(--radius);font-size:1em}.modal__close:hover{background:var(--bg-3);color:var(--fg)}.modal__body{padding:18px;overflow-y:auto;flex:1}.modal__footer{display:flex;gap:8px;justify-content:flex-end;padding:12px 18px;border-top:1px solid var(--border)}.modal__footer .btn{min-width:90px}.btn--danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn--danger:hover:not(:disabled){background:#f87171;border-color:#f87171}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.modal-overlay{padding:0;align-items:stretch}.modal{border-radius:0;max-height:100vh;min-height:100vh;max-width:100vw!important}}.toast-stack{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:1000;max-width:calc(100vw - 40px)}.toast{padding:12px 18px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;max-width:360px;box-shadow:var(--shadow);word-break:break-word}.toast--success{border-left:4px solid var(--ok)}.toast--error{border-left:4px solid var(--danger)}.toast--info{border-left:4px solid var(--accent)}.spinner{display:inline-flex;align-items:center;gap:8px;padding:16px}.spinner__ring{width:18px;height:18px;border:2px solid var(--bg-3);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){:root{--gap: 10px;--gap-lg: 16px}.topbar{padding:0 12px}.topbar__hamburger{display:inline-flex}.topbar__brand{font-size:1em}.main{padding:16px}.main__header{margin-bottom:var(--gap)}.layout__body{position:relative}.sidebar{position:fixed;top:var(--topbar-h);left:0;bottom:0;width:80%;max-width:280px;z-index:40;transform:translate(-100%);transition:transform .2s ease;border-right:1px solid var(--border);box-shadow:var(--shadow)}.layout--menu-open .sidebar{transform:translate(0)}.layout--menu-open .sidebar__backdrop{display:block;position:fixed;top:var(--topbar-h);inset:var(--topbar-h) 0 0 0;background:#0000008c;z-index:35}.cred-form__grid{grid-template-columns:1fr}.form-row{flex-direction:column;align-items:stretch}.form-row>label{width:100%}.kv{grid-template-columns:1fr;gap:2px 0}.kv dt{padding-top:8px;font-size:.85em}.kv dd{padding-bottom:8px;border-bottom:1px dashed var(--border)}.bell__dropdown{position:fixed;top:calc(var(--topbar-h) + 4px);right:8px;left:8px;width:auto}.env-preview{columns:1}.post-init__code{flex-wrap:wrap}.form-actions{flex-direction:column-reverse;align-items:stretch}.form-actions .btn{width:100%}.toast-stack{left:12px;right:12px;bottom:12px}.toast{max-width:100%}}@media (max-width: 480px){.main,.cred-form__col,.cred-form__advanced,.card{padding:12px}.notify-row{gap:10px}}mark{background:#fbbf2459;color:var(--fg);border-radius:2px;padding:0 1px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;text-align:center}.empty-state__icon{font-size:2.2em;line-height:1}.empty-state__message{margin:0;font-size:.95em;color:var(--fg-muted)}.empty-state__hint{margin:0;font-size:.85em;color:var(--fg-muted);opacity:.7}.explorer{display:flex;flex-direction:column;gap:var(--gap)}.explorer__top-bar{display:flex;align-items:center;gap:var(--gap);flex-wrap:wrap}.explorer__search{flex:1;min-width:200px}.breadcrumb{display:flex;align-items:center}.breadcrumb__list{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:4px;flex-wrap:wrap}.breadcrumb__item{display:flex;align-items:center;gap:4px;padding:0}.breadcrumb__link{background:none;border:none;padding:2px 4px;border-radius:var(--radius);color:var(--fg-muted);font-size:.85em;cursor:pointer;transition:color .15s,background .15s;white-space:nowrap}.breadcrumb__link:hover{background:var(--bg-3);color:var(--fg)}.breadcrumb__sep{color:var(--fg-muted);font-size:.8em;-webkit-user-select:none;user-select:none;opacity:.5}.breadcrumb__current{font-size:.85em;font-weight:600;color:var(--fg);padding:2px 4px;white-space:nowrap}.explorer__section{display:flex;flex-direction:column;gap:var(--gap)}.explorer__section-title{margin:0;font-size:.9em;color:var(--fg-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.explorer__main-list{flex:1}.filter-bar{display:flex;flex-direction:column;gap:8px;padding:10px 0;border-bottom:1px solid var(--border)}.filter-bar__section{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.filter-bar__section--row{align-items:center;flex-direction:row}.filter-bar__label{color:var(--fg-muted);font-size:.82em;font-weight:500;white-space:nowrap;padding-top:7px;min-width:28px}.filter-bar__toggle{display:flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap}.filter-bar__toggle input{width:auto}.filter-bar__sort{display:flex;align-items:center;gap:6px}.filter-bar__sort .filter-bar__label{padding-top:0}.filter-bar__sort select{width:auto;padding:6px 10px;font-size:.9em}.filter-chip__label{font-size:.88em}.filter-chip--tag{--tag-dot: var(--tag-color, var(--fg-muted));padding-left:22px;position:relative}.filter-chip--tag:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--tag-dot)}.filter-chip__count{font-size:.78em;color:var(--fg-muted);margin-left:4px;background:var(--bg-3);padding:1px 5px;border-radius:8px}.item-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:background .1s,border-color .1s,box-shadow .1s;min-width:0;-webkit-user-select:none;user-select:none}.item-card:hover{background:var(--bg-3);border-color:var(--border-strong);box-shadow:0 2px 8px #00000026}.item-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.item-card--pinned{border-color:#fbbf2459}.item-card--dragging{box-shadow:0 8px 24px #00000059;z-index:10}.multi-drag-preview{position:relative;width:180px;height:72px;cursor:grabbing}.multi-drag-preview__stack{position:absolute;border-radius:8px;background:var(--surface, #fff);border:1px solid var(--border, #e5e7eb);width:100%;height:100%}.multi-drag-preview__stack--2{top:-4px;left:-4px;opacity:.7;z-index:1}.multi-drag-preview__stack--3{top:-8px;left:-8px;opacity:.4;z-index:0}.multi-drag-preview__card{position:relative;z-index:2;width:100%;height:100%;border-radius:8px;background:var(--surface, #fff);border:1.5px solid var(--accent, #6366f1);box-shadow:0 8px 24px #0003;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px}.multi-drag-preview__badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:12px;background:var(--accent, #6366f1);color:#fff;font-size:12px;font-weight:700;padding:0 6px;flex-shrink:0}.multi-drag-preview__label{font-size:13px;font-weight:600;color:var(--text, #1f2937);white-space:nowrap}.item-card--selected{border-color:var(--accent);background:rgba(var(--accent-rgb, 99, 102, 241),.08);box-shadow:inset 3px 0 0 var(--accent)}.item-card__checkbox{position:absolute;top:6px;left:6px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;border-radius:50%;border:1.5px solid var(--border);background:var(--bg-card);cursor:pointer;z-index:2;color:var(--fg-muted);transition:border-color .15s,background .15s}.item-card__checkbox:hover{border-color:var(--accent);color:var(--accent)}.item-card__checkbox--checked{background:var(--accent);border-color:var(--accent);color:#fff}.multiselect-toolbar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:10px 18px;background:var(--bg-elevated, #1e1e2e);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #0006;z-index:200;white-space:nowrap}.multiselect-toolbar__count{font-weight:600;font-size:.9em;color:var(--fg);padding-right:8px;border-right:1px solid var(--border)}.multiselect-toolbar__actions{display:flex;align-items:center;gap:6px}.multiselect-toolbar__pin-group{display:flex;gap:4px}.multiselect-toolbar__clear{margin-left:4px;border-left:1px solid var(--border);padding-left:10px}.multiselect-toolbar__dropdown{position:relative}.multiselect-toolbar__menu{position:absolute;bottom:calc(100% + 8px);left:0;min-width:180px;max-height:240px;overflow-y:auto;background:var(--bg-elevated, #1e1e2e);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0000004d;z-index:210;padding:4px}.multiselect-toolbar__menu-input{padding:4px}.multiselect-toolbar__menu-input input{width:100%;padding:6px 8px;font-size:.85em;border:1px solid var(--border);border-radius:6px;background:var(--bg-input, var(--bg));color:var(--fg)}.multiselect-toolbar__menu-list{padding:2px 0}.multiselect-toolbar__menu-item{display:flex;align-items:center;gap:6px;width:100%;padding:7px 10px;font-size:.85em;background:none;border:none;border-radius:6px;cursor:pointer;color:var(--fg);text-align:left}.multiselect-toolbar__menu-item:hover{background:var(--bg-hover, rgba(255,255,255,.06))}.multiselect-toolbar__menu-empty{display:block;padding:8px 10px;font-size:.82em}@media (max-width: 600px){.multiselect-toolbar{bottom:0;left:0;right:0;transform:none;border-radius:12px 12px 0 0;flex-wrap:wrap;justify-content:center}}.item-card__drag-handle{position:absolute;top:6px;right:6px;font-size:.85em;color:var(--fg-muted);opacity:0;cursor:grab;transition:opacity .1s;line-height:1;padding:2px}.item-card:hover .item-card__drag-handle{opacity:1}.item-card__header{display:flex;align-items:flex-start;gap:6px}.item-card__icon{font-size:1.2em;flex-shrink:0;line-height:1.2}.item-card__name{flex:1;min-width:0;font-weight:500;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;word-break:break-word}.item-card__pin{background:transparent;border:none;color:var(--fg-muted);cursor:pointer;padding:0 2px;font-size:1em;flex-shrink:0;line-height:1;opacity:.5;transition:opacity .1s}.item-card__pin:hover,.item-card__pin--active{opacity:1}.item-card__pin:disabled{cursor:not-allowed}.item-card__meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.78em;font-weight:500;background:var(--bg-3);color:var(--fg-muted);border:1px solid var(--border);white-space:nowrap}.badge--type{background:#3b82f61f;color:var(--accent-2);border-color:#3b82f633}.badge--payload{background:#22c55e1f;color:var(--ok);border-color:#22c55e33}.item-card__tags{display:flex;flex-wrap:wrap;gap:4px}.item-card__footer{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:auto}.item-card__use-count{font-size:.78em;color:var(--fg-muted)}.item-list{display:flex;flex-direction:column;gap:var(--gap)}.item-list--loading,.item-list--error{display:flex;justify-content:center;padding:40px}.item-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--gap)}.item-list__grid--compact{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.item-list__search-info{padding:4px 0}.item-list__payload-skip-hint{color:var(--warn)}.item-list__empty{padding:8px 0}.item-list__pagination{display:flex;align-items:center;justify-content:center;gap:var(--gap);padding:8px 0}.explorer__actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;flex-shrink:0}.folder-card-list{margin-bottom:var(--gap)}.folder-card-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--gap)}.folder-card{position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated-1);transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);overflow:visible}.folder-card:hover,.folder-card--hovered{border-color:var(--border-strong);background:var(--bg-elevated-2);box-shadow:0 2px 8px var(--shadow-sm)}.folder-card--drop-target{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg-elevated-1));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}.folder-card__body{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3) var(--space-3);width:100%;background:none;border:none;cursor:pointer;text-align:center;border-radius:var(--radius-lg);color:var(--fg-primary)}.folder-card__icon{display:flex;align-items:center;justify-content:center;color:var(--fg-muted);transition:color var(--duration-fast)}.folder-card:hover .folder-card__icon,.folder-card--drop-target .folder-card__icon{color:var(--accent)}.folder-card__icon-svg{transition:color var(--duration-fast)}.folder-card__icon-svg--open{color:var(--accent)}.folder-card__info{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.folder-card__name{font-size:var(--text-sm);font-weight:600;color:var(--fg-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.folder-card__meta{font-size:var(--text-xs);color:var(--fg-muted);white-space:nowrap}.folder-card__actions{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center;gap:2px;opacity:0;transition:opacity var(--duration-fast);z-index:1}.folder-card:hover .folder-card__actions{opacity:1}.folder-card__action-btn{padding:2px}.folder-card__inline-edit{font-size:var(--text-sm);font-weight:600;text-align:center;width:100%}.folder-card__add-child{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--border);background:var(--bg-elevated-2);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.folder-card__add-child-icon{color:var(--fg-muted);flex-shrink:0}.folder-card__add-child-edit{font-size:var(--text-sm);flex:1}.new-item-panel__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:149;cursor:pointer}.new-item-panel{position:fixed;top:0;right:0;height:100vh;width:min(480px,100vw);background:var(--bg-elevated-1);border-left:1px solid var(--border);box-shadow:var(--shadow-lg, -4px 0 24px rgba(0, 0, 0, .15));transform:translate(100%);transition:transform .2s ease-out;z-index:150;display:flex;flex-direction:column;overflow:hidden}.new-item-panel--open{transform:translate(0)}.new-item-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--border);flex-shrink:0}.new-item-panel__title{display:flex;align-items:center;gap:var(--space-2)}.new-item-panel__type-icon{color:var(--accent);display:flex;align-items:center}.new-item-panel__title-text{margin:0;font-size:var(--text-md);font-weight:600;color:var(--fg-primary)}.new-item-panel__close{display:flex;align-items:center;justify-content:center;padding:4px;border:none;background:none;border-radius:var(--radius);color:var(--fg-muted);cursor:pointer;transition:color var(--duration-fast),background var(--duration-fast)}.new-item-panel__close:hover{color:var(--fg-primary);background:var(--bg-hover)}.new-item-panel__body{flex:1;overflow-y:auto;padding:var(--space-4)}.new-item-form{display:flex;flex-direction:column;gap:var(--space-3)}.new-item-form__textarea{resize:vertical;min-height:80px;font-family:var(--font-mono, monospace);font-size:var(--text-sm)}.new-item-form__required{color:var(--fg-danger, #ef4444);margin-left:2px}.new-item-form__actions{display:flex;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border);margin-top:var(--space-2)}@media (max-width: 768px){.explorer__top-bar{flex-direction:column;align-items:stretch}.explorer__search{max-width:100%}.filter-bar{padding:8px 0}.filter-bar__section{gap:6px}.filter-bar__section--row{flex-wrap:wrap}.filter-chips{gap:4px}.filter-chip{padding:5px 10px;font-size:.85em}.filter-chip__label{display:none}.filter-chip--tag .filter-chip__label{display:inline}.item-list__grid{grid-template-columns:1fr}.item-list__grid--compact{grid-template-columns:repeat(2,1fr)}.item-card__drag-handle{opacity:.5}}@media (max-width: 480px){.item-list__grid--compact{grid-template-columns:1fr}.filter-chip{padding:5px 8px}}