:root{color-scheme:dark;--font-sans: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius: 12px;--radius-sm: 8px;--transition: .2s ease;--galaxy-bg-image: url(/galaxy-theme.png);--tag-7tv: #ef4444;--tag-moderation: #f59e0b;--tag-stats: #8b5cf6;--tag-utility: #10b981;--tag-misc: #64748b;--owner-badge: #f472d0;--bg: #060719;--bg-elevated: rgba(10, 13, 34, .68);--bg-card: rgba(14, 18, 48, .68);--bg-card-hover: rgba(26, 28, 70, .76);--border: rgba(182, 170, 255, .16);--border-focus: rgba(96, 215, 255, .5);--text: #f8f7ff;--text-muted: #c7bdec;--text-dim: #9086be;--accent: #9ee8ff;--accent-soft: rgba(153, 102, 255, .2);--accent-glow: rgba(189, 117, 255, .34);--shadow: 0 20px 60px rgba(4, 6, 24, .55), 0 0 38px rgba(125, 58, 210, .15);--topbar-bg: rgba(5, 7, 25, .62);--surface-subtle: rgba(255, 255, 255, .055);--surface-muted: rgba(173, 131, 255, .14);--border-hover: rgba(209, 199, 255, .28);--border-soft: rgba(196, 184, 255, .24);--kbd-bg: rgba(187, 167, 255, .14);--tools-secondary-border: rgba(196, 184, 255, .18);--tools-error-text: #ffb4c7;--control-border: rgba(224, 216, 255, .34)}html[data-theme=light]{color-scheme:dark;--bg: #070821;--bg-elevated: rgba(13, 16, 42, .7);--bg-card: rgba(18, 20, 55, .7);--bg-card-hover: rgba(34, 31, 78, .78);--border: rgba(202, 190, 255, .17);--border-focus: rgba(127, 219, 255, .52);--text: #fffaff;--text-muted: #d5cbf4;--text-dim: #9b91c4;--accent: #b7edff;--accent-soft: rgba(183, 102, 255, .2);--accent-glow: rgba(206, 109, 255, .34);--shadow: 0 20px 60px rgba(4, 6, 24, .5), 0 0 38px rgba(125, 58, 210, .14);--topbar-bg: rgba(7, 8, 31, .64);--surface-subtle: rgba(255, 255, 255, .06);--surface-muted: rgba(187, 139, 255, .15);--border-hover: rgba(220, 212, 255, .28);--border-soft: rgba(206, 195, 255, .24);--kbd-bg: rgba(196, 177, 255, .14);--tools-secondary-border: rgba(206, 195, 255, .18);--tools-error-text: #ffbfd0;--control-border: rgba(232, 224, 255, .34)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#02041147,#040414a8),var(--galaxy-bg-image) center / cover fixed,var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh}.topbar{position:sticky;top:0;z-index:2;border-bottom:1px solid var(--border);background:var(--topbar-bg);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%);box-shadow:0 10px 36px #04051447}.topbar-inner{width:100%;margin:0;padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:flex-start;gap:1rem}.viewer-count{font-size:.8125rem;color:var(--text-dim);font-weight:500}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:.65rem}.twitch-login-btn{display:inline-flex;align-items:center;justify-content:center;gap:.42rem;text-decoration:none;padding:.7rem .84rem;min-height:2.9rem;box-sizing:border-box;border-radius:9px;background:#9146ff;color:#fff;border:2.5px solid #fff;font-size:.9375rem;font-weight:600;letter-spacing:.01em;line-height:1;transition:filter var(--transition),transform var(--transition),box-shadow var(--transition)}.twitch-login-btn-icon{flex-shrink:0;opacity:.98}.twitch-login-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.twitch-login-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg, #08080b),0 0 0 4px #b06cff}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.9rem;min-height:2.9rem;padding:0;box-sizing:border-box;border-radius:10px;border:1px solid var(--border);background:var(--surface-subtle);color:var(--text-muted);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition),transform var(--transition)}.theme-toggle:hover{background:var(--surface-muted);color:var(--accent);border-color:var(--border-hover)}.theme-toggle:focus-visible{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}.haste-page-full .theme-toggle--haste{width:2.6rem;height:2.9rem;min-height:2.9rem;border-radius:8px}.auth-user{position:relative;display:inline-flex;align-items:stretch;justify-content:center;overflow:hidden;background:var(--surface-subtle);border:1px solid var(--border);border-radius:999px;padding:0;max-width:min(100%,280px);cursor:pointer;font:inherit;color:inherit;min-height:2.9rem;transition:border-color .15s ease,box-shadow .15s ease}.auth-user-content{display:inline-flex;align-items:center;gap:.58rem;padding:.38rem 1rem .38rem .56rem}.auth-user-signout-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#dc2626;color:#fff;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .15s ease;padding:0 1.3rem}.auth-user-signout-text{font-size:.9375rem;font-weight:600;white-space:nowrap;line-height:1}.auth-user-signout-layer svg{flex-shrink:0;stroke-width:2.35}.auth-user:hover .auth-user-signout-layer,.auth-user:focus-visible .auth-user-signout-layer{opacity:1}.auth-user:hover,.auth-user:focus-visible{border-color:var(--border-hover);box-shadow:0 0 0 1px var(--border-hover),0 0 22px #9d6aff29}.auth-user:focus-visible{outline:none}.auth-user-avatar{width:34px;height:34px;min-width:34px;min-height:34px;border-radius:999px;object-fit:cover;flex-shrink:0;box-shadow:0 0 0 1px var(--border)}.auth-user-avatar--fallback{display:inline-flex;align-items:center;justify-content:center;background:#9146ff;color:#fff}.auth-user-name{font-size:1.1875rem;color:var(--text);font-weight:600;max-width:174px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-user-name--stv-paint{display:inline-block;vertical-align:bottom;line-height:1.15}.brand{display:flex;align-items:baseline;gap:.25rem;font-weight:800;letter-spacing:-.02em;-webkit-user-select:none;user-select:none}.brand-accent{background:linear-gradient(135deg,var(--accent) 0%,#d45cff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.05rem}.brand-dim{color:var(--text-dim);font-size:.95rem}.tabs{display:flex;gap:.72rem;padding:0;border:none;background:transparent;border-radius:0}.tab-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--control-border);background:var(--surface-subtle);color:var(--text-muted);padding:.635rem 1.32rem;font-size:1.125rem;line-height:1.2;border-radius:12px;cursor:pointer;font-family:var(--font-sans);font-weight:600;transition:background var(--transition),color var(--transition),border-color var(--transition)}.tab-btn:hover{color:var(--text);background:var(--surface-muted);border-color:var(--border-hover)}.tab-btn.active{color:var(--accent);background:var(--accent-soft);border:2px solid rgba(183,237,255,.55);box-shadow:0 0 24px #9d6aff2e}.tab-label--stv-paint{display:inline-block;vertical-align:bottom;line-height:1.2}.tab-dropdown-wrap{position:relative}.tab-btn-has-dropdown{display:inline-flex;align-items:center;gap:.35rem}.tab-dropdown{position:absolute;top:100%;left:0;margin-top:.35rem;min-width:160px;padding:.35rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);z-index:10}.tab-dropdown-item{display:block;width:100%;padding:.5rem .75rem;text-align:left;border:none;border-radius:6px;background:none;color:var(--text);font-family:var(--font-sans);font-size:.9375rem;font-weight:500;cursor:pointer;transition:background var(--transition),color var(--transition)}.tab-dropdown-item:hover{background:var(--accent-soft);color:var(--accent)}.tab-dropdown-item{text-decoration:none;color:inherit}.tab-dropdown-divider{height:1px;margin:.35rem .5rem;background:var(--border);border:none}.tab-dropdown-heading{display:block;padding:.35rem .75rem .2rem;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);pointer-events:none}.tab-dropdown-subitem{padding-left:1.25rem!important;font-size:.875rem;font-weight:500}.with-topbar{min-height:calc(100vh - 64px)}.tools-choose-prompt{color:var(--text-muted);font-size:.9375rem;margin:0;padding:2rem 0}.tools-choose-prompt strong{color:var(--accent)}.firehose-page{position:relative;z-index:1;min-height:calc(100vh - 64px);padding:.5rem 1rem 1rem;background:#000}.firehose-wrap{width:100%;max-width:none;margin:0}.firehose-head{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.4rem}.firehose-head .tools-title{font-size:1.4rem}.firehose-controls{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}.firehose-controls .tools-btn{padding:.5rem .72rem;font-size:.925rem;line-height:1.38;font-weight:600;border-radius:8px;box-sizing:border-box}.firehose-controls .tools-btn:hover{transform:none}.firehose-filter.search-input{width:250px;max-width:250px;min-width:250px;flex:0 0 250px;box-sizing:border-box;padding:.48rem .6rem;font-size:.925rem;line-height:1.38}.firehose-card.card{min-height:0;padding:0;background:transparent;border:none;animation:none}.firehose-card.card:hover{background:transparent;border:none;transform:none;box-shadow:none}.firehose-card .tools-subtitle,.firehose-card .tools-error{font-size:.95rem}.firehose-stats{display:flex;justify-content:flex-start;gap:.8rem;color:var(--text-dim);font-size:.925rem;margin-bottom:.65rem}.firehose-stats-under-title{margin-bottom:.35rem}.firehose-jump-btn{position:sticky;left:50%;bottom:.7rem;transform:translate(-50%);z-index:2;border:1px solid #fff;background:#111827e6;color:var(--text);border-radius:8px;padding:.4rem .75rem;font-size:.925rem;font-weight:600;cursor:pointer;box-shadow:0 8px 20px #00000059}.firehose-jump-btn:hover{background:#ffffff24}.firehose-list{position:relative;height:calc(100dvh - 220px);overflow:auto;border:1px solid #262626;border-radius:8px;background:#000;padding:.65rem .85rem}.firehose-line{display:grid;grid-template-columns:auto auto auto 1fr;gap:.65rem;align-items:baseline;font-size:1.065rem;line-height:1.5;padding:.18rem 0;font-family:var(--font-sans);background:#000}.firehose-user-wrap{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.25rem .35rem;min-width:0}.firehose-badges{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.15rem}.firehose-badge-img{width:21px;height:21px;vertical-align:middle;object-fit:contain;flex-shrink:0}.firehose-line:nth-child(2n),.firehose-line:nth-child(odd){background:#000}.firehose-time{color:var(--text-dim);white-space:nowrap;font-size:1.02rem;min-width:82px}.firehose-channel{color:#9ca3af;white-space:nowrap;font-weight:500;min-width:140px}.firehose-user{color:var(--text);font-weight:700;white-space:nowrap}.firehose-text{color:#d1d5db;overflow-wrap:anywhere}.firehose-text-with-emotes{display:inline;overflow-wrap:anywhere;vertical-align:baseline}.firehose-emote{height:1.47em;width:auto;max-height:25px;vertical-align:-.2em;margin:0 .04em;display:inline-block;object-fit:contain}@media (max-width: 900px){.firehose-page{padding:.4rem .5rem .75rem}.firehose-stats{flex-wrap:wrap;gap:.35rem .65rem;font-size:.86rem;margin-bottom:.35rem}.firehose-controls{gap:.45rem}.firehose-filter.search-input{width:100%;max-width:none;min-width:0;flex:1 1 100%}.firehose-controls .tools-btn{flex:1 1 0;min-width:0}.firehose-list{height:calc(100dvh - 210px);padding:.5rem .55rem}.firehose-line{display:flex;flex-wrap:wrap;align-items:center;gap:.18rem .45rem;font-size:.94rem;line-height:1.35;padding:.3rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.firehose-line:last-child{border-bottom:none}.firehose-channel{min-width:0;font-size:.84rem}.firehose-time{min-width:0;font-size:.82rem}.firehose-user-wrap{min-width:0;flex:1 1 auto;gap:.15rem .25rem}.firehose-user{white-space:normal;overflow-wrap:anywhere}.firehose-badge-img{width:16px;height:16px}.firehose-text,.firehose-text-with-emotes{display:block;flex:0 0 100%;width:100%;margin-top:.05rem}.firehose-emote{max-height:20px}}.bg-mesh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 48% 36% at 82% 9%,rgba(187,38,186,.34),transparent 68%),radial-gradient(ellipse 44% 32% at 28% 84%,rgba(32,91,204,.28),transparent 70%),radial-gradient(ellipse 36% 26% at 12% 27%,rgba(24,185,211,.16),transparent 72%),linear-gradient(180deg,#02030d2e,#02030d6b);pointer-events:none}.app-layout{position:relative;z-index:1;display:flex;min-height:100vh}.app-layout.with-topbar{height:calc(100vh - 64px);max-height:calc(100vh - 64px);min-height:calc(100vh - 64px);overflow:hidden}.sidebar{width:280px;min-width:280px;background:var(--bg-elevated);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%);display:flex;flex-direction:column;padding:1.25rem 0;min-height:0;align-self:stretch;overflow:hidden}.sidebar-header{padding:0 1.25rem 1rem;border-bottom:none}.sidebar-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin:0}.sidebar-title .accent{background:linear-gradient(135deg,var(--accent) 0%,#d45cff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-search{margin:1rem 1.25rem;max-width:none}.sidebar-search .search-input{padding:.6rem .75rem .6rem 2.25rem;font-size:.875rem;border:2px solid var(--control-border);border-radius:12px;box-sizing:border-box;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition)}.sidebar-search .search-input:hover{border-color:var(--border-hover)}.sidebar-search .search-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}.sidebar-search .search-icon{left:.75rem}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 .75rem;-webkit-overflow-scrolling:touch}.sidebar-loading,.sidebar-error{font-size:.875rem;color:var(--text-muted);padding:.5rem .75rem;margin:0}.category-block{margin-bottom:.55rem}.category-block:last-child{margin-bottom:0}.category-head{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.55rem .75rem;background:transparent;border:2px solid var(--control-border);border-radius:12px;box-sizing:border-box;color:var(--text);font-family:var(--font-sans);font-size:1.09rem;font-weight:700;cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.category-head:hover{background:var(--bg-card);color:var(--accent);border-color:var(--border-hover)}.category-list{list-style:none;margin:.35rem 0 0;padding:0 .35rem .15rem 1rem}.category-list li{margin:0}.nav-cmd{display:block;width:100%;padding:.42rem .5rem;text-align:left;background:none;border:none;border-radius:4px;color:var(--text);font-family:var(--font-sans);font-size:1rem;font-weight:600;cursor:pointer;transition:background var(--transition),color var(--transition)}.nav-cmd-inner{display:flex;flex-direction:column;align-items:flex-start;gap:.12rem;min-width:0}.nav-cmd-primary{line-height:1.25}.nav-cmd-sub{font-size:.8125rem;font-weight:600;color:var(--text-muted);line-height:1.2}.nav-cmd:hover{color:var(--text);background:var(--bg-card)}.nav-cmd:hover .nav-cmd-sub{color:var(--text-dim)}.nav-cmd.active{color:var(--accent);background:var(--accent-soft)}.nav-cmd.active .nav-cmd-sub{color:var(--text-muted)}.main{flex:1;min-height:0;padding:2rem 2.5rem 3rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.main-placeholder{color:var(--text-muted);font-size:.9375rem;padding:2rem 0}.command-detail{max-width:640px}.tools-page{position:relative;z-index:1;padding:2.25rem 1.25rem 3rem}.tools-wrap{max-width:820px;margin:0 auto}.tools-wrap--connections{max-width:320px;text-align:center}.tools-header--centered{text-align:center}.home-page{position:relative;z-index:1;padding:2.25rem 1.25rem 3rem}.home-wrap{max-width:min(1180px,calc(100vw - 2.5rem));margin:0 auto}.home-head{margin-bottom:1.25rem}.home-subtitle{margin-top:.35rem}.home-grid{display:grid;gap:.85rem;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 800px){.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 440px){.home-grid{grid-template-columns:minmax(0,1fr)}}.home-metric-card{padding:1.1rem 1.15rem;min-width:0;overflow:hidden}.home-metric-label{margin:0 0 .35rem;font-size:1rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.home-metric-value{margin-top:.35rem;font-size:clamp(1.35rem,3.8vw,2.35rem);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1.12;color:var(--text);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-metric-value--tick{font-size:clamp(1.2rem,3.4vw,2rem)}.home-metric-foot{margin:.4rem 0 0;font-size:.8125rem;color:var(--text);opacity:.72;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-metric-value--compact{font-size:clamp(1.35rem,4.2vw,2rem);line-height:1.2;word-break:break-word}.home-metric-value--uptime{font-size:clamp(1.15rem,3.4vw,1.65rem);line-height:1.3;font-weight:750;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.home-metric-error-grid{margin:.75rem 0 0;max-width:820px}.home-metric-error{margin:.75rem 0 0}.home-host-chat-row{--home-chat-col-h: min(52vh, 520px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:stretch;margin-top:1.25rem}.home-host-chat-row .home-host-metrics-root{margin-top:0;display:flex;flex-direction:column;justify-content:flex-start;height:100%;min-height:0;width:100%;box-sizing:border-box}.home-host-metrics-root{margin-top:1.25rem;width:100%;box-sizing:border-box;--host-val-cpu: #a5f3fc;--host-val-ram: #5eead4;--host-val-net: #fcd34d}.home-host-dials-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(1rem,4vw,3rem);width:100%}.home-host-chat-row .home-chat-card{margin-top:0;display:flex;flex-direction:column;width:100%;min-height:var(--home-chat-col-h);height:var(--home-chat-col-h);box-sizing:border-box}html[data-theme=light] .home-host-metrics-root{--host-val-cpu: #0369a1;--host-val-ram: #0f766e;--host-val-net: #b45309}.home-host-gauge-cell{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.14rem;min-width:0}.home-host-gauge-title{font-size:.8125rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.055em;line-height:1.2}.home-host-gauge-stack{width:100%;max-width:190px;margin-inline:auto;margin-top:-.18rem;display:flex;flex-direction:column;align-items:center;border:none;background:none;box-shadow:none;padding:0}.home-host-gauge-svg{display:block;width:100%;max-width:182px;height:auto;aspect-ratio:100 / 70;overflow:visible;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}html[data-theme=light] .home-host-gauge-svg{filter:drop-shadow(0 4px 12px rgba(15,23,42,.08))}.home-host-gauge-rim{opacity:.88;filter:drop-shadow(0 0 6px rgba(52,211,153,.12))}html[data-theme=light] .home-host-gauge-rim{opacity:.95;filter:none}.home-host-gauge-track-under,.home-host-gauge-track{opacity:1}.home-host-gauge-value-arc{filter:drop-shadow(0 0 12px rgba(74,222,128,.35))}html[data-theme=light] .home-host-gauge-value-arc{filter:drop-shadow(0 0 10px rgba(22,163,74,.25))}.home-host-gauge-readout{font-size:clamp(1rem,3vw,1.2rem);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1.1;margin-top:-1.48rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .35rem .15rem;position:relative;z-index:1}.home-host-gauge-readout--dial{color:#4ade80;text-shadow:0 0 18px rgba(74,222,128,.45),0 0 42px rgba(74,222,128,.12)}html[data-theme=light] .home-host-gauge-readout--dial{color:#15803d;text-shadow:0 1px 0 rgba(255,255,255,.6)}@media (max-width: 520px){.home-host-dials-row{flex-direction:column;align-items:center}.home-host-gauge-stack{max-width:208px;margin-inline:auto}}@media (max-width: 900px){.home-host-chat-row{grid-template-columns:1fr;--home-chat-col-h: min(48vh, 480px)}.home-host-chat-row .home-host-metrics-root{height:auto;min-height:0}.home-host-chat-row .home-chat-card{height:auto;min-height:var(--home-chat-col-h)}.home-host-chat-row .home-chat-frame-wrap{flex:none;height:var(--home-chat-col-h);min-height:var(--home-chat-col-h)}.home-host-chat-row .home-chat-frame-wrap iframe{position:static;min-height:0;height:100%}}.home-chat-card{margin-top:1.35rem;padding:.85rem}.home-chat-frame-wrap{position:relative;width:100%;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);background:#0e0e10;min-height:360px;height:min(52vh,520px)}.home-host-chat-row .home-chat-frame-wrap{flex:1 1 auto;min-height:0;height:100%}.home-chat-frame-wrap iframe{display:block;width:100%;height:100%;min-height:360px;border:0}.home-host-chat-row .home-chat-frame-wrap iframe{position:absolute;left:0;top:0;width:100%;height:100%;min-height:0}.tools-header{margin-bottom:1rem}.tools-title{margin:0;font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.tools-subtitle{margin:.2rem 0 0;color:var(--text-muted);font-size:.9375rem}.tools-card{max-width:820px}.tools-form{display:flex;flex-direction:column;gap:1rem}.tools-row{display:flex;flex-direction:column;gap:.5rem}.tools-label{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.tools-inputRow,.tools-outputRow{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center}.tools-input{margin:0}.tools-btn{border:1px solid rgba(183,237,255,.35);background:var(--accent-soft);color:var(--accent);border-radius:var(--radius);padding:.875rem 1rem;font-weight:700;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition),transform var(--transition)}.tools-btn:hover{background:#9966ff47;transform:translateY(-1px)}.tools-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.tools-btn.secondary{border-color:var(--tools-secondary-border);background:var(--bg-elevated);color:var(--text)}.tools-btn.secondary:hover{background:var(--bg-card-hover)}.steam-connect-btn{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.75rem 1rem;border-color:#4f6fa3;background:linear-gradient(180deg,#2f4f88,#1e365f);color:#e5eefc}.steam-connect-btn:hover{background:linear-gradient(180deg,#3a609f,#254374);border-color:#6c89bd;color:#f3f7ff}.steam-connect-btn.steam-connect-btn-secondary{background:linear-gradient(180deg,#3a4c6c,#2a374f);border-color:#60759a;color:#edf3ff}.steam-connect-btn.steam-connect-btn-secondary:hover{background:linear-gradient(180deg,#455a7e,#32415d);border-color:#7e95bc}.steam-connect-icon{flex-shrink:0;display:block;object-fit:contain}.steam-panel{margin:0 auto;max-width:320px;padding:0;border:none;background:none;display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;box-sizing:border-box}.steam-panel .tools-subtitle{margin:.35rem 0 0}.steam-panel .steam-connect-btn{width:100%;box-sizing:border-box;justify-content:center;min-height:40px;padding:.45rem .6rem;font-size:.8125rem}.steam-panel .steam-connect-cta{min-height:46px;padding:.55rem .75rem;font-size:1.05rem;font-weight:700}.tools-error{margin:0;color:var(--tools-error-text);background:#ef444414;border:1px solid rgba(239,68,68,.18);padding:.6rem .75rem;border-radius:var(--radius-sm);font-size:.875rem}.haste-page{position:relative;z-index:1;min-height:100vh;padding:0;display:flex;flex-direction:column}.haste-page-full{isolation:isolate}.haste-page-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 100% 80% at 50% -30%,rgba(6,182,212,.18),transparent 50%),radial-gradient(ellipse 80% 60% at 100% 20%,rgba(139,92,246,.12),transparent 45%),radial-gradient(ellipse 70% 50% at 0% 60%,rgba(6,182,212,.08),transparent 40%),var(--bg);animation:haste-bg-shift 18s ease-in-out infinite;pointer-events:none}@keyframes haste-bg-shift{0%,to{opacity:1;transform:scale(1) translate(0)}33%{opacity:.95;transform:scale(1.02) translate(1%,.5%)}66%{opacity:1;transform:scale(.98) translate(-.5%,-.5%)}}.haste-page-top{position:relative;z-index:1;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);background:var(--topbar-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.haste-page-full .haste-editor-wrap{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;max-width:none;margin:0;padding:0;min-height:0}.haste-page-full .haste-toolbar{position:absolute;top:0;right:0;z-index:2;margin:0;padding:.6rem .85rem;background:transparent;border:none;border-radius:0;border-bottom:none;justify-content:flex-end;gap:.5rem}.haste-page-full .haste-toolbar .haste-btn{padding:.4rem .65rem;font-size:.8125rem}.haste-page-full .haste-toolbar .haste-btn kbd{font-size:.65rem;padding:.12rem .28rem}.haste-page-full .haste-toolbar .haste-home-icon{width:20px;height:20px}.haste-page-full .haste-textarea{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;min-height:100%;height:100%;padding:1.25rem 1.5rem 2rem 5rem;background:transparent;border:none;border-radius:0;resize:none;box-shadow:none}.haste-page-full .haste-textarea:focus{border:none;box-shadow:none;outline:none}.haste-back-link{color:var(--text-muted);font-size:.875rem;text-decoration:none;transition:color var(--transition)}.haste-back-link:hover{color:var(--accent)}.haste-loading{padding:3rem;color:var(--text-muted);text-align:center}.haste-editor-wrap{flex:1;display:flex;flex-direction:column;max-width:960px;margin:0 auto;width:100%;padding:1rem 1.25rem 2rem}.tools-page .haste-editor-wrap{padding:2rem 1.5rem 3rem}.haste-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.haste-toolbar-left{display:flex;align-items:baseline;gap:.5rem}.haste-toolbar-title{font-weight:700;font-size:1rem;color:var(--accent)}.haste-paste-id{font-family:var(--font-mono);font-size:.875rem;color:var(--text-dim)}.haste-toolbar-right{display:flex;align-items:center;gap:.75rem}.haste-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-family:var(--font-sans);font-size:.875rem;font-weight:600;cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.haste-btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--accent)}.haste-btn:disabled{opacity:.6;cursor:not-allowed}.haste-btn kbd{font-size:.7rem;padding:.15rem .35rem;background:var(--kbd-bg);border-radius:4px;color:var(--text-dim);font-family:var(--font-mono)}.haste-btn-save{border-color:#b7edff59;background:var(--accent-soft);color:var(--accent)}.haste-btn-save:hover:not(:disabled){background:#9966ff47}.haste-btn-home{padding:.4rem;line-height:0;text-decoration:none;color:var(--text)}.haste-btn-home:hover{color:var(--accent)}.haste-btn-home-right{margin-left:auto}.haste-home-icon{display:block;width:24px;height:24px;object-fit:contain;border-radius:4px}.haste-textarea{flex:1;min-height:320px;width:100%;padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-mono);font-size:.875rem;line-height:1.6;resize:vertical;transition:border-color var(--transition)}.haste-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}.haste-textarea[readonly]{cursor:default}.haste-textarea[readonly]:focus{border-color:var(--border);box-shadow:none}.haste-textarea::placeholder{color:var(--text-dim)}.haste-toast{position:fixed;bottom:1.5rem;right:1.5rem;padding:.5rem 1rem;background:var(--accent);color:var(--bg);font-size:.875rem;font-weight:600;border-radius:var(--radius-sm);box-shadow:var(--shadow);z-index:10;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.haste-error{margin:0 0 .75rem;padding:.6rem .75rem;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);color:#fca5a5;font-size:.875rem}.search-wrap{max-width:420px;margin:0 auto 2rem}.search-inner{position:relative}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none}.search-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-sans);font-size:.9375rem;transition:border-color var(--transition),box-shadow var(--transition)}.search-input::placeholder{color:var(--text-dim)}.search-input:hover{border-color:var(--border-hover)}.search-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem}.pill{padding:.4rem .9rem;border-radius:999px;font-size:.8125rem;font-weight:500;background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.pill:hover{background:var(--bg-card-hover);color:var(--text);border-color:var(--border-hover)}.pill.active{background:var(--accent-soft);color:var(--accent);border-color:#b7edff59}.commands-section h2{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0 0 1rem}.command-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;-webkit-backdrop-filter:blur(16px) saturate(125%);backdrop-filter:blur(16px) saturate(125%);transition:border-color var(--transition),background var(--transition),transform var(--transition),box-shadow var(--transition);animation:cardIn .4s ease backwards}.card:hover{background:var(--bg-card-hover);border-color:var(--border-soft);transform:translateY(-2px);box-shadow:var(--shadow)}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.card-name{font-family:var(--font-sans);font-size:1.125rem;font-weight:700;color:var(--accent);letter-spacing:-.02em}.card-owner{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--owner-badge);background:#ec48991f;padding:.2rem .5rem;border-radius:4px}.card-aliases{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.card-aliases span{font-family:var(--font-sans);font-size:.8125rem;font-weight:600;color:var(--text-dim);background:var(--bg-elevated);padding:.2rem .5rem;border-radius:4px}.card-aliases--cmdname span{font-size:.875rem;color:var(--text-muted)}.card-desc{font-size:.875rem;color:var(--text-muted);margin:0 0 .75rem;line-height:1.5}.card-tag{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;border-radius:4px}.card-tag[data-tag="7tv"]{background:#ef444426;color:#f87171}.card-tag[data-tag=moderation]{background:#f59e0b26;color:#fbbf24}.card-tag[data-tag=stats]{background:#8b5cf626;color:#a78bfa}.card-tag[data-tag=utility]{background:#10b98126;color:#34d399}.card-tag[data-tag=misc]{background:#64748b33;color:#94a3b8}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.empty-state p{margin:0 0 .5rem;font-size:1rem}.empty-state small{font-size:.875rem;color:var(--text-dim)}.count{font-size:.875rem;color:var(--text-dim);margin-bottom:1rem}.count strong{color:var(--text-muted)}
