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