.tool-page{min-height:100vh;padding:110px 32px 72px;position:relative;z-index:2;max-width:1180px;overflow-x:clip}.tool-back{color:var(--fg-dim);display:inline-block;margin-bottom:28px}.tool-back:hover{color:var(--fg)}.tool-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:40px}.tool-title{font-family:var(--font-display);font-size:clamp(64px,12vw,150px);line-height:.85;letter-spacing:.02em;color:#fff}.tool-kicker{font-family:var(--font-mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;margin-bottom:14px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.status-pill{font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;padding:4px 10px;border:1px solid currentColor}.tool-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;padding:13px 24px;border:1px solid var(--border-hover);color:#fff;background:var(--glass-soft);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .3s,background .3s;display:inline-flex;align-items:center;gap:10px;min-height:44px}.btn:hover{border-color:#ffffff80}.btn-primary{background:#fff;color:#050505;border-color:#fff}.btn-primary:hover{background:#ffffffd9}.btn[aria-disabled=true]{opacity:.45;pointer-events:none}.video-frame{width:100%;aspect-ratio:16 / 9;position:relative;overflow:hidden;border:1px solid var(--border);margin-bottom:48px}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:none}.tool-page figure{margin:0}.tile{position:relative;overflow:hidden;min-width:0;background:#0a0a0a;border:1px solid var(--border)}.tile img,.tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.zoom{all:unset;position:absolute;inset:0;cursor:zoom-in}.zoom img{transition:transform .6s ease,filter .6s ease;filter:saturate(.92)}.zoom:hover img{transform:scale(1.03);filter:saturate(1.05)}.zoom:focus-visible{outline:2px solid #fff;outline-offset:-4px}.field{display:grid;gap:8px}.field-row{display:flex;gap:8px}.tile-stack{display:flex;flex-direction:column;gap:8px;min-width:0}.tile-stack .tile{flex:1}.media-cap{position:absolute;left:12px;bottom:10px;font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#ffffffd9;background:#05050599;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:5px 9px;display:inline-flex;align-items:center;gap:8px;pointer-events:none}.media-cap .dot{width:6px;height:6px;border-radius:50%;animation:cap-pulse 1.6s ease-in-out infinite}@keyframes cap-pulse{50%{opacity:.25}}.lightbox{max-width:min(96vw,1800px);max-height:94vh;padding:0;margin:auto;border:1px solid var(--border-hover);background:#000;overflow:hidden}.lightbox::backdrop{background:#000000e0;backdrop-filter:blur(4px)}.lightbox img{display:block;max-width:100%;max-height:94vh;object-fit:contain}.lightbox form{position:absolute;top:10px;right:10px}.lightbox-close{color:#fff;background:#050505b3;border:1px solid var(--border-hover);padding:10px 14px;min-height:44px;cursor:pointer}.section-head{margin:56px 0 20px}.section-head h2{font-family:var(--font-display);font-size:clamp(30px,4vw,44px);letter-spacing:.04em;color:#fff;margin-top:6px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1px;background:var(--border);border:1px solid var(--border)}.feature{background:#050505c7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:26px 24px 28px}.feature h3{font-family:var(--font-display);font-size:24px;letter-spacing:.05em;color:#fff;margin-bottom:10px}.feature p{font-family:var(--font-body);font-size:15px;line-height:1.55;color:var(--fg-muted)}.feature .num{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;margin-bottom:18px;display:block}.spec-table{width:100%;border-collapse:collapse}.spec-table th,.spec-table td{text-align:left;vertical-align:top;padding:14px 0;border-bottom:1px solid var(--border)}.spec-table th{font-family:var(--font-mono);font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:var(--fg-dim);font-weight:400;width:34%;padding-right:24px}.spec-table td{font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--fg-strong)}.two-col{display:grid;grid-template-columns:3fr 2fr;gap:24px}.tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;padding:5px 12px;border:1px solid rgba(255,255,255,.15);color:var(--fg-muted);background:#ffffff05}.tool-subnav{display:flex;gap:24px;flex-wrap:wrap;margin-top:56px;padding-top:24px;border-top:1px solid var(--border)}.tool-subnav a{color:var(--fg-dim)}.tool-subnav a:hover{color:#fff}.prose{max-width:760px;padding:44px}.prose h1{font-family:var(--font-display);font-size:clamp(40px,6vw,64px);letter-spacing:.03em;line-height:.95;color:#fff;margin-bottom:14px}.prose h2{font-family:var(--font-display);font-size:28px;letter-spacing:.05em;color:#fff;margin:40px 0 12px}.prose h3{font-family:var(--font-body);font-size:20px;font-style:italic;color:#fff;margin:26px 0 6px}.prose p,.prose li{font-family:var(--font-body);font-size:17px;line-height:1.65;color:var(--fg-muted)}.prose p+p{margin-top:14px}.prose ul{padding-left:20px;margin-top:10px}.prose li+li{margin-top:6px}.prose a{color:#fff;border-bottom:1px solid var(--border-hover)}.prose a:hover{border-color:#fff}.prose strong{color:#fff;font-weight:400;font-style:italic}.prose .lede{font-size:20px;font-style:italic;color:var(--fg-strong);padding:18px 0 18px 18px;border-left:2px solid var(--cyan);margin:24px 0 8px}.prose .meta{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-dim)}.table-wrap{overflow-x:auto;margin-top:14px}.prose table{width:100%;border-collapse:collapse;min-width:520px}.prose th,.prose td{text-align:left;vertical-align:top;padding:10px 14px 10px 0;border-bottom:1px solid var(--border);font-family:var(--font-body);font-size:15px;line-height:1.45;color:var(--fg-muted)}.prose th{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-dim);font-weight:400}.section-head[id],.pack[id]{scroll-margin-top:96px}.dl-card{padding:32px 32px 26px}.mono-val{font-family:var(--font-mono);font-size:12px;letter-spacing:.03em;color:var(--fg-strong)}.hash{overflow-wrap:anywhere}.ui{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:#fff;white-space:nowrap}.dl-link{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:#fff;border-bottom:1px solid var(--border-hover);display:inline-block;margin-top:6px}.dl-link:hover{border-color:#fff}.steps{list-style:none;counter-reset:step;display:grid;gap:14px;margin-top:16px}.steps li{counter-increment:step;position:relative;padding-left:38px;font-family:var(--font-body);font-size:17px;line-height:1.5;color:var(--fg-strong)}.steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--fg-dim)}.note{font-family:var(--font-body);font-size:15px;line-height:1.55;color:var(--fg-muted);margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.note a{color:#fff;border-bottom:1px solid var(--border-hover)}.note a:hover{border-color:#fff}.note strong{color:#fff;font-weight:400;font-style:italic}.tips{list-style:none;display:grid;gap:12px;margin-top:16px}.tips li{font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--fg-muted);padding-left:14px;border-left:2px solid var(--border)}.pack-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pack{padding:32px 32px 22px;display:flex;flex-direction:column}.pack h3{font-family:var(--font-display);font-size:40px;letter-spacing:.04em;color:#fff;margin:8px 0 10px}.pack>p{font-family:var(--font-body);font-size:16px;line-height:1.55;color:var(--fg-muted);flex:1}.pack .tool-cta-row{margin-top:20px}.pack-preview{margin-bottom:22px}.pack-preview img{object-fit:contain;background:#000;filter:none}.clip-list{margin-top:22px;border-top:1px solid var(--border)}.clip-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:14px 0;color:var(--fg-dim)}.clip-list summary::-webkit-details-marker{display:none}.clip-list summary:after{content:"+"}.clip-list[open] summary:after{content:"–"}.clip-list summary:hover{color:#fff}.clip-list table{width:100%;border-collapse:collapse}.clip-list td{vertical-align:top;padding:9px 0;border-top:1px solid var(--border);font-family:var(--font-body);font-size:15px;line-height:1.45;color:var(--fg-muted)}.clip-list td.num,.clip-list td.dur{font-family:var(--font-mono);font-size:10px;color:var(--fg-dim);white-space:nowrap;padding-top:12px}.clip-list td.num{width:30px}.clip-list td.dur{text-align:right;padding-left:12px}.clip-list .file{font-family:var(--font-mono);font-size:11px;color:var(--fg-strong);overflow-wrap:anywhere}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px}.tool-card{position:relative;display:flex;flex-direction:column;padding:32px 28px 28px;min-height:320px;border:1px solid var(--border);background:#050505a6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .4s,transform .4s}.tool-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.tool-card .name{font-family:var(--font-display);font-size:64px;line-height:.9;letter-spacing:.03em;color:#fff;margin:18px 0 10px}.tool-card .tagline{font-family:var(--font-body);font-size:20px;font-style:italic;color:var(--fg-strong);margin-bottom:10px}.tool-card .desc{font-family:var(--font-body);font-size:15px;line-height:1.55;color:var(--fg-muted);flex:1}.tool-card .go{margin-top:22px}@media(max-width:760px){.tool-page{padding:96px 16px 56px}.tool-hero,.two-col{grid-template-columns:1fr;gap:24px}.prose{padding:28px 20px}.tool-grid,.pack-grid{grid-template-columns:1fr}.dl-card,.pack{padding:24px 20px 20px}.spec-table th{width:40%}.field-row{flex-direction:column}.field-row>*{flex:none!important;width:100%}.tile-stack{aspect-ratio:auto!important}.tile-stack .tile{aspect-ratio:var(--stack-ar, 4 / 3);flex:none}}
