.toolbox-page main{position:relative}.toolbox-page .home-link{font:500 .65rem "DM Mono",monospace;text-transform:uppercase;letter-spacing:.1em;color:#c1c5be;transition:color .2s ease}.toolbox-page .home-link:hover{color:var(--acid)}.crumb{font:400 .65rem "DM Mono",monospace;color:#777d77;letter-spacing:.07em}.crumb b{margin:0 7px;color:var(--acid);font-weight:400}.toolbox-intro{position:relative;isolation:isolate;padding:clamp(70px,9vw,118px) 0 clamp(58px,7vw,88px);border-bottom:1px solid var(--line);overflow:hidden}.toolbox-intro h1{font-size:clamp(3.25rem,7.6vw,6.7rem);max-width:1000px}.toolbox-intro-bottom{display:grid;grid-template-columns:minmax(0,540px) minmax(240px,390px);justify-content:space-between;align-items:end;gap:50px;margin-top:34px}.toolbox-intro-bottom>p:first-child{font-size:1.05rem;line-height:1.6;color:var(--muted);margin:0}.use-note{margin:0;padding-left:15px;border-left:1px solid #394039;color:#717771;font:400 .68rem/1.65 "DM Mono",monospace}.toolbox-glyphs{position:absolute;z-index:-1;right:0;top:45px;width:42%;height:65%;opacity:.05;color:var(--ink);font:500 clamp(2.5rem,6vw,5rem) "DM Mono",monospace}.toolbox-glyphs span{position:absolute}.toolbox-glyphs span:nth-child(1){right:5%;top:0}.toolbox-glyphs span:nth-child(2){left:3%;top:38%}.toolbox-glyphs span:nth-child(3){right:30%;bottom:0}.toolbox-glyphs span:nth-child(4){right:0;bottom:8%;font-size:.55em}.toolbox-workspace{padding:70px 0 120px}.toolbox-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--line)}.toolbox-heading h2{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.14em}.toolbox-heading span{color:var(--muted);font:400 .7rem "DM Mono",monospace}.toolbox-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0 26px}.filters{display:flex;flex-wrap:wrap;gap:7px}.filter-button,.text-button,.card-action{border:1px solid #30363a;background:#0d1013;color:#a8ada6;border-radius:7px;min-height:38px;padding:0 13px;cursor:pointer;font:500 .64rem "DM Mono",monospace;text-transform:uppercase;letter-spacing:.07em;transition:color .2s,border-color .2s,background .2s}.filter-button:hover,.filter-button.is-active,.text-button:hover,.card-action:hover{color:var(--acid);border-color:#5a643b;background:rgba(216,255,62,.035)}.filter-count{margin-left:7px;color:#646b65}.filter-button.is-active .filter-count{color:#a8bc52}.search-box{width:min(300px,100%);height:42px;flex:0 0 auto;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid #30363a;border-radius:8px;background:#0d1013;color:#747b75;transition:border-color .2s}.search-box:focus-within{border-color:var(--acid);box-shadow:0 0 0 1px var(--acid)}.search-box input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:400 .68rem "DM Mono",monospace}.search-box input::placeholder{color:#656c66}.toolbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tool-card{min-width:0;display:flex;flex-direction:column;min-height:300px;padding:24px;border:1px solid #252a2e;border-radius:14px;background:linear-gradient(135deg,rgba(216,255,62,.018),transparent 45%),var(--card);position:relative;overflow:hidden;transition:transform .3s var(--ease),border-color .3s ease,box-shadow .3s ease}.tool-card:after{content:attr(data-glyph);position:absolute;right:16px;top:4px;color:rgba(244,245,239,.035);font:500 4.7rem "DM Mono",monospace;pointer-events:none}.tool-card:hover{transform:translateY(-3px);border-color:#3a4142;box-shadow:0 18px 48px rgba(0,0,0,.28)}.tool-card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px;color:#727872;font:400 .65rem "DM Mono",monospace}.tool-card-type{color:var(--acid);text-transform:uppercase;letter-spacing:.09em}.tool-card h3{position:relative;margin:0 0 12px;font-size:1.35rem;letter-spacing:-.025em}.tool-card-description{position:relative;margin:0 0 22px;color:#9da29b;font-size:.9rem;line-height:1.58}.tool-card .tags{margin-top:auto}.tool-card .tags span{font-size:.59rem;padding:4px 8px}.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid #252a2e}.card-action{display:inline-flex;align-items:center;justify-content:center;min-height:36px}.card-action.primary{border-color:#535d37;color:#d8e49f}.card-action.external:after{content:"↗";margin-left:7px;color:var(--acid)}.empty-state{padding:60px 20px;border:1px dashed #30363a;border-radius:12px;text-align:center;color:#7f857f;font:400 .75rem "DM Mono",monospace}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.detail-dialog{width:min(850px,calc(100% - 32px));max-height:min(88vh,850px);padding:0;border:1px solid #363d40;border-radius:16px;background:#0e1114;color:var(--ink);box-shadow:0 38px 120px rgba(0,0,0,.7)}.detail-dialog::backdrop{background:rgba(3,4,5,.76);backdrop-filter:blur(8px)}.detail-shell{min-width:0}.detail-header{position:sticky;z-index:2;top:0;min-height:62px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292e32;background:#0e1114}.detail-header>div{display:flex;gap:12px;color:#7d837d;font:400 .65rem "DM Mono",monospace;text-transform:uppercase}.detail-header [data-detail-type]{color:var(--acid)}.icon-button{width:38px;height:38px;border:1px solid #32383c;border-radius:50%;background:transparent;color:#c6cac3;cursor:pointer;font-size:1.35rem;line-height:1}.icon-button:hover{border-color:var(--acid);color:var(--acid)}.detail-content{padding:clamp(24px,5vw,48px)}.detail-content h2{margin:0 0 14px;font-size:clamp(2rem,5vw,3.6rem);letter-spacing:-.055em;line-height:1}.detail-description{max-width:680px;margin:0 0 20px;color:#a8ada6;line-height:1.65}.detail-notes{margin:24px 0}.detail-note{margin:0;padding:14px 16px;border-left:2px solid #56633d;background:rgba(216,255,62,.025);color:#939991;font:400 .72rem/1.7 "DM Mono",monospace}.detail-note code{color:#d8ddd5}.code-wrap{margin-top:26px;border:1px solid #30363a;border-radius:10px;overflow:hidden;background:#080a0d}.code-label{height:46px;padding:0 13px 0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #262b2f;color:#717871;font:400 .62rem "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}.code-label .text-button{min-height:30px;padding:0 10px;background:#101418}.code-wrap pre{max-height:360px;margin:0;padding:20px;overflow:auto;color:#d7ddd3;font:400 .78rem/1.7 "DM Mono",monospace;tab-size:2}.detail-actions{display:flex;gap:8px;margin-top:18px}.detail-actions:empty{display:none}.detail-dialog[open]{animation:dialog-in .25s var(--ease)}body:has(.detail-dialog[open]){overflow:hidden}@keyframes dialog-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:760px){.toolbox-page .crumb{display:none}.toolbox-intro{padding:64px 0 56px}.toolbox-intro-bottom{grid-template-columns:1fr;gap:28px}.toolbox-glyphs{width:65%;opacity:.035}.toolbox-workspace{padding:55px 0 75px}.toolbox-controls{align-items:stretch;flex-direction:column}.filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.filter-button{flex:0 0 auto}.search-box{width:100%}.toolbox-grid{grid-template-columns:1fr}.tool-card{min-height:280px;padding:21px}.detail-dialog{width:calc(100% - 20px);max-height:92vh}.detail-content{padding:25px 18px}.code-wrap pre{padding:16px;font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.tool-card,.detail-dialog[open]{animation:none;transition:none}}