.sel-tool-wrapper{flex-direction:column;gap:24px;max-width:900px;margin:0 auto;padding:0 16px;display:flex}.sel-left-column{order:2}.sel-right-column{order:1}@media (width>=768px){.sel-tool-wrapper{grid-template-columns:360px 1fr;align-items:start;gap:24px;display:grid}.sel-left-column{order:unset}.sel-right-column{order:unset;position:sticky;top:24px}}.sel-controls{background:var(--swp-surface,#fff);border:1px solid var(--swp-border,#e2e8f0);border-radius:var(--r-card,8px);flex-direction:column;gap:20px;padding:20px;display:flex}.sel-input{border:2px solid var(--swp-border,#e2e8f0);border-radius:var(--r-md,6px);background:var(--swp-surface,#fff);width:100%;color:var(--swp-ink,#1e293b);box-sizing:border-box;padding:10px 14px;font-family:monospace;font-size:1rem;transition:border-color .15s}.sel-input:focus{border-color:var(--color-primary,#0d9488);outline:none}.sel-input--error{border-color:#ef4444}.sel-error-msg{color:#ef4444;margin:4px 0 0;font-size:.82rem}.sel-match-badge{background:var(--color-primary,#0d9488);color:#fff;border-radius:999px;align-items:center;margin-top:6px;padding:2px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.sel-match-badge--zero{background:var(--swp-border,#e2e8f0);color:var(--swp-ink-2,#64748b)}.sel-chip-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.sel-chip-list::-webkit-scrollbar{display:none}@media (width>=768px){.sel-chip-list{flex-wrap:wrap;overflow-x:visible}}.sel-chip{border:1.5px solid var(--swp-border,#e2e8f0);border-radius:var(--r-md,6px);background:var(--swp-surface,#fff);cursor:pointer;flex-direction:column;flex-shrink:0;align-items:flex-start;min-height:44px;padding:6px 10px;transition:border-color .15s,background .15s;display:inline-flex}.sel-chip:hover{border-color:var(--color-primary,#0d9488)}.sel-chip--active{background:var(--color-primary,#0d9488);border-color:var(--color-primary,#0d9488)}.sel-chip--active .sel-chip-label,.sel-chip--active .sel-chip-desc{color:#fff}.sel-chip-label{color:var(--swp-ink,#1e293b);font-family:monospace;font-size:.8rem;font-weight:700}.sel-chip-desc{color:var(--swp-ink-2,#64748b);margin-top:2px;font-size:.7rem}.sel-specificity-boxes{gap:6px;margin-top:6px;display:flex}.sel-specificity-box{border:1.5px solid;border-radius:6px;flex-direction:column;flex:1;align-items:center;padding:8px 4px;display:flex}.sel-specificity-box--a{background:#eff6ff;border-color:#3b82f6}.sel-specificity-box--b{background:#f0fdf4;border-color:#10b981}.sel-specificity-box--c{background:#f8fafc;border-color:#94a3b8}.sel-specificity-value{font-size:1.4rem;font-weight:800;line-height:1}.sel-specificity-label{color:var(--swp-ink-2,#64748b);margin-top:4px;font-size:.68rem}.sel-preview-area{border-radius:var(--r-card,8px);background:#0f172a;min-height:240px;padding:16px;font-family:monospace;font-size:.82rem;overflow:auto}.sel-hidden-container{display:none}.sel-tree-node{color:#94a3b8;border-radius:4px;padding:3px 6px;line-height:1.6;transition:background .1s}.sel-tree-node--highlighted{color:#fff;background:#0d948840;border:1.5px solid #0d9488;border-radius:4px}.sel-tag{color:#7dd3fc}.sel-attr-key{color:#86efac}.sel-attr-value{color:#fde68a}.sel-text-content{color:#e2e8f0}.sel-matched-list{background:var(--swp-surface,#fff);border:1px solid var(--swp-border,#e2e8f0);border-radius:var(--r-card,8px);padding:16px}.sel-matched-item{border-left:3px solid var(--color-primary,#0d9488);background:var(--swp-surface-2,#f8fafc);word-break:break-all;border-radius:0 4px 4px 0;margin-bottom:6px;padding:8px 12px;font-family:monospace;font-size:.82rem}.sel-matched-empty{color:var(--swp-ink-2,#64748b);padding:8px 0;font-size:.85rem}.sel-copy-btn{border:2px solid var(--color-primary,#0d9488);border-radius:var(--r-md,6px);min-height:44px;color:var(--color-primary,#0d9488);cursor:pointer;background:0 0;padding:8px 16px;font-size:.85rem;font-weight:700;transition:background .15s,color .15s}.sel-copy-btn--copied{background:var(--color-primary,#0d9488);color:#fff}.sel-reset-btn{border:1px solid var(--swp-border,#e2e8f0);border-radius:var(--r-md,6px);background:var(--swp-surface,#fff);min-height:44px;color:var(--swp-ink-2,#64748b);cursor:pointer;margin-left:8px;padding:8px 16px;font-size:.82rem}.sel-section{max-width:900px;margin:0 auto;padding:0 16px}.sel-section-title{color:var(--swp-ink,#1e293b);border-bottom:2px solid var(--color-primary,#0d9488);margin:0 0 16px;padding-bottom:8px;font-size:1.25rem;font-weight:700}.sel-announcer{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}