:root{--accent:#3b82f6;--accent-hover:#2563eb;--accent-soft:rgba(59,130,246,.08);--accent-border:rgba(59,130,246,.25);--bg:#fff;--bg-subtle:#fafafa;--bg-grid:#f4f4f5;--surface:#fff;--surface-2:#f9fafb;--border:#e5e7eb;--border-strong:#d4d4d8;--text:#0a0a0a;--text-muted:#525252;--text-faint:#a1a1aa;--danger:#dc2626;--success:#16a34a;--grid-dot:rgba(0,0,0,.06);--pad-xs:8px;--pad-sm:12px;--pad-md:16px;--pad-lg:24px;--pad-xl:40px;--fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-lg:15px;--fs-xl:22px;--fs-2xl:32px;--fs-3xl:48px;--line:1.5;--radius:4px;--radius-lg:8px;--font-sans:"Geist","Pretendard",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","IBM Plex Mono","SF Mono",Menlo,monospace}[data-theme=dark]{--bg:#0a0a0a;--bg-subtle:#111;--bg-grid:#0e0e0e;--surface:#131313;--surface-2:#1a1a1a;--border:#262626;--border-strong:#3f3f46;--text:#fafafa;--text-muted:#a1a1aa;--text-faint:#52525b;--grid-dot:hsla(0,0%,100%,.05);--accent-soft:rgba(59,130,246,.15);--accent-border:rgba(59,130,246,.35)}[data-density=compact]{--pad-xs:6px;--pad-sm:8px;--pad-md:12px;--pad-lg:18px;--pad-xl:28px;--fs-xs:10px;--fs-sm:11px;--fs-md:12px;--fs-lg:14px;--fs-xl:20px;--fs-2xl:28px;--fs-3xl:40px}[data-density=spacious]{--pad-xs:10px;--pad-sm:14px;--pad-md:20px;--pad-lg:32px;--pad-xl:56px;--fs-md:14px;--fs-lg:16px;--fs-xl:24px;--fs-2xl:40px;--fs-3xl:64px}*{box-sizing:border-box}body,html{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--line);margin:0;padding:0;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11"}body{background-attachment:fixed;background-image:radial-gradient(ellipse 80% 50% at 50% -10%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 60%)!important;background-repeat:no-repeat;min-height:100vh}[data-theme=dark] body{background-image:radial-gradient(ellipse 80% 50% at 50% -10%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%)!important}button{cursor:pointer;font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}::-moz-selection{background:var(--accent);color:#fff}::selection{background:var(--accent);color:#fff}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);background:color-mix(in srgb,var(--bg) 85%,transparent);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.app-header-inner{gap:var(--pad-lg);justify-content:space-between;padding:var(--pad-md) var(--pad-xl)}.app-header-inner,.brand{align-items:center;display:flex}.brand{cursor:pointer;gap:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.brand-mark{background:var(--text);color:var(--bg);display:grid;font-size:11px;font-weight:700;height:24px;letter-spacing:-.5px;place-items:center;width:24px}.brand-mark,.brand-name{font-family:var(--font-mono)}.brand-name{font-size:var(--fs-md);font-weight:500;letter-spacing:-.01em}.brand-divider{background:var(--border);height:16px;width:1px}.brand-tag{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase}.header-actions{align-items:center;display:flex;gap:var(--pad-sm)}.icon-btn{background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);display:grid;height:32px;place-items:center;transition:all .15s;width:32px}.icon-btn:hover{background:var(--surface-2);border-color:var(--text)}.tab-bar{background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:57px;z-index:40}.tab-bar-inner{display:flex;overflow-x:auto;padding:0 var(--pad-xl);scrollbar-width:none}.tab-bar-inner::-webkit-scrollbar{display:none}.tab{align-items:center;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);display:flex;flex-shrink:0;font-family:var(--font-mono);font-size:var(--fs-sm);gap:8px;margin-bottom:-1px;padding:14px 20px;position:relative;transition:all .15s;white-space:nowrap}.tab:hover{color:var(--text)}.tab[data-active=true]{border-bottom-color:var(--accent);color:var(--text)}.tab .tab-num{color:var(--text-faint);font-size:10px;font-variant-numeric:tabular-nums}.tab[data-active=true] .tab-num{color:var(--accent)}.main{flex:1;margin:0 auto;max-width:1600px;padding:var(--pad-xl);transition:max-width .2s;width:100%}.main[data-width=full]{max-width:none}.page-header{align-items:flex-end;border-bottom:1px solid var(--border);display:flex;gap:var(--pad-lg);justify-content:space-between;margin-bottom:var(--pad-xl);padding-bottom:var(--pad-lg)}.page-header-text{max-width:720px}.page-eyebrow{align-items:center;color:var(--text-muted);display:flex;font-family:var(--font-mono);font-size:var(--fs-xs);gap:8px;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.page-eyebrow .crumb-sep{color:var(--text-faint)}.page-eyebrow a{cursor:pointer}.page-eyebrow a:hover{color:var(--text)}.page-title{font-size:var(--fs-2xl);font-weight:500;letter-spacing:-.025em;line-height:1.1;margin:0 0 8px}.page-desc{color:var(--text-muted);font-size:var(--fs-md);margin:0;max-width:60ch;text-wrap:pretty}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column}.card-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:var(--pad-md);justify-content:space-between;min-height:52px;padding:var(--pad-md) var(--pad-md)}.card-title{font-size:var(--fs-md);font-weight:500;letter-spacing:-.01em;margin:0}.card-sub{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-xs);margin:2px 0 0}.card-body{flex:1;padding:var(--pad-md)}.card-footer{border-top:1px solid var(--border);color:var(--text-muted);display:flex;font-size:var(--fs-xs);gap:var(--pad-md);justify-content:space-between;padding:10px var(--pad-md)}.btn,.card-footer{align-items:center;font-family:var(--font-mono)}.btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;display:inline-flex;font-size:var(--fs-sm);gap:6px;line-height:1.4;padding:6px 12px;transition:all .12s;white-space:nowrap}.btn:hover{border-color:var(--text)}.btn:disabled{cursor:not-allowed;opacity:.4}.btn[data-size=xs]{font-size:var(--fs-xs);padding:4px 8px}.btn[data-size=lg]{font-size:var(--fs-md);padding:10px 18px}.btn[data-variant=solid]{background:var(--accent);border-color:var(--accent);color:#fff}.btn[data-variant=solid]:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn[data-variant=ghost]{background:transparent;border-color:transparent;color:var(--text-muted)}.btn[data-variant=ghost]:hover{background:var(--surface-2);color:var(--text)}.btn[data-variant=soft]{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.btn[data-variant=soft]:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.btn[data-variant=danger-ghost]{background:transparent;border-color:transparent;color:var(--danger)}.btn[data-variant=danger-ghost]:hover{background:color-mix(in srgb,var(--danger) 10%,transparent)}.btn-group{border:1px solid var(--border);border-radius:var(--radius);display:inline-flex;overflow:hidden}.btn-group .btn{border:none;border-radius:0;border-right:1px solid var(--border)}.btn-group .btn:last-child{border-right:none}.btn-group .btn[data-active=true]{background:var(--text);color:var(--bg)}.input,.textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-mono);font-size:var(--fs-sm);line-height:1.55;outline:none;padding:10px 12px;resize:vertical;transition:border-color .12s;width:100%}.input:focus,.textarea:focus{border-color:var(--text)}.textarea[readonly]{background:var(--surface-2);color:var(--text-muted)}.input{font-family:var(--font-sans);padding:8px 12px}.checkbox{align-items:center;color:var(--text);cursor:pointer;display:inline-flex;font-family:var(--font-mono);font-size:var(--fs-xs);gap:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg);border:1px solid var(--border-strong);border-radius:2px;cursor:pointer;height:14px;margin:0;position:relative;width:14px}.checkbox input:checked{background:var(--text);border-color:var(--text)}.checkbox input:checked:after{border:solid var(--bg);border-width:0 1.5px 1.5px 0;content:"";height:8px;left:3px;position:absolute;top:0;transform:rotate(45deg);width:4px}.badge{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);display:inline-flex;font-family:var(--font-mono);font-size:var(--fs-xs);gap:4px;padding:2px 8px;white-space:nowrap}.badge[data-tone=accent]{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.badge[data-tone=danger]{background:color-mix(in srgb,var(--danger) 8%,transparent);border-color:color-mix(in srgb,var(--danger) 30%,transparent);color:var(--danger)}.badge[data-tone=solid]{background:var(--text);border-color:var(--text);color:var(--bg)}.home-hero{border-bottom:1px solid var(--border);margin-bottom:var(--pad-xl);padding:var(--pad-xl) 0 var(--pad-lg)}.home-hero-grid{align-items:center;display:grid;gap:var(--pad-xl);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media(max-width:960px){.home-hero-grid{grid-template-columns:1fr}.home-hero-aside{display:none}}.home-hero h1{font-size:var(--fs-3xl);font-weight:500;letter-spacing:-.035em;line-height:.98;margin:0 0 var(--pad-md);max-width:16ch;text-wrap:balance}.home-hero .home-meta{color:var(--text-muted);display:flex;font-family:var(--font-mono);font-size:var(--fs-xs);gap:var(--pad-lg);letter-spacing:.08em;margin-bottom:var(--pad-md);text-transform:uppercase}.home-hero .home-meta strong{color:var(--text);font-weight:500}.home-hero p{color:var(--text-muted);font-size:var(--fs-lg);margin:0;max-width:60ch;text-wrap:pretty}.home-hero-aside{display:flex;flex-direction:column;gap:var(--pad-md)}.hero-terminal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 1px 0 var(--border),0 8px 24px #0000000a;overflow:hidden}[data-theme=dark] .hero-terminal{box-shadow:0 0 0 1px var(--border),0 12px 32px #0000004d}.hero-terminal-bar{align-items:center;background:var(--surface-2);border-bottom:1px solid var(--border);display:flex;gap:6px;padding:10px 12px}.hero-terminal-dot{background:var(--text-faint);border-radius:999px;height:10px;width:10px}.hero-terminal-dot[data-c=r]{background:#ff5f57}.hero-terminal-dot[data-c=y]{background:#febc2e}.hero-terminal-dot[data-c=g]{background:#28c840}.hero-terminal-title{margin-left:8px}.hero-terminal-body,.hero-terminal-title{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-xs)}.hero-terminal-body{line-height:1.85;padding:var(--pad-md) var(--pad-md)}.hero-terminal-body .ht-prompt{color:#22c55e;margin-right:6px}.hero-terminal-body .ht-cmd{color:var(--text)}.hero-terminal-body .ht-flag{color:var(--accent)}.hero-terminal-body .ht-row{align-items:center;display:grid;gap:8px;grid-template-columns:24px 1fr auto}.hero-terminal-body .ht-num{color:var(--text-faint)}.hero-terminal-body .ht-row>span:nth-child(2){color:var(--text)}.hero-terminal-body .ht-tag{border:1px solid var(--border);border-radius:3px;color:var(--text-muted);font-size:10px;letter-spacing:.05em;padding:1px 6px}.hero-terminal-body .ht-caret{animation:blink 1.1s steps(1) infinite;color:var(--accent)}@keyframes blink{50%{opacity:0}}.hero-stats{display:grid;gap:var(--pad-sm);grid-template-columns:repeat(3,1fr)}.hero-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--pad-sm) var(--pad-md)}.hero-stat .hs-num{color:var(--text);font-family:var(--font-mono);font-size:var(--fs-xl);font-weight:500;letter-spacing:-.02em;line-height:1.1}.hero-stat .hs-lbl{color:var(--text-muted);font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;margin-top:4px;text-transform:uppercase}.tool-grid{display:grid;gap:var(--pad-md);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:var(--pad-md);min-height:200px;padding:var(--pad-lg);position:relative;text-decoration:none;transition:all .18s ease}.tool-card:hover{background:var(--surface-2);border-color:var(--text);transform:translateY(-1px)}.tool-card .tool-num{color:var(--text-faint);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.05em}.tool-card h3{font-size:var(--fs-xl);font-weight:500;letter-spacing:-.02em;line-height:1.15;margin:0}.tool-card p{color:var(--text-muted);flex:1;font-size:var(--fs-sm);margin:0;text-wrap:pretty}.tool-card .tool-arrow{align-items:center;color:var(--text-faint);display:flex;font-family:var(--font-mono);font-size:var(--fs-xs);gap:6px;letter-spacing:.08em;text-transform:uppercase}.tool-card:hover .tool-arrow{color:var(--accent)}.split-2{grid-template-columns:1fr 1fr}.split-2,.split-2-balanced{display:grid;gap:var(--pad-lg)}.split-2-balanced{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}@media(max-width:900px){.split-2,.split-2-balanced{grid-template-columns:1fr}}.row,.row-between{align-items:center;display:flex;flex-wrap:wrap;gap:var(--pad-md)}.row-between{justify-content:space-between}.col{gap:var(--pad-sm)}.col,.col-tight{display:flex;flex-direction:column}.col-tight{gap:6px}.label{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase}.divider{height:1px}.divider,.v-divider{background:var(--border)}.v-divider{align-self:stretch;width:1px}.hint{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-xs)}.hint-error{color:var(--danger)}.kbd{align-items:center;border:solid var(--border);border-radius:3px;border-width:1px 1px 2px;color:var(--text-muted);display:inline-flex;font-family:var(--font-mono);font-size:10px;padding:1px 6px}.kbd,.stat{background:var(--surface)}.stat{border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:4px;overflow:hidden;padding:var(--pad-md);position:relative}.stat-label{color:var(--text-muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.stat-label,.stat-value{font-family:var(--font-mono)}.stat-value{color:var(--text);font-size:var(--fs-xl);font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:-.02em;line-height:1.1}.stat-accent .stat-value{color:var(--accent)}.stat-accent:before{background:var(--accent);content:"";inset:0;position:absolute;width:2px}.app-footer{align-items:center;border-top:1px solid var(--border);color:var(--text-muted);display:flex;justify-content:space-between;padding:var(--pad-lg) var(--pad-xl)}.app-footer,.json-tree{font-family:var(--font-mono);font-size:var(--fs-xs)}.json-tree{line-height:1.7;max-height:600px;overflow:auto;padding:var(--pad-md);white-space:nowrap}.json-tree .jt-toggle{align-items:center;background:transparent;border:none;border-radius:2px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:10px;height:14px;justify-content:center;margin-right:4px;width:14px}.json-tree .jt-toggle:hover{background:var(--surface-2);color:var(--text)}.json-tree .jt-spacer{display:inline-block;margin-right:4px;width:14px}.json-tree .jt-key{color:var(--text);margin-right:6px}.json-tree .jt-idx{color:var(--accent);font-weight:500;margin-right:4px}.json-tree .jt-type{border:1px solid var(--border);border-radius:2px;color:var(--text-muted);display:inline-block;font-size:9px;letter-spacing:.05em;margin-right:6px;padding:0 5px;text-transform:uppercase}.json-tree .jt-string{color:var(--success)}.json-tree .jt-number{color:var(--accent)}.json-tree .jt-bool{color:#b45309}.json-tree .jt-null{color:var(--text-faint);font-style:italic}.json-tree .jt-bracket{color:var(--text-muted)}.empty{color:var(--text-faint);font-family:var(--font-mono);font-size:var(--fs-xs);padding:var(--pad-xl);text-align:center}.width-toggle{align-items:stretch;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;gap:2px;padding:3px}.width-toggle,.width-toggle .wt-btn{display:inline-flex;position:relative}.width-toggle .wt-btn{align-items:center;background:transparent;border:none;border-radius:999px;color:var(--text-faint);cursor:pointer;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;gap:7px;letter-spacing:.12em;padding:6px 14px;transition:color .18s,background .18s}.width-toggle .wt-btn svg{opacity:.6;transition:opacity .18s,color .18s}.width-toggle .wt-btn:hover{color:var(--text)}.width-toggle .wt-btn:hover svg{opacity:1}.width-toggle .wt-btn[data-active=true]{background:var(--bg);box-shadow:0 1px 2px #0000000f,0 0 0 1px var(--border);color:var(--text)}[data-theme=dark] .width-toggle .wt-btn[data-active=true]{background:var(--surface);box-shadow:0 1px 2px #0006,0 0 0 1px var(--border-strong)}.width-toggle .wt-btn[data-active=true] svg{color:var(--accent);opacity:1}.toast{animation:toast 2s ease;background:var(--text);border-radius:var(--radius);bottom:24px;color:var(--bg);font-family:var(--font-mono);font-size:var(--fs-sm);left:50%;padding:10px 18px;pointer-events:none;position:fixed;transform:translate(-50%);z-index:100}@keyframes toast{0%{opacity:0;transform:translate(-50%,8px)}10%,90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}.tbl{border-collapse:collapse;font-size:var(--fs-sm);width:100%}.tbl th{background:var(--surface-2);color:var(--text-muted);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.1em;padding:12px var(--pad-md);text-align:left;text-transform:uppercase}.tbl td,.tbl th{border-bottom:1px solid var(--border)}.tbl td{padding:14px var(--pad-md);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tr[data-highlight=true] td{background:var(--accent-soft)}.unix-readout{align-items:center;background:#0a0a0a;border:1px solid #262626;border-radius:var(--radius);color:#fafafa;display:flex;gap:var(--pad-md);justify-content:space-between;padding:var(--pad-md)}[data-theme=dark] .unix-readout{background:#050505;border-color:#1f1f1f}.unix-readout .unix-label{color:#71717a;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;margin-bottom:4px;text-transform:uppercase}.unix-readout .unix-value{color:#4ade80;font-family:var(--font-mono);font-size:24px;font-variant-numeric:tabular-nums;font-weight:500}.unix-readout .unix-copy{background:transparent;border:1px solid #262626;color:#a1a1aa}.unix-readout .unix-copy:hover{background:#4ade801a;border-color:#4ade80;color:#4ade80}.hash-row{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:8px;padding:var(--pad-md)}.hash-row .hash-meta{align-items:center;display:flex;gap:var(--pad-md);justify-content:space-between}.hash-row .hash-value{background:var(--bg);border:1px solid var(--border);border-radius:2px;color:var(--text);font-family:var(--font-mono);font-size:var(--fs-xs);line-height:1.5;padding:8px 10px;word-break:break-all}.chip-row{display:flex;flex-wrap:wrap;gap:4px}.chip{background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);cursor:pointer;font-family:var(--font-mono);font-size:var(--fs-xs);padding:4px 10px;transition:all .12s}.chip:hover{border-color:var(--text);color:var(--text)}.chip[data-active=true]{background:var(--text);border-color:var(--text);color:var(--bg)}.format-pill{align-items:center;border:1px solid var(--border);border-radius:999px;display:inline-flex;font-family:var(--font-mono);font-size:var(--fs-xs);gap:6px;padding:4px 10px}.format-pill:before{background:var(--text-faint);border-radius:999px;content:"";height:6px;width:6px}.format-pill[data-fmt=json]:before{background:#22c55e}.format-pill[data-fmt=xml]:before{background:#3b82f6}.format-pill[data-fmt=yaml]:before{background:#f59e0b}.format-pill[data-fmt=plain]:before{background:#a1a1aa}.tweaks-fab{background:var(--surface);border:1px solid var(--border);border-radius:999px;bottom:24px;box-shadow:0 4px 12px #0000000f;color:var(--text);cursor:pointer;display:grid;height:44px;place-items:center;position:fixed;right:24px;transition:all .15s;width:44px;z-index:90}.tweaks-fab:hover{border-color:var(--text);transform:scale(1.05)}.tweaks-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);bottom:80px;box-shadow:0 12px 32px #0000001f;overflow:hidden;position:fixed;right:24px;width:280px;z-index:95}[data-theme=dark] .tweaks-panel{box-shadow:0 12px 32px #00000080}.tweaks-header{align-items:center;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-xs);justify-content:space-between;letter-spacing:.1em;padding:12px var(--pad-md);text-transform:uppercase}.tweaks-header,.tweaks-section{border-bottom:1px solid var(--border);display:flex}.tweaks-section{flex-direction:column;gap:10px;padding:var(--pad-md)}.tweaks-section:last-child{border-bottom:none}.tweaks-section-title{color:var(--text-faint);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.tweaks-row{display:flex;flex-direction:column;gap:6px}.tweaks-row-label{color:var(--text-muted);font-size:var(--fs-xs)}.tweaks-swatches{display:grid;gap:6px;grid-template-columns:repeat(6,1fr)}.tweaks-swatch{border:1px solid var(--border);border-radius:4px;cursor:pointer;height:28px;padding:0}.tweaks-swatch[data-active=true]{border:2px solid var(--text)}.v-enter-active[data-v-f0470187],.v-leave-active[data-v-f0470187]{transition:opacity .15s,transform .15s}.v-enter-from[data-v-f0470187],.v-leave-to[data-v-f0470187]{opacity:0;transform:translateY(8px)}