:root{--pic-accent: oklch(.55 .17 250);--pic-accent-fg: oklch(.42 .18 250);--pic-accent-bg: oklch(.97 .04 250);--pic-bg: #fafaf9;--pic-bg-soft: #f5f5f4;--pic-bg-card: #ffffff;--pic-border: #e7e5e4;--pic-border-soft: #ececea;--pic-fg: #1c1917;--pic-fg-muted: #57534e;--pic-fg-subtle: #78716c;--pic-fg-faint: #a8a29e;--pic-success: oklch(.55 .14 145);--pic-warn: oklch(.55 .13 75);--pic-danger: oklch(.55 .18 25);--pic-font-ui: "Helvetica Neue", Helvetica, Arial, sans-serif;--pic-font-mono: "JetBrains Mono", ui-monospace, monospace;--pic-r-pill: 4px;--pic-r-btn: 6px;--pic-r-panel: 8px;--pic-r-modal: 14px}.theme-accent-green{--pic-accent: oklch(.55 .17 145);--pic-accent-fg: oklch(.42 .18 145);--pic-accent-bg: oklch(.97 .04 145)}.theme-accent-orange{--pic-accent: oklch(.55 .17 35);--pic-accent-fg: oklch(.42 .18 35);--pic-accent-bg: oklch(.97 .04 35)}.theme-accent-plum{--pic-accent: oklch(.55 .17 300);--pic-accent-fg: oklch(.42 .18 300);--pic-accent-bg: oklch(.97 .04 300)}.theme-surface-warm{--pic-bg: #faf7f3;--pic-bg-soft: #f3eee6;--pic-border: #e8e0d3;--pic-border-soft: #efe8db}.theme-surface-cool{--pic-bg: #f7f9fa;--pic-bg-soft: #eef2f5;--pic-border: #dde3e7;--pic-border-soft: #e4eaee}:root{--bg: var(--pic-bg);--bg-canvas: var(--pic-bg-soft);--surface: var(--pic-bg-card);--surface-muted: var(--pic-bg-soft);--border: var(--pic-border);--border-strong: #d6d3d1;--border-subtle: var(--pic-border-soft);--text: var(--pic-fg);--text-muted: var(--pic-fg-muted);--text-subtle: var(--pic-fg-subtle);--text-faint: var(--pic-fg-faint);--accent: var(--pic-accent);--accent-bg: var(--pic-accent-bg);--accent-text: var(--pic-accent-fg);--success: var(--pic-success);--success-bg: oklch(.97 .04 145);--success-text: oklch(.42 .13 145);--warn: var(--pic-warn);--warn-bg: oklch(.97 .04 75);--warn-text: oklch(.42 .1 75);--danger: var(--pic-danger);--danger-hover: oklch(.45 .18 25);--danger-bg: oklch(.97 .04 25);--font-ui: var(--pic-font-ui);--font-mono: var(--pic-font-mono);--toolbar-w: 52px;--properties-w: 280px;--ruler-size: 30px;--r-xs: 2px;--r-sm: 3px;--r-md: 4px;--r-lg: 6px;--r-xl: 8px;--surface-0: var(--pic-bg-card);--surface-1: var(--pic-bg-soft);--surface-2: var(--pic-border-soft);--border-soft: #d6d3d1;--text-0: var(--pic-fg);--text-1: var(--pic-fg-muted);--text-2: var(--pic-fg-subtle);--text-dim: var(--pic-fg-faint);--radius-sm: 4px;--radius: 8px;--radius-lg: 12px}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:var(--font-ui);line-height:1.5;font-weight:400}body{min-height:100vh;background-color:var(--bg);color:var(--text)}#app{width:100vw;height:100vh;overflow:auto}.btn{padding:.75rem 1.5rem;border:none;border-radius:var(--r-xl);font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:var(--text);color:#fff}.btn-primary:hover:not(:disabled){background:#2c2926;box-shadow:0 2px 8px #1c191733}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary--blue{background:var(--accent);color:#fff}.btn-primary--blue:hover:not(:disabled){background:var(--accent-text)}.btn-secondary{background-color:var(--surface-muted);color:var(--text-muted);border:1px solid var(--border)}.btn-secondary:hover{background-color:var(--border)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--danger-hover)}.btn-large{padding:.85rem 1.75rem;font-size:1.05rem}.btn-full{width:100%}.btn-icon{background:none;border:1px solid var(--border);padding:.5rem;cursor:pointer;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;transition:background-color .15s ease;color:var(--text-muted)}.btn-icon:hover{background-color:var(--surface-muted);border-color:var(--border-strong)}.btn-icon svg{stroke:currentColor}.btn-back{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-muted);font-size:.95rem;font-weight:500;cursor:pointer;padding:.5rem 0;margin-bottom:1rem;transition:color .15s ease}.btn-back:hover{color:var(--text)}.btn-sm{padding:.25rem .6rem;font-size:.8rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);cursor:pointer}.btn-sm:hover{background:var(--surface-muted)}.btn-sm--danger{border-color:var(--danger);color:var(--danger)}.btn-sm--danger:hover{background:var(--danger);color:#fff}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--text)}.form-group label svg{opacity:.7}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--r-xl);font-size:1rem;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box;color:var(--text);background:var(--surface)}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.canvas-size-inputs{display:flex;align-items:center;gap:.5rem}.canvas-dimension-input{flex:1;width:auto}.dimension-separator{color:var(--text-faint);font-size:1.2rem;flex-shrink:0}.canvas-unit-input{width:auto;min-width:80px}.error-message{padding:.75rem 1rem;background-color:#f443360f;border:1px solid rgba(244,67,54,.2);border-radius:var(--r-md);color:var(--danger);font-size:.9rem;margin:0}.success-message{padding:.75rem 1rem;background-color:var(--success-bg);border:1px solid var(--success);border-radius:var(--r-md);color:var(--success-text);font-size:.9rem;margin:0}.warning-text{color:var(--danger);font-weight:500}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--surface);border-radius:var(--r-xl);padding:2rem;min-width:400px;max-width:90%;box-shadow:0 8px 32px #00000026;border:1px solid var(--border)}.modal-content h2{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:var(--text)}.modal-content p{margin:0 0 1rem;color:var(--text-subtle)}.user-menu{position:relative}.user-menu-btn{background:none;border:none;padding:.5rem;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease;color:var(--text-muted)}.user-menu-btn:hover{background-color:var(--surface-muted)}.user-menu-btn svg{stroke:currentColor}.user-menu-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:0 4px 16px #0000001a;min-width:200px;overflow:hidden;z-index:100}.user-menu-email{padding:.875rem 1rem;border-bottom:1px solid var(--border);font-size:.85rem;color:var(--text-subtle);word-break:break-all}.user-menu-item{width:100%;padding:.625rem 1rem;background:none;border:none;text-align:left;font-size:.9rem;color:var(--text);cursor:pointer;transition:background-color .15s ease;display:flex;align-items:center;gap:.75rem}.user-menu-item:hover{background-color:var(--surface-muted)}.user-menu-item svg{stroke:currentColor}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-subtle)}.spinner{width:32px;height:32px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-subtle)}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--text)}.empty-state p{margin:0 0 1.5rem;color:var(--text-subtle)}.section-title{display:flex;align-items:center;gap:.75rem;margin:0 0 1.5rem;font-size:1.1rem;font-weight:600;color:var(--text)}.muted{color:var(--text-faint);font-weight:400}.auth-page{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:2rem}.auth-card{background:var(--surface);border-radius:var(--r-xl);box-shadow:0 4px 24px #00000014;border:1px solid var(--border);padding:2.5rem;width:100%;max-width:400px}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.auth-header p{margin:0;font-size:.9rem;color:var(--text-subtle)}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-links{margin-top:1.5rem;text-align:center}.auth-link{color:var(--accent);text-decoration:none;font-size:.9rem;transition:color .15s ease}.auth-link:hover{color:var(--accent-text);text-decoration:underline}.auth-divider{height:1px;background-color:var(--border);margin:1.25rem 0}.auth-text{margin:0;font-size:.9rem;color:var(--text-subtle)}.auth-link-primary{color:var(--accent);text-decoration:none;font-weight:600;transition:color .15s ease}.auth-link-primary:hover{color:var(--accent-text);text-decoration:underline}@media(max-width:480px){.auth-page{padding:1rem}.auth-card{padding:2rem 1.5rem}.auth-header h1{font-size:1.25rem}}.label-list-page{width:100%;height:100vh;display:flex;flex-direction:column;background-color:var(--bg);overflow:hidden}.dashboard-topbar{height:60px;background:var(--surface);border-bottom:1px solid var(--border);padding:0 24px;display:flex;align-items:center;gap:16px;flex-shrink:0}.dashboard-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.dashboard-logomark{width:32px;height:32px;border-radius:6px;background:var(--text);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-wordmark{display:flex;flex-direction:column;line-height:1.1}.dashboard-wordmark-name{font-size:13px;font-weight:600;color:var(--text)}.dashboard-wordmark-sub{font-size:11px;color:var(--text-subtle)}.dashboard-nav{display:flex;align-items:center;gap:4px;margin-left:8px}.dashboard-nav-tab{padding:6px 12px;border-radius:var(--r-lg);font-size:13px;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:background-color .15s ease,color .15s ease}.dashboard-nav-tab:hover:not(:disabled){background:var(--surface-muted);color:var(--text)}.dashboard-nav-tab.active{background:var(--surface-muted);color:var(--text);font-weight:500}.dashboard-nav-tab:disabled{opacity:.45;cursor:default}.dashboard-search{flex:0 0 320px;display:flex;align-items:center;gap:8px;background:var(--surface-muted);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:6px 10px;margin-left:auto}.dashboard-search svg{stroke:var(--text-faint);flex-shrink:0}.dashboard-search input{flex:1;border:none;background:transparent;font-size:13px;color:var(--text);outline:none}.dashboard-search input::placeholder{color:var(--text-faint)}.dashboard-search-kbd{font-family:var(--font-mono);font-size:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:2px 5px;color:var(--text-faint);flex-shrink:0}.dashboard-avatar{width:32px;height:32px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.dashboard-context-bar{background:var(--bg);padding:20px 32px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:0;flex-shrink:0}.dashboard-breadcrumb{display:flex;align-items:baseline;gap:8px}.dashboard-breadcrumb-workspace{font-size:13px;color:var(--text-subtle)}.dashboard-breadcrumb-chevron{font-size:13px;color:var(--text-faint)}.dashboard-breadcrumb-group{font-size:18px;font-weight:600;color:var(--text);letter-spacing:-.01em}.dashboard-stats{display:flex;align-items:center;gap:28px;margin-left:16px}.dashboard-stat{display:flex;flex-direction:column;align-items:flex-start}.dashboard-stat-value{font-size:15px;font-weight:600;font-family:var(--font-mono);color:var(--text);letter-spacing:-.02em;line-height:1.2}.dashboard-stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);line-height:1.2}.dashboard-context-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.dashboard-ghost-btn{background:transparent;border:1px solid var(--border);border-radius:var(--r-lg);padding:6px 10px;font-size:12px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:5px;transition:background-color .15s ease}.dashboard-ghost-btn:hover{background:var(--surface-muted)}.dashboard-ghost-btn svg{stroke:currentColor;flex-shrink:0}.dashboard-new-btn{background:var(--text);border:none;border-radius:var(--r-lg);padding:7px 14px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .15s ease}.dashboard-new-btn:hover{background:#2c2926}.dashboard-new-btn svg{stroke:currentColor}.dashboard-toolbar{background:var(--bg);padding:16px 32px;display:flex;align-items:center;gap:16px;flex-shrink:0;border-bottom:1px solid var(--border)}.dashboard-status-tabs{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:3px;gap:2px}.dashboard-status-tab{padding:5px 11px;border-radius:5px;font-size:12.5px;color:var(--text-muted);background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:5px;transition:background-color .15s ease,color .15s ease}.dashboard-status-tab:hover:not(:disabled){background:var(--surface-muted);color:var(--text)}.dashboard-status-tab.active{background:var(--text);color:#fff}.dashboard-status-tab:disabled{opacity:.4;cursor:default}.dashboard-tab-count{font-family:var(--font-mono);font-size:10px;opacity:.7}.dashboard-toolbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.dashboard-sort-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:6px 10px;font-size:12.5px;color:var(--text-muted);cursor:pointer}.dashboard-sort-btn:hover{border-color:var(--border-strong);color:var(--text)}.dashboard-sort-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 4px 12px #00000014;min-width:150px;z-index:100;padding:4px;display:flex;flex-direction:column;gap:1px}.sort-option{background:none;border:none;border-radius:var(--r-md);padding:7px 10px;font-size:12.5px;color:var(--text-muted);text-align:left;cursor:pointer;width:100%}.sort-option:hover{background:var(--surface-hover, #f5f5f4);color:var(--text)}.sort-option.active{color:var(--text);font-weight:500}.dashboard-view-toggle{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:2px;gap:2px}.dashboard-view-btn{padding:4px 8px;border-radius:var(--r-md);background:none;border:none;cursor:pointer;color:var(--text-faint);display:flex;align-items:center;transition:background-color .15s ease,color .15s ease}.dashboard-view-btn.active{background:var(--surface-muted);color:var(--text-muted)}.dashboard-view-btn:disabled{opacity:.35;cursor:default}.dashboard-view-btn svg{stroke:currentColor}.dashboard-content{flex:1;overflow-y:auto;padding:24px 32px}.labels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.label-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--r-xl);overflow:hidden;cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease;position:relative}.label-card:hover{border-color:var(--border-strong);box-shadow:0 4px 12px #00000012}.label-card-thumbnail{height:180px;background:linear-gradient(180deg,#fafaf9,#f5f5f4);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;position:relative}.label-card-thumb-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.25}.label-card-thumb-placeholder svg{stroke:var(--text)}.label-card-thumb-img{width:100%;height:100%;object-fit:contain;display:block}.label-card-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.label-card:hover .label-card-actions{opacity:1}.label-card-action-btn{width:28px;height:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:background-color .15s ease,color .15s ease}.label-card-action-btn:hover{background:var(--surface-muted)}.label-card-action-btn.danger:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.label-card-action-btn svg{stroke:currentColor}.label-card-body{padding:14px}.label-card-title-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px}.label-name{font-size:13.5px;font-weight:600;color:var(--text);letter-spacing:-.005em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.label-dimensions{font-size:11px;font-family:var(--font-mono);color:var(--text-subtle);flex-shrink:0}.label-description{font-size:12px;color:var(--text-muted);line-height:1.4;margin:0 0 10px;min-height:1.2em}.label-description.placeholder{color:var(--text-faint);font-style:italic}.label-card-footer{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-faint)}.label-card-footer svg{stroke:currentColor;flex-shrink:0}.label-footer-dot{color:var(--border-strong)}.labels-list{padding:4px 32px 32px}.label-row{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:var(--r-lg);cursor:pointer;transition:background .12s;position:relative}.label-row:hover{background:var(--surface-muted)}.label-row+.label-row{border-top:1px solid var(--border-subtle)}.label-row-thumb{width:48px;height:48px;flex-shrink:0;border-radius:var(--r-md);overflow:hidden;background:var(--bg);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center}.label-row-thumb-img{width:100%;height:100%;object-fit:contain}.label-row-thumb-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-muted)}.label-row-thumb-placeholder svg{width:20px;height:20px;stroke:currentColor}.label-row-info{flex:1;min-width:0}.label-row-name-row{display:flex;align-items:center;gap:8px}.label-row-name-row .label-name{font-size:14px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.label-row-description{font-size:12px;color:var(--text-muted);margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.label-row-info .label-category-chips{margin-top:4px}.label-row-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);white-space:nowrap;flex-shrink:0;min-width:140px}.label-row-meta svg{width:14px;height:14px;stroke:currentColor;flex-shrink:0}.label-row-time{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted);white-space:nowrap;flex-shrink:0;min-width:72px;justify-content:flex-end}.label-row-time svg{width:14px;height:14px;stroke:currentColor;flex-shrink:0}.label-row-actions{display:flex;gap:2px;flex-shrink:0;opacity:0;transition:opacity .12s}.label-row:hover .label-row-actions{opacity:1}.label-list-header{background-color:var(--surface);padding:1.5rem 2rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:2rem}.label-list-header h1{margin:0;font-size:1.5rem;font-weight:600;color:var(--text)}.group-controls{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.group-selector-inline{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--border);width:100%}.group-select-inline{padding:.625rem .875rem;border:1px solid var(--border);border-radius:var(--r-lg);font-size:.9rem;background-color:var(--surface);color:var(--text);cursor:pointer;transition:border-color .15s ease;min-width:250px}.group-select-inline:hover{border-color:var(--border-strong)}.group-select-inline:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.label-list-content{flex:1;padding:2rem;overflow-y:auto}.label-status-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:2px 7px;border-radius:4px;line-height:1.5;flex-shrink:0}.label-status-badge.draft{background:#f5f5f4;color:#78716c}.label-status-badge.review{background:#fef3c7;color:#92400e}.label-status-badge.approved{background:#d1fae5;color:#065f46}.label-status-badge.archived{background:#f1f5f9;color:#64748b}.label-category-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.label-category-chip{display:inline-flex;align-items:center;font-size:10px;font-weight:500;padding:2px 7px;border-radius:10px;background:var(--accent-bg);color:var(--accent-text)}.dashboard-filter-pills{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.dashboard-filter-pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;padding:4px 11px;border-radius:20px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s,background .15s;white-space:nowrap}.dashboard-filter-pill:hover{border-color:var(--border-strong);color:var(--text)}.dashboard-filter-pill.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-text)}.dashboard-filter-pill .pill-count{font-size:10px;font-weight:600;opacity:.7}.dashboard-category-filter{position:relative}.dashboard-category-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0000001a;min-width:180px;padding:4px;z-index:100}.dashboard-category-option{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:none;background:transparent;border-radius:5px;cursor:pointer;font-size:13px;color:var(--text);text-align:left}.dashboard-category-option:hover{background:var(--surface-muted)}.dashboard-category-option.active{color:var(--accent-text)}.dashboard-category-option .cat-check{opacity:0;font-size:12px}.dashboard-category-option.active .cat-check{opacity:1}.tag-input-container{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:5px 10px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);min-height:38px;cursor:text;transition:border-color .15s,box-shadow .15s}.tag-input-container:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.tag-input-container input{border:none;outline:none;background:transparent;font-size:.875rem;color:var(--text);min-width:100px;flex:1;padding:2px 0}.tag-chip{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:500;padding:2px 6px 2px 8px;border-radius:10px;background:var(--accent-bg);color:var(--accent-text)}.tag-chip-remove{cursor:pointer;opacity:.55;font-size:14px;line-height:1;margin-left:1px}.tag-chip-remove:hover{opacity:1}.label-status-select{display:flex;gap:6px;flex-wrap:wrap}.label-status-option{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;padding:5px 12px;border-radius:20px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:all .15s}.label-status-option:hover{border-color:var(--border-strong);color:var(--text)}.label-status-option.active.draft{background:#f5f5f4;border-color:#d6d3d1;color:#57534e}.label-status-option.active.review{background:#fef3c7;border-color:#fbbf24;color:#92400e}.label-status-option.active.approved{background:#d1fae5;border-color:#34d399;color:#065f46}.label-status-option.active.archived{background:#f1f5f9;border-color:#94a3b8;color:#475569}.editor-page{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}.editor-topbar{height:52px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:16px;flex-shrink:0;z-index:10}.editor-topbar-left{display:flex;align-items:center;gap:14px;flex-shrink:0}.editor-back-btn{background:none;border:none;padding:5px 8px;border-radius:5px;font-size:12.5px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:4px;transition:background-color .15s ease,color .15s ease;white-space:nowrap}.editor-back-btn:hover{background:var(--surface-muted);color:var(--text)}.editor-title-block{border-left:1px solid var(--border);padding-left:14px;display:flex;flex-direction:column;line-height:1.1}.editor-label-name{font-size:13.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.editor-label-path{font-size:10.5px;font-family:var(--font-mono);color:var(--text-faint)}.editor-saved-indicator{font-size:11px;font-family:var(--font-mono);color:var(--text-subtle);white-space:nowrap}.editor-topbar-center{flex:1;display:flex;justify-content:center}.editor-size-cluster{display:flex;align-items:center;gap:6px;background:var(--surface-muted);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:4px 8px}.editor-dim-field{display:flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:3px 6px}.editor-dim-label{font-size:10px;font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.05em;flex-shrink:0}.editor-dim-input{width:48px;border:none;background:transparent;font-size:12px;font-weight:500;font-family:var(--font-mono);color:var(--text);text-align:right;outline:none;padding:0}.editor-dim-input:focus{color:var(--accent)}.editor-dim-unit{font-size:10px;font-family:var(--font-mono);color:var(--text-faint);flex-shrink:0}.editor-dim-sep{font-size:11px;color:var(--text-faint)}.editor-unit-select{border:none;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:3px 8px;font-size:11.5px;color:var(--text-muted);cursor:pointer;outline:none}.editor-topbar-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.editor-icon-btn{width:30px;height:30px;background:none;border:none;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:background-color .15s ease,color .15s ease}.editor-icon-btn:hover{background:var(--surface-muted);color:var(--text)}.editor-icon-btn:disabled{opacity:.35;cursor:default}.editor-icon-btn svg{stroke:currentColor}.editor-topbar-divider{width:1px;height:18px;background:var(--border);flex-shrink:0;margin:0 4px}.editor-ghost-btn{background:none;border:1px solid var(--border);border-radius:var(--r-lg);padding:6px 12px;font-size:12.5px;color:var(--text);cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .15s ease;white-space:nowrap}.editor-ghost-btn:hover{background:var(--surface-muted)}.editor-ghost-btn svg{stroke:currentColor}.editor-export-btn{background:var(--text);border:none;border-radius:var(--r-lg);padding:7px 14px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .15s ease;white-space:nowrap}.editor-export-btn:hover{background:#2c2926}.editor-export-btn svg{stroke:currentColor}.editor-export-caret{background:var(--text);border:none;border-left:1px solid rgba(255,255,255,.2);border-radius:0 var(--r-lg) var(--r-lg) 0;padding:7px 8px;color:#fff;cursor:pointer;display:flex;align-items:center;transition:background-color .15s ease;margin-left:-4px}.editor-export-caret:hover{background:#2c2926}.editor-export-caret svg{stroke:currentColor}.export-topbar-dropdown{position:absolute;top:52px;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:0 4px 16px #0000001a;min-width:200px;padding:4px 0;z-index:200}.export-topbar-item{display:block;width:100%;padding:8px 14px;background:none;border:none;text-align:left;font-size:13px;color:var(--text);cursor:pointer;transition:background-color .15s ease}.export-topbar-item:hover:not(:disabled){background:var(--surface-muted)}.export-topbar-item:disabled{color:var(--text-faint);cursor:default}.editor-body{flex:1;display:flex;overflow:hidden;background:var(--bg-canvas)}.editor-center{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.ruler-row{display:flex;flex-shrink:0;height:var(--ruler-size)}.ruler-corner{width:var(--ruler-size);height:var(--ruler-size);background:var(--bg);border-right:1px solid var(--border);border-bottom:1px solid var(--border);flex-shrink:0}.canvas-row{flex:1;display:flex;overflow:hidden;min-width:0}.editor-properties{width:var(--properties-w);background-color:var(--surface);border-left:1px solid var(--border);overflow:hidden;flex-shrink:0;display:flex;flex-direction:column}.editor-references{width:260px;background-color:var(--surface);border-left:1px solid var(--border);overflow:hidden;flex-shrink:0}.editor-canvas{flex:1;overflow:auto}.editor-layout{flex:1;display:flex;overflow:hidden}.editor-header{background-color:var(--surface);padding:.75rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:1rem}.editor-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text);flex:1}.editor-header-spacer{flex:1}.editor-toolbar{width:var(--toolbar-w);background-color:var(--surface);border-right:1px solid var(--border);overflow-y:auto}.editor-contextual{background-color:var(--surface);border-right:1px solid var(--border);overflow-y:auto}.editor-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.editor-ruler-body{flex:1;display:flex;overflow:hidden;min-width:0}.editor-ruler-canvas{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.editor-horizontal-ruler{height:var(--ruler-size);background-color:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0}.editor-workspace{flex:1;display:flex;overflow:hidden}.editor-vertical-ruler{width:var(--ruler-size);background-color:var(--bg);border-right:1px solid var(--border);flex-shrink:0}.profile-page{width:100%;height:100vh;display:flex;flex-direction:column;background-color:var(--bg)}.profile-container{width:100%;max-width:800px;margin:0 auto;padding:2rem}.profile-header{margin-bottom:2rem}.profile-header h1{margin:0;font-size:1.75rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.profile-content{display:flex;flex-direction:column;gap:2rem}.profile-section{background:var(--surface);border-radius:var(--r-xl);padding:2rem;border:1px solid var(--border)}.info-row{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.info-row:last-child{border-bottom:none}.info-row label{font-weight:600;color:var(--text-subtle);min-width:80px;font-size:.875rem}.info-value{color:var(--text);font-size:.95rem}.profile-form{display:flex;flex-direction:column;gap:1.25rem}@media(max-width:768px){.profile-container{padding:1rem}.profile-section{padding:1.5rem}.profile-header h1{font-size:1.5rem}}.group-manage-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg);overflow-y:auto}.group-manage-container{width:100%;max-width:900px;margin:0 auto;padding:2rem}.group-manage-header{margin-bottom:2rem}.group-name-wrapper{display:flex;align-items:center;gap:1rem;margin:2rem 0 1rem}.group-name-editable{font-size:2rem;font-weight:700;color:var(--text);margin:0;padding:.5rem;border-radius:var(--r-xl);transition:background-color .15s;position:relative}.group-name-editable.editable{cursor:pointer}.group-name-editable.editable:hover{background-color:var(--surface-muted)}.personal-badge{display:inline-block;background:var(--text);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.group-description-editable{color:var(--text-subtle);font-size:1rem;padding:1rem;border-radius:var(--r-xl);border:1px dashed transparent;min-height:3rem;margin-bottom:2rem;transition:all .15s}.group-description-editable.editable{cursor:pointer}.group-description-editable.editable:hover{border-color:var(--border);background-color:var(--surface-muted)}.group-description-placeholder{color:var(--text-faint);font-style:italic}.group-description-text{color:var(--text-subtle)}.group-name-editing,.group-description-editing{background:var(--surface);box-shadow:0 2px 8px #4f6ef726}.group-content{display:flex;flex-direction:column;gap:2rem}.group-section{background:var(--surface);border-radius:var(--r-xl);padding:2rem;border:1px solid var(--border)}.members-list{display:flex;flex-direction:column;gap:1rem}.member-card{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--surface);border-radius:var(--r-xl);border:1px solid var(--border);margin-bottom:.75rem}.member-info{display:flex;align-items:center;gap:1rem;flex:1}.member-icon{width:40px;height:40px;border-radius:50%;background:var(--text);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.member-details{display:flex;flex-direction:column;gap:.25rem}.member-name{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:var(--text);flex-wrap:wrap}.crown-icon{color:gold;flex-shrink:0}.you-badge{font-size:.85rem;color:var(--accent);font-weight:500}.member-id{font-size:.95rem;font-weight:600;color:var(--text)}.member-role{font-size:.85rem;color:var(--text-subtle)}.member-actions{display:flex;align-items:center;gap:1rem}.permission-toggle{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-muted);cursor:pointer}.permission-checkbox{cursor:pointer}.btn-remove{color:var(--text-subtle)}.btn-remove:hover{background:var(--danger-bg);color:var(--danger)}.btn-meatball{background:none;border:none;padding:.5rem;cursor:pointer;border-radius:var(--r-md);transition:background-color .15s;display:flex;align-items:center;justify-content:center;color:var(--text-subtle)}.btn-meatball:hover{background-color:var(--surface-muted)}.member-menu{position:fixed;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:0 4px 16px #0000001a;min-width:200px;padding:.5rem 0;z-index:1000;display:none}.member-menu-item{padding:.625rem 1rem;cursor:pointer;transition:background-color .15s;font-size:.9rem;color:var(--text)}.member-menu-item:hover{background-color:var(--surface-muted)}.member-menu-item.danger{color:var(--danger)}.member-menu-item.danger:hover{background-color:var(--danger-bg)}.btn-add-member{width:100%;padding:1rem;background:var(--surface-muted);border:2px dashed var(--border-strong);border-radius:var(--r-xl);color:var(--text-muted);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem}.btn-add-member:hover{background:var(--surface);border-color:var(--accent);color:var(--accent)}.invite-form{display:flex;flex-direction:column;gap:1.25rem}.danger-zone{border:1px solid rgba(244,67,54,.3);background:#f4433608}@media(max-width:768px){.group-manage-container{padding:1rem}.group-section{padding:1.5rem}.member-card{flex-direction:column;align-items:flex-start;gap:1rem}.member-actions{width:100%;justify-content:flex-end}.modal-content{min-width:0;width:90%}}.reference-page{min-height:100vh;background:var(--bg);padding:2rem;box-sizing:border-box}.reference-page__container{max-width:800px;margin:0 auto}.reference-page__header{margin-bottom:1.5rem}.reference-page__header h2{margin:.75rem 0 .25rem;font-size:1.5rem;color:var(--text);font-weight:600}.reference-page__subtitle{margin:0;color:var(--text-subtle);font-size:.875rem}.reference-page__subtitle code{background:var(--surface-muted);padding:.1rem .3rem;border-radius:var(--r-sm);font-family:var(--font-mono);color:var(--accent)}.reference-page__actions{margin-bottom:1rem}.reference-page__form{margin-bottom:1.5rem}.reference-page__form-inner{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}.reference-page__form-inner h3{margin:0 0 .5rem;font-size:1rem;color:var(--text)}.reference-page__form-inner label{font-size:.875rem;font-weight:500;color:var(--text-muted);margin-top:.25rem}.reference-page__form-inner input{padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--r-lg);font-size:.875rem;color:var(--text);background:var(--surface)}.reference-page__form-inner input:focus{outline:none;border-color:var(--accent)}.reference-page__form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.reference-page__form-actions button{padding:.4rem 1rem;border-radius:var(--r-lg);border:1px solid var(--border);cursor:pointer;font-size:.875rem;background:var(--surface);color:var(--text)}.reference-page__form-actions button:hover{background:var(--surface-muted)}.reference-page__table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--border);font-size:.875rem}.reference-page__table th{text-align:left;padding:.75rem 1rem;background:var(--surface-muted);border-bottom:1px solid var(--border);font-weight:600;font-size:.8rem;color:var(--text-muted)}.reference-page__table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);vertical-align:middle;color:var(--text)}.reference-page__table tr:last-child td{border-bottom:none}.ref-key{font-family:var(--font-mono);color:var(--accent);font-weight:600}.ref-desc{color:var(--text-subtle)}.ref-actions{display:flex;gap:.5rem}.reference-page__empty,.reference-page__loading{color:var(--text-faint);font-size:.875rem;padding:1rem 0}.notification-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10001;display:flex;flex-direction:column;gap:10px;pointer-events:none}.notification{background-color:var(--surface);border-radius:var(--r-lg);box-shadow:0 4px 16px #0000001f;border:1px solid var(--border);padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;min-width:300px;max-width:500px;pointer-events:auto;transform:translateY(-100px);opacity:0;transition:all .25s ease}.notification-show{transform:translateY(0);opacity:1}.notification-hide{transform:translateY(-20px);opacity:0}.notification-icon{font-size:1.1rem;font-weight:700;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.notification-message{flex:1;font-size:.9rem;color:var(--text)}.notification-close{background:none;border:none;font-size:1.25rem;color:var(--text-faint);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;transition:color .15s ease}.notification-close:hover{color:var(--text-muted)}.notification-success{border-left:3px solid var(--success)}.notification-success .notification-icon{color:var(--success);background-color:var(--success-bg)}.notification-error{border-left:3px solid var(--danger)}.notification-error .notification-icon{color:var(--danger);background-color:var(--danger-bg)}.notification-info{border-left:3px solid var(--accent)}.notification-info .notification-icon{color:var(--accent);background-color:var(--accent-bg)}@media(max-width:600px){.notification-container{top:10px;left:10px;right:10px;transform:none}.notification{min-width:0;width:100%}}.test-layout{display:grid;grid-template-columns:auto auto 1fr;width:100%;height:100%}.test-layout__toolbar,.test-layout__contextual{grid-row:1 / -1}.test-layout__main{display:flex;flex-direction:column;overflow:hidden}.test-layout__horizontal-ruler{flex-shrink:0}.test-layout__workspace{display:grid;grid-template-columns:auto 1fr auto;flex:1;overflow:hidden}.test-layout__vertical-ruler{grid-column:1}.test-layout__canvas{grid-column:2;overflow:auto}.test-layout__properties{grid-column:3}.pp-root{width:100%;height:100%;background:var(--pic-bg);font-family:var(--pic-font-ui);color:var(--pic-fg);display:flex;flex-direction:column;overflow:hidden}.pp-topbar{height:56px;background:var(--pic-bg-card);border-bottom:1px solid var(--pic-border);display:flex;align-items:center;padding:0 24px;gap:18px;flex-shrink:0}.pp-back-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--pic-fg-muted);font-size:13px;cursor:pointer;font-family:var(--pic-font-ui);padding:5px 8px;border-radius:5px;transition:background .12s,color .12s}.pp-back-btn:hover{background:var(--pic-bg-soft);color:var(--pic-fg)}.pp-crumbs{display:flex;align-items:center;gap:8px;font-size:13px;padding-left:8px;border-left:1px solid var(--pic-border)}.pp-crumb{color:var(--pic-fg-subtle)}.pp-crumb-active{color:var(--pic-fg);font-weight:600}.pp-top-right{margin-left:auto}.pp-signout-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--pic-border);padding:6px 12px;border-radius:6px;color:var(--pic-fg);font-size:12.5px;cursor:pointer;font-family:var(--pic-font-ui);transition:background .12s}.pp-signout-btn:hover{background:var(--pic-bg-soft)}.pp-body{flex:1;min-height:0;display:grid;grid-template-columns:220px 1fr 280px;overflow:hidden}.pp-side-nav{padding:20px 12px;border-right:1px solid var(--pic-border);background:var(--pic-bg);overflow-y:auto;display:flex;flex-direction:column;gap:2px}.pp-side-head{padding:0 8px 10px}.pp-side-title{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--pic-fg-faint)}.pp-side-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:6px;font-size:13px;color:var(--pic-fg-muted);text-align:left;cursor:pointer;font-family:var(--pic-font-ui);transition:background .12s,color .12s}.pp-side-item:hover:not(:disabled){background:var(--pic-bg-soft);color:var(--pic-fg)}.pp-side-item--active{background:var(--pic-fg);color:#fff;font-weight:500}.pp-side-item--active:hover{background:var(--pic-fg)}.pp-side-item--muted{color:var(--pic-fg-faint);cursor:default}.pp-side-tag{font-size:9.5px;font-family:var(--pic-font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--pic-fg-faint);background:var(--pic-bg-soft);padding:1px 5px;border-radius:2px}.pp-main{padding:28px 32px 40px;overflow-y:auto;display:flex;flex-direction:column;gap:28px}.pp-identity{display:flex;align-items:center;gap:20px;padding:22px;background:var(--pic-bg-card);border:1px solid var(--pic-border);border-radius:10px}.pp-avatar-ring{position:relative;flex-shrink:0}.pp-avatar{width:72px;height:72px;border-radius:999px;background:var(--pic-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;letter-spacing:.04em}.pp-identity-text{flex:1;min-width:0}.pp-identity-name{margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em}.pp-identity-sub{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:12.5px;color:var(--pic-fg-muted);flex-wrap:wrap}.pp-identity-email{font-family:var(--pic-font-mono)}.pp-identity-dot{color:var(--pic-fg-faint)}.pp-identity-plan{color:var(--pic-accent-fg);background:var(--pic-accent-bg);padding:1px 7px;border-radius:3px;font-size:11px;font-weight:500}.pp-identity-stats{display:flex;gap:28px;padding-left:22px;border-left:1px solid var(--pic-border-soft);flex-shrink:0}.pp-istat{display:flex;flex-direction:column;gap:2px;min-width:56px}.pp-istat-value{font-size:18px;font-weight:600;font-family:var(--pic-font-mono);letter-spacing:-.01em}.pp-istat-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--pic-fg-faint)}.pp-section{display:flex;flex-direction:column;gap:14px}.pp-section-head{display:flex;flex-direction:column;gap:2px}.pp-section-title{margin:0;font-size:14px;font-weight:600;letter-spacing:-.005em}.pp-section-sub{margin:0;font-size:12px;color:var(--pic-fg-subtle)}.pp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pp-span2{grid-column:span 2}.pp-field{display:flex;flex-direction:column;gap:6px}.pp-field-label{font-size:11px;color:var(--pic-fg-muted);font-weight:500}.pp-field-input{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--pic-bg-card);border:1px solid var(--pic-border);border-radius:6px;min-height:38px}.pp-field-ro{background:var(--pic-bg-soft);border-color:var(--pic-border-soft)}.pp-field-editable{cursor:pointer;transition:border-color .12s}.pp-field-editable:hover{border-color:var(--pic-accent)}.pp-field-value{flex:1;font-size:13px;color:var(--pic-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-mono{font-family:var(--pic-font-mono)}.pp-field-edit-hint{font-size:10px;font-family:var(--pic-font-mono);color:var(--pic-fg-faint);flex-shrink:0}.pp-inline-edit{display:flex;align-items:center;gap:6px}.pp-inline-input{flex:1;padding:8px 12px;background:var(--pic-bg-soft);border:1px solid var(--pic-accent);border-radius:6px;font-size:13px;color:var(--pic-fg);font-family:var(--pic-font-ui);outline:none}.pp-inline-save{padding:7px 12px;background:var(--pic-fg);color:#fff;border:none;border-radius:5px;font-size:12px;cursor:pointer;font-family:var(--pic-font-ui);font-weight:500}.pp-inline-cancel{padding:7px 10px;background:transparent;border:1px solid var(--pic-border);border-radius:5px;font-size:12px;color:var(--pic-fg-muted);cursor:pointer;font-family:var(--pic-font-ui)}.pp-verified-tag{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-family:var(--pic-font-mono);color:var(--pic-success);background:#e2f9e2;padding:2px 6px;border-radius:2px;flex-shrink:0}.pp-field-cta{background:transparent;border:1px solid var(--pic-border);padding:4px 10px;border-radius:4px;font-size:11.5px;color:var(--pic-fg);cursor:pointer;font-family:var(--pic-font-ui);flex-shrink:0;transition:background .12s}.pp-field-cta:hover{background:var(--pic-bg-soft)}.pp-field-raw-input{flex:1;background:transparent;border:none;outline:none;font-size:13px;color:var(--pic-fg);font-family:var(--pic-font-ui)}.pp-field-raw-input::placeholder{color:var(--pic-fg-faint)}.pp-field-error{font-size:12px;color:var(--pic-danger);padding:4px 0}.pp-field-success{font-size:12px;color:var(--pic-success);padding:4px 0}.pp-unit-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pp-unit-btn{display:flex;flex-direction:column;align-items:flex-start;padding:10px 12px;background:var(--pic-bg-card);border:1px solid var(--pic-border);border-radius:6px;cursor:pointer;font-family:var(--pic-font-ui);gap:0;transition:border-color .12s,background .12s}.pp-unit-btn:hover{border-color:var(--pic-border);background:var(--pic-bg-soft)}.pp-unit-btn--active{background:var(--pic-fg);border-color:var(--pic-fg)}.pp-unit-label{font-size:14px;font-weight:600;font-family:var(--pic-font-mono);color:var(--pic-fg)}.pp-unit-btn--active .pp-unit-label{color:#fff}.pp-unit-cap{font-size:10px;color:var(--pic-fg-faint);margin-top:2px}.pp-unit-btn--active .pp-unit-cap{color:#fff9}.pp-toggle-stack{display:flex;flex-direction:column;background:var(--pic-bg-card);border:1px solid var(--pic-border);border-radius:6px;overflow:hidden}.pp-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-top:1px solid var(--pic-border-soft)}.pp-toggle-row:first-child{border-top:none}.pp-toggle-label{font-size:12.5px;color:var(--pic-fg)}.pp-toggle{width:30px;height:18px;background:var(--pic-bg-soft);border:1px solid var(--pic-border);border-radius:999px;position:relative;flex-shrink:0;cursor:pointer;padding:0;transition:background .15s,border-color .15s}.pp-toggle--on{background:var(--pic-accent);border-color:var(--pic-accent)}.pp-toggle-knob{position:absolute;top:1px;left:1px;width:14px;height:14px;background:#fff;border-radius:50%;transition:left .12s ease-out;box-shadow:0 1px 2px #00000026;display:block}.pp-toggle--on .pp-toggle-knob{left:13px}.pp-group-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pp-group-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--pic-bg-card);border:1px solid var(--pic-border);border-radius:8px;transition:border-color .12s}.pp-group-card:hover{border-color:var(--pic-border);background:var(--pic-bg-soft)}.pp-group-badge{width:36px;height:36px;border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.pp-group-body{flex:1;min-width:0}.pp-group-name{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-group-meta{font-size:11px;color:var(--pic-fg-subtle);margin-top:2px;font-family:var(--pic-font-mono)}.pp-group-open{width:28px;height:28px;padding:0;background:transparent;border:1px solid var(--pic-border);border-radius:5px;color:var(--pic-fg-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pp-group-new{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:6px;padding:14px;background:transparent;border:1px dashed var(--pic-border);border-radius:8px;font-size:12.5px;color:var(--pic-fg-subtle);cursor:pointer;font-family:var(--pic-font-ui);transition:background .12s,color .12s}.pp-group-new:hover{background:var(--pic-bg-soft);color:var(--pic-fg)}.pp-empty{grid-column:1 / -1;font-size:13px;color:var(--pic-fg-faint);font-style:italic;margin:0;padding:8px 0}.pp-side-right{padding:28px 24px;border-left:1px solid var(--pic-border);overflow-y:auto;display:flex;flex-direction:column;gap:14px;background:var(--pic-bg)}.pp-right-card{background:var(--pic-bg-card);border:1px solid var(--pic-border);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:10px}.pp-right-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--pic-fg-muted)}.pp-tips{margin:0;padding:0 0 0 16px;display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--pic-fg-muted);line-height:1.5}.pp-kbd{font-family:var(--pic-font-mono);font-size:10px;background:var(--pic-bg-soft);border:1px solid var(--pic-border);padding:1px 5px;border-radius:3px;color:var(--pic-fg)}.pp-code{font-family:var(--pic-font-mono);font-size:11px;color:var(--pic-accent-fg);background:var(--pic-accent-bg);padding:1px 4px;border-radius:3px}.gm-root{width:100%;height:100%;background:var(--pic-bg);font-family:var(--pic-font-ui);color:var(--pic-fg);display:flex;flex-direction:column;overflow:hidden;position:relative}.gm-topbar{height:56px;background:var(--pic-bg-card);border-bottom:1px solid var(--pic-border);display:flex;align-items:center;padding:0 24px;gap:18px;flex-shrink:0}.gm-back-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--pic-fg-muted);font-size:13px;cursor:pointer;font-family:var(--pic-font-ui);padding:5px 8px;border-radius:5px;transition:background .12s,color .12s}.gm-back-btn:hover{background:var(--pic-bg-soft);color:var(--pic-fg)}.gm-crumbs{display:flex;align-items:center;gap:8px;font-size:13px;padding-left:8px;border-left:1px solid var(--pic-border)}.gm-crumb{color:var(--pic-fg-subtle)}.gm-crumb-active{color:var(--pic-fg);font-weight:600}.gm-invite-top-btn{margin-left:auto;display:flex;align-items:center;gap:6px;background:var(--pic-fg);color:#fff;border:none;padding:7px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;font-family:var(--pic-font-ui)}.gm-body{flex:1;min-height:0;overflow-y:auto;padding:28px 36px 40px}.gm-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px;color:var(--pic-fg-muted);font-size:13px}.gm-spinner{width:18px;height:18px;border:2px solid var(--pic-border);border-top-color:var(--pic-accent);border-radius:50%;animation:gm-spin .7s linear infinite}@keyframes gm-spin{to{transform:rotate(360deg)}}.gm-content{display:flex;flex-direction:column;gap:24px}.gm-head-card{display:flex;align-items:center;gap:20px;padding:22px;background:var(--pic-bg-card);border:1px solid var(--pic-border);border-radius:10px}.gm-head-avatar{width:64px;height:64px;border-radius:12px;background:var(--pic-fg);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:600;letter-spacing:-.02em;flex-shrink:0}.gm-head-text{flex:1;min-width:0}.gm-head-title-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.gm-head-title{margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em}.gm-role-tag{font-size:11px;font-family:var(--pic-font-mono);color:var(--pic-accent-fg);background:var(--pic-accent-bg);padding:2px 7px;border-radius:3px;font-weight:500}.gm-head-dot{color:var(--pic-fg-faint)}.gm-head-handle{font-size:12px;font-family:var(--pic-font-mono);color:var(--pic-fg-faint)}.gm-head-desc{margin:6px 0 0;font-size:13px;color:var(--pic-fg-muted);line-height:1.5}.gm-head-stats{display:flex;gap:24px;padding-left:22px;border-left:1px solid var(--pic-border-soft);flex-shrink:0}.gm-stat{display:flex;flex-direction:column;gap:2px;min-width:56px}.gm-stat-value{font-size:18px;font-weight:600;font-family:var(--pic-font-mono);letter-spacing:-.01em}.gm-stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--pic-fg-faint)}.gm-grid{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}.gm-main{display:flex;flex-direction:column;gap:24px;min-width:0}.gm-side{display:flex;flex-direction:column;gap:14px}.gm-section{display:flex;flex-direction:column;gap:12px}.gm-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.gm-section-title{margin:0;font-size:15px;font-weight:600}.gm-section-sub{margin:3px 0 0;font-size:12px;color:var(--pic-fg-subtle)}.gm-section-tools{display:flex;gap:8px;align-items:center}.gm-search{display:flex;align-items:center;gap:6px;background:var(--pic-bg-card);border:1px solid var(--pic-border);padding:6px 10px;border-radius:6px;width:200px;color:var(--pic-fg-faint)}.gm-search-input{flex:1;background:transparent;border:none;outline:none;font-size:12px;color:var(--pic-fg);font-family:var(--pic-font-ui)}.gm-search-input::placeholder{color:var(--pic-fg-faint)}.gm-role-filter{display:flex;gap:1px;background:var(--pic-bg-soft);border:1px solid var(--pic-border);border-radius:6px;padding:2px}.gm-rf-item{padding:4px 9px;font-size:11.5px;color:var(--pic-fg-subtle);border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}.gm-rf-active{background:var(--pic-bg-card);color:var(--pic-fg);font-weight:500;box-shadow:0 1px 0 var(--pic-border-soft)}.gm-table{background:var(--pic-bg-card);border:1px solid var(--pic-border);border-radius:8px;overflow:hidden}.gm-table-head{display:grid;grid-template-columns:minmax(180px,2fr) 100px minmax(200px,1.4fr) 90px 40px;gap:12px;padding:10px 18px;background:var(--pic-bg-soft);border-bottom:1px solid var(--pic-border)}.gm-th{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--pic-fg-muted)}.gm-row{display:grid;grid-template-columns:minmax(180px,2fr) 100px minmax(200px,1.4fr) 90px 40px;gap:12px;padding:12px 18px;align-items:center;border-top:1px solid var(--pic-border-soft);transition:background .1s}.gm-row:hover{background:var(--pic-bg-soft)}.gm-row--you,.gm-row--you:hover{background:var(--pic-accent-bg)}.gm-member-cell{display:flex;align-items:center;gap:10px;min-width:0}.gm-member-avatar{width:32px;height:32px;border-radius:999px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0;letter-spacing:.02em}.gm-member-text{min-width:0}.gm-member-name{font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gm-you-tag{font-size:9.5px;font-family:var(--pic-font-mono);color:var(--pic-accent-fg);background:var(--pic-bg-card);padding:1px 5px;border-radius:2px;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--pic-accent-bg);flex-shrink:0}.gm-member-email{font-size:11.5px;font-family:var(--pic-font-mono);color:var(--pic-fg-subtle);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gm-role-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:3px;font-size:11.5px;font-weight:500;white-space:nowrap}.gm-perm-row{display:flex;gap:4px;flex-wrap:wrap}.gm-perm-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:3px;font-size:10.5px}.gm-perm-chip--on{background:var(--pic-accent-bg);color:var(--pic-accent-fg)}.gm-perm-chip--off{background:var(--pic-bg-soft);color:var(--pic-fg-faint);text-decoration:line-through}.gm-perm-key{font-family:var(--pic-font-mono);font-size:10px;opacity:.7}.gm-perm-label{letter-spacing:.01em}.gm-last-active{font-size:11.5px;font-family:var(--pic-font-mono);color:var(--pic-fg-subtle)}.gm-row-more{width:28px;height:28px;padding:0;background:transparent;border:1px solid transparent;border-radius:5px;color:var(--pic-fg-faint);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s,border-color .1s}.gm-row-more:hover{background:var(--pic-bg-soft);border-color:var(--pic-border-soft)}.gm-invites-list{display:flex;flex-direction:column;background:var(--pic-bg-card);border:1px solid var(--pic-border);border-radius:8px;overflow:hidden}.gm-invite-row{display:flex;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid var(--pic-border-soft)}.gm-invite-row:first-child{border-top:none}.gm-invite-icon{width:32px;height:32px;background:var(--pic-bg-soft);border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--pic-fg-muted);flex-shrink:0}.gm-invite-text{flex:1;min-width:0}.gm-invite-email{font-size:13px;font-weight:500;font-family:var(--pic-font-mono)}.gm-invite-meta{font-size:11.5px;color:var(--pic-fg-subtle);margin-top:2px}.gm-invite-role{color:var(--pic-fg);font-weight:600}.gm-danger{background:var(--pic-bg-card);border:1px solid var(--pic-border);border-radius:8px;overflow:hidden}.gm-danger-summary{list-style:none;display:flex;align-items:center;gap:10px;padding:14px 18px;cursor:pointer;font-size:13px;font-weight:500;color:var(--pic-danger);-webkit-user-select:none;user-select:none}.gm-danger-summary::-webkit-details-marker{display:none}.gm-danger-hint{font-size:11px;color:var(--pic-fg-faint);font-family:var(--pic-font-mono);font-weight:400}.gm-danger-body{display:flex;flex-direction:column;border-top:1px solid var(--pic-border-soft)}.gm-danger-action{display:flex;align-items:center;gap:14px;padding:14px 18px;border-top:1px solid var(--pic-border-soft)}.gm-danger-action:first-child{border-top:none}.gm-danger-action-title{font-size:13px;font-weight:600}.gm-danger-action-desc{font-size:12px;color:var(--pic-fg-muted);margin-top:2px}.gm-legend{padding:16px;background:var(--pic-bg-card);border:1px solid var(--pic-border);border-radius:8px}.gm-legend-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--pic-fg-muted);margin-bottom:10px}.gm-legend-table{display:grid;grid-template-columns:1fr 36px 36px 36px;gap:6px 8px;align-items:center}.gm-legend-col{font-size:10px;font-family:var(--pic-font-mono);color:var(--pic-fg-faint);text-align:center;text-transform:uppercase;letter-spacing:.06em}.gm-legend-row-head{font-size:11.5px;color:var(--pic-fg)}.gm-legend-cell{font-size:11.5px;text-align:center;font-family:var(--pic-font-mono);padding:2px 0;border-radius:3px}.gm-cell-on{color:var(--pic-accent-fg);background:var(--pic-accent-bg)}.gm-cell-partial{color:var(--pic-warn);background:#fff3e4;background:oklch(.97 .04 75)}.gm-cell-off{color:var(--pic-fg-faint)}.gm-legend-foot{margin-top:10px;font-size:10.5px;color:var(--pic-fg-faint);line-height:1.4}.gm-audit{padding:16px;background:var(--pic-bg-card);border:1px solid var(--pic-border);border-radius:8px}.gm-audit-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--pic-fg-muted);margin-bottom:10px}.gm-audit-list{display:flex;flex-direction:column}.gm-audit-empty{font-size:12px;color:var(--pic-fg-faint);font-style:italic;margin:0}.gm-audit-row{display:grid;grid-template-columns:80px 1fr;gap:10px;padding:8px 0;border-top:1px solid var(--pic-border-soft)}.gm-audit-row:first-child{border-top:none}.gm-audit-time{font-size:11px;font-family:var(--pic-font-mono);color:var(--pic-fg-faint)}.gm-audit-text{font-size:12px;color:var(--pic-fg)}.gm-audit-from{font-size:11px;color:var(--pic-fg-faint);margin-top:1px;font-family:var(--pic-font-mono)}.gm-member-menu{background:var(--pic-bg-card);border:1px solid var(--pic-border);border-radius:7px;box-shadow:0 8px 24px -4px #00000026;z-index:9999;min-width:180px;overflow:hidden}.gm-mm-item{padding:9px 14px;font-size:13px;color:var(--pic-fg);cursor:pointer;border-top:1px solid var(--pic-border-soft);transition:background .1s}.gm-mm-item:first-child{border-top:none}.gm-mm-item:hover{background:var(--pic-bg-soft)}.gm-modal-scrim{position:absolute;inset:0;background:#1c191759;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:flex-end;padding:60px 40px;z-index:1000}.gm-modal{width:460px;max-height:calc(100% - 80px);background:var(--pic-bg-card);border:1px solid var(--pic-border);border-radius:12px;box-shadow:0 30px 80px -20px #00000073;display:flex;flex-direction:column;overflow:hidden}.gm-modal-head{display:flex;align-items:center;padding:14px 18px;border-bottom:1px solid var(--pic-border-soft)}.gm-modal-title{margin:0;font-size:14px;font-weight:600}.gm-modal-close{margin-left:auto;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:6px;font-size:20px;color:var(--pic-fg-subtle);cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center}.gm-modal-close:hover{background:var(--pic-bg-soft)}.gm-modal-body{padding:18px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.gm-modal-field{display:flex;flex-direction:column;gap:6px}.gm-modal-label{font-size:11px;color:var(--pic-fg-muted);font-weight:500;display:flex;justify-content:space-between;align-items:center}.gm-modal-optional{font-size:10px;font-family:var(--pic-font-mono);color:var(--pic-fg-faint);text-transform:uppercase;letter-spacing:.06em}.gm-modal-input{padding:9px 12px;background:var(--pic-bg-soft);border:1px solid var(--pic-border);border-radius:6px;font-size:13px;color:var(--pic-fg);font-family:var(--pic-font-ui);outline:none;width:100%;box-sizing:border-box;transition:border-color .12s}.gm-modal-input:focus{border-color:var(--pic-accent)}.gm-modal-textarea{resize:vertical;min-height:64px}.gm-role-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gm-role-card{padding:12px;background:var(--pic-bg-card);border:1px solid var(--pic-border);border-radius:6px;cursor:pointer;transition:border-color .12s,box-shadow .12s}.gm-role-card--active{border-color:var(--pic-accent);box-shadow:0 0 0 1px var(--pic-accent)}.gm-role-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.gm-role-card-name{font-size:13px;font-weight:600}.gm-role-card-desc{font-size:11.5px;color:var(--pic-fg-subtle)}.gm-radio-dot{width:14px;height:14px;border-radius:999px;border:1px solid var(--pic-border);background:var(--pic-bg-card);flex-shrink:0;transition:border-color .12s,border-width .12s}.gm-radio-dot--active{border:4px solid var(--pic-accent)}.gm-invite-error{padding:8px 12px;background:#fff0ee;background:oklch(.97 .04 25);border:1px solid oklch(.88 .07 25);border-radius:5px;font-size:12px;color:var(--pic-danger)}.gm-modal-foot{display:flex;align-items:center;padding:12px 18px;border-top:1px solid var(--pic-border-soft);background:var(--pic-bg);gap:12px}.gm-modal-hint{font-size:11px;color:var(--pic-fg-subtle);flex:1}.gm-modal-foot-btns{display:flex;gap:8px}.gm-btn-primary{display:inline-flex;align-items:center;gap:6px;background:var(--pic-fg);color:#fff;border:none;padding:7px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;font-family:var(--pic-font-ui);transition:opacity .12s}.gm-btn-primary:hover{opacity:.88}.gm-btn-ghost{display:inline-flex;align-items:center;gap:6px;background:var(--pic-bg-card);border:1px solid var(--pic-border);padding:6px 12px;border-radius:6px;font-size:12px;color:var(--pic-fg);cursor:pointer;font-family:var(--pic-font-ui);transition:background .12s}.gm-btn-ghost:hover{background:var(--pic-bg-soft)}.gm-btn-sm{padding:5px 10px;font-size:11.5px}.gm-btn-danger-ghost{margin-left:auto;display:inline-flex;align-items:center;gap:6px;background:var(--pic-bg-card);border:1px solid var(--pic-border);padding:6px 14px;border-radius:6px;font-size:12.5px;color:var(--pic-danger);cursor:pointer;font-family:var(--pic-font-ui);transition:background .12s}.gm-btn-danger-ghost:hover{background:var(--pic-bg-soft)}.gm-btn-danger{margin-left:auto;display:inline-flex;align-items:center;gap:6px;background:var(--pic-danger);border:none;padding:7px 14px;border-radius:6px;font-size:12.5px;color:#fff;cursor:pointer;font-family:var(--pic-font-ui);font-weight:500;transition:opacity .12s}.gm-btn-danger:hover{opacity:.88}.sh-overlay{position:fixed;inset:0;background:#0000008c;z-index:9999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sh-overlay.sh-hidden{display:none}.sh-modal{background:var(--color-surface, #fff);border:1px solid var(--color-border, #e0e0e0);border-radius:10px;box-shadow:0 8px 32px #00000038;width:min(860px,92vw);max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.sh-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--color-border, #e0e0e0);flex-shrink:0}.sh-title{font-size:15px;font-weight:600;margin:0;color:var(--color-text, #1a1a1a)}.sh-close{background:none;border:none;cursor:pointer;font-size:16px;color:var(--color-text-muted, #666);padding:2px 6px;border-radius:4px;line-height:1}.sh-close:hover{background:var(--color-hover, #f0f0f0);color:var(--color-text, #1a1a1a)}.sh-body{overflow-y:auto;padding:16px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px 24px;align-items:start}.sh-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted, #888);margin:0 0 8px}.sh-table{width:100%;border-collapse:collapse}.sh-table tr+tr td{padding-top:4px}.sh-key{white-space:nowrap;padding-right:10px;vertical-align:top}.sh-desc{font-size:12px;color:var(--color-text, #333);vertical-align:top;line-height:1.6}.sh-plus{font-size:10px;color:var(--color-text-muted, #888);margin:0 1px}kbd{display:inline-block;padding:1px 5px;font-size:11px;font-family:inherit;font-weight:500;line-height:1.6;color:var(--color-text, #333);background:var(--color-surface-raised, #f5f5f5);border:1px solid var(--color-border, #d0d0d0);border-bottom-width:2px;border-radius:3px;white-space:nowrap}.rp-root{width:100%;height:100%;background:var(--pic-bg);font-family:var(--pic-font-ui);color:var(--pic-fg);display:flex;flex-direction:column;overflow:hidden}.rp-topbar{height:56px;background:var(--pic-bg-card);border-bottom:1px solid var(--pic-border);display:flex;align-items:center;padding:0 24px;gap:18px;flex-shrink:0}.rp-back-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--pic-fg-muted);font-size:13px;cursor:pointer;font-family:var(--pic-font-ui);padding:5px 8px;border-radius:5px;transition:background .12s,color .12s}.rp-back-btn:hover{background:var(--pic-bg-soft);color:var(--pic-fg)}.rp-crumbs{display:flex;align-items:center;gap:8px;font-size:13px;padding-left:8px;border-left:1px solid var(--pic-border)}.rp-crumb{color:var(--pic-fg-subtle)}.rp-crumb-active{color:var(--pic-fg);font-weight:600}.rp-top-stats{margin-left:auto;font-size:12px;font-family:var(--pic-font-mono);color:var(--pic-fg-muted)}.rp-body{flex:1;min-height:0;padding:24px 32px 32px;display:flex;flex-direction:column;gap:18px;overflow:hidden}.rp-page-head{display:flex;align-items:flex-start;gap:24px;flex-shrink:0}.rp-page-title{margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em}.rp-page-sub{margin:6px 0 0;font-size:12.5px;color:var(--pic-fg-muted);max-width:640px;line-height:1.5}.rp-code-chip{font-family:var(--pic-font-mono);font-size:11.5px;color:var(--pic-accent-fg);background:var(--pic-accent-bg);padding:1px 5px;border-radius:3px}.rp-page-actions{margin-left:auto}.rp-split{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1.1fr;gap:18px}.rp-list-pane{display:flex;flex-direction:column;background:var(--pic-bg-card);border:1px solid var(--pic-border);border-radius:10px;overflow:hidden;min-height:0}.rp-list-toolbar{padding:12px 14px;border-bottom:1px solid var(--pic-border-soft);display:flex;flex-direction:column;gap:10px;flex-shrink:0}.rp-search{display:flex;align-items:center;gap:6px;background:var(--pic-bg-soft);border:1px solid var(--pic-border-soft);padding:6px 10px;border-radius:6px;color:var(--pic-fg-faint)}.rp-search-input{flex:1;background:transparent;border:none;outline:none;font-size:12px;color:var(--pic-fg);font-family:var(--pic-font-ui)}.rp-search-input::placeholder{color:var(--pic-fg-faint)}.rp-type-filter{display:flex;flex-wrap:wrap;gap:4px}.rp-tf-item{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;font-size:11.5px;color:var(--pic-fg-subtle);border-radius:4px;background:var(--pic-bg-soft);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s,color .1s}.rp-tf-item:hover{background:var(--pic-border-soft)}.rp-tf-active{background:var(--pic-fg)!important;color:#fff!important;font-weight:500}.rp-tf-count{font-family:var(--pic-font-mono);font-size:10px;opacity:.65}.rp-list-scroll{flex:1;min-height:0;overflow-y:auto;padding:8px 0 12px}.rp-empty{padding:28px 18px;font-size:12.5px;color:var(--pic-fg-faint);font-style:italic;text-align:center;margin:0}.rp-ref-group{display:flex;flex-direction:column}.rp-ref-group-head{padding:10px 18px 4px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--pic-fg-faint);font-weight:600;font-family:var(--pic-font-mono)}.rp-ref-row{display:flex;align-items:center;gap:12px;padding:10px 18px;cursor:pointer;border-top:1px solid var(--pic-border-soft);transition:background .1s}.rp-ref-row:hover{background:var(--pic-bg-soft)}.rp-ref-row--sel,.rp-ref-row--sel:hover{background:var(--pic-accent-bg)}.rp-type-badge{width:26px;height:26px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rp-ref-body{flex:1;min-width:0}.rp-ref-key-line{display:flex;align-items:center;gap:8px;min-width:0}.rp-ref-key{font-family:var(--pic-font-mono);font-size:12px;color:var(--pic-accent-fg);background:var(--pic-accent-bg);padding:2px 6px;border-radius:3px;font-weight:500;white-space:nowrap}.rp-ref-sample{font-family:var(--pic-font-mono);font-size:11px;color:var(--pic-fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.rp-ref-desc{font-size:11px;color:var(--pic-fg-subtle);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp-ref-usage{flex-shrink:0}.rp-ref-usage-label{font-size:10px;font-family:var(--pic-font-mono);color:var(--pic-fg-faint);text-transform:uppercase;letter-spacing:.06em}.rp-detail-pane{background:var(--pic-bg-card);border:1px solid var(--pic-border);border-radius:10px;display:flex;flex-direction:column;min-height:0;overflow-y:auto}.rp-detail-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--pic-fg-faint);font-size:13px;font-style:italic;padding:40px;text-align:center}.rp-detail-inner{display:flex;flex-direction:column;gap:18px;padding:22px}.rp-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.rp-detail-eyebrow{display:flex;align-items:center;gap:8px}.rp-detail-eyebrow-text{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--pic-fg-muted);font-weight:600}.rp-detail-title{margin:6px 0 0;font-size:22px;font-weight:600}.rp-detail-key{font-family:var(--pic-font-mono);font-size:22px;color:var(--pic-accent-fg);font-weight:500}.rp-detail-key-new{color:var(--pic-fg-subtle);font-size:22px}.rp-detail-head-actions{display:flex;gap:6px;flex-shrink:0}.rp-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rp-span2{grid-column:span 2}.rp-detail-field{display:flex;flex-direction:column;gap:5px}.rp-detail-label{font-size:11px;color:var(--pic-fg-muted);font-weight:500;display:flex;align-items:center;gap:4px}.rp-required{color:var(--pic-danger);font-size:10px}.rp-detail-input-wrap{display:flex;flex-direction:column;gap:4px}.rp-detail-input{padding:9px 12px;background:var(--pic-bg-soft);border:1px solid var(--pic-border);border-radius:6px;font-size:13px;color:var(--pic-fg);font-family:var(--pic-font-ui);outline:none;transition:border-color .12s}.rp-detail-input:focus{border-color:var(--pic-accent)}.rp-detail-input.rp-mono{font-family:var(--pic-font-mono)}.rp-detail-hint{font-size:10.5px;color:var(--pic-fg-faint);display:flex;flex-wrap:wrap;gap:4px}.rp-type-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.rp-type-btn{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--pic-bg-card);border:1px solid var(--pic-border);border-radius:6px;cursor:pointer;font-family:var(--pic-font-ui);text-align:left;transition:border-color .12s,box-shadow .12s}.rp-type-btn:hover{border-color:var(--pic-border);background:var(--pic-bg-soft)}.rp-type-btn--active{border-color:var(--pic-accent);box-shadow:0 0 0 1px var(--pic-accent);background:var(--pic-bg-card)}.rp-type-btn-label{font-size:12px;font-weight:600;color:var(--pic-fg)}.rp-type-btn-desc{font-size:10.5px;color:var(--pic-fg-subtle);margin-top:1px}.rp-preview-card{background:var(--pic-bg-soft);border:1px solid var(--pic-border-soft);border-radius:8px;padding:14px}.rp-preview-head{margin-bottom:10px}.rp-preview-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--pic-fg-muted)}.rp-preview-body{display:flex;align-items:center;gap:12px}.rp-preview-token{display:flex;flex-direction:column;gap:5px;flex:1}.rp-preview-line{font-size:10px;color:var(--pic-fg-faint);text-transform:uppercase;letter-spacing:.08em}.rp-preview-template{padding:8px 10px;background:var(--pic-bg-card);border:1px solid var(--pic-border);border-radius:5px;font-size:13px;color:var(--pic-fg);min-height:36px;display:flex;align-items:center}.rp-preview-render{padding:8px 10px;background:var(--pic-bg-card);border:1px solid var(--pic-accent);border-radius:5px;font-size:13px;font-weight:500;color:var(--pic-fg);min-height:36px;display:flex;align-items:center}.rp-preview-token-inline{font-family:var(--pic-font-mono);font-size:12px;color:var(--pic-accent-fg);background:var(--pic-accent-bg);padding:1px 5px;border-radius:3px}.rp-detail-footer{display:flex;justify-content:flex-end;gap:8px;padding-top:4px;border-top:1px solid var(--pic-border-soft);margin-top:4px}.rp-btn-primary{display:inline-flex;align-items:center;gap:6px;background:var(--pic-fg);color:#fff;border:none;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;font-family:var(--pic-font-ui);transition:opacity .12s}.rp-btn-primary:hover{opacity:.88}.rp-btn-ghost{display:inline-flex;align-items:center;gap:6px;background:var(--pic-bg-card);border:1px solid var(--pic-border);padding:7px 12px;border-radius:6px;font-size:12.5px;color:var(--pic-fg);cursor:pointer;font-family:var(--pic-font-ui);transition:background .12s}.rp-btn-ghost:hover{background:var(--pic-bg-soft)}.rp-btn-danger-ghost{display:inline-flex;align-items:center;gap:6px;background:var(--pic-bg-card);border:1px solid var(--pic-border);padding:7px 12px;border-radius:6px;font-size:12.5px;color:var(--pic-danger);cursor:pointer;font-family:var(--pic-font-ui);transition:background .12s}.rp-btn-danger-ghost:hover{background:var(--pic-bg-soft)}.rp-btn-sm{padding:5px 10px;font-size:12px}