.tools-hero{border-bottom:var(--rule);padding-block:clamp(3.5rem,7vw,6.5rem)}.tools-hero h1,.tool-intro h1{max-width:12ch;margin:.8rem 0 1.25rem;font-family:var(--font-display);font-size:clamp(3.5rem,8vw,7rem);font-weight:500;letter-spacing:-.07em;line-height:.9}.tools-hero p,.tool-intro__lede{max-width:43rem;color:var(--muted);font-size:1.1rem}.tool-group{border-bottom:var(--rule);padding-block:clamp(3rem,6vw,5rem)}.tool-group__heading{display:grid;grid-template-columns:.5fr 1.5fr;gap:2rem;margin-bottom:2rem}.tool-group__heading h2{margin:0;font-family:var(--font-display);font-size:clamp(2.3rem,5vw,4.5rem);font-weight:500;letter-spacing:-.06em}.tool-list{display:grid;border-top:var(--rule);border-left:var(--rule);grid-template-columns:repeat(3,1fr)}.tool-list a{min-height:10rem;border-right:var(--rule);border-bottom:var(--rule);padding:1.25rem;text-decoration:none}.tool-list a:hover{background:var(--orange)}.tool-list strong{display:block;margin-bottom:2.4rem;font-family:var(--font-display);font-size:1.55rem;font-weight:500;letter-spacing:-.04em;line-height:1}.tool-list span{color:var(--muted);font-size:.78rem}.tool-intro{border-bottom:var(--rule);padding-block:clamp(2.5rem,6vw,5rem)}.tool-intro__meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.tool-intro__meta span{border:1px solid var(--ink);padding:.35rem .55rem;font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase}.tool-workspace-shell{padding-block:clamp(2rem,5vw,4rem)}.tool-workspace-placeholder{display:grid;min-height:25rem;place-items:center;border:var(--rule);background:var(--ink);color:var(--paper);padding:2rem;text-align:center}.tool-workspace-placeholder strong{display:block;color:var(--lime);font-family:var(--font-mono);font-size:clamp(1.25rem,4vw,2rem)}.tool-workspace-placeholder p{max-width:34rem;margin:1rem auto 0;color:#aaa9a2}.editor-workspace{display:grid;grid-template-columns:minmax(18rem,.8fr) minmax(0,1.2fr);border:var(--rule)}.editor-controls{border-right:var(--rule);padding:clamp(1rem,3vw,2rem)}.editor-section-heading{display:flex;align-items:baseline;gap:.65rem;margin-bottom:.9rem}.editor-section-heading span{color:var(--orange-ink);font-family:var(--font-mono);font-size:.7rem}.editor-section-heading h2{margin:0;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.editor-upload{display:grid;min-height:9rem;place-content:center;border:2px dashed var(--ink);padding:1rem;background:var(--paper-raised);text-align:center;cursor:pointer}.editor-upload strong{font-family:var(--font-display);font-size:1.35rem;font-weight:500}.editor-upload span{color:var(--muted);font-size:.75rem}.editor-upload input{width:100%;margin-top:.8rem;font-size:.75rem}.editor-upload input::file-selector-button{margin-right:.7rem;border:2px solid var(--ink);padding:.48rem .7rem;background:var(--blue);color:#fff;font-family:var(--font-mono);font-size:.66rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}.editor-upload input:hover::file-selector-button{background:var(--ink)}.editor-upload.drop-hover{background:color-mix(in srgb,var(--lime) 30%,var(--paper-raised))}.editor-samples{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-top:.65rem}.editor-samples button{display:grid;gap:.3rem;border:1px solid var(--ink);padding:.4rem;background:var(--paper-raised);font-family:var(--font-mono);font-size:.65rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s var(--ease-out)}.editor-samples button:hover{background:var(--orange);transform:translate(-1px,-1px)}.editor-samples button:active{transform:translate(0)}.editor-samples img{width:100%;height:3rem;object-fit:cover;background:var(--ink)}.code-workspace{display:grid;grid-template-columns:minmax(16rem,.7fr) minmax(0,1.3fr);border:var(--rule);background:var(--paper-raised)}.code-workspace__controls{display:grid;align-content:start;gap:1rem;padding:1.5rem;border-right:var(--rule)}.code-workspace__preview{min-width:0;padding:1.5rem;background:var(--ink);color:var(--paper)}.code-workspace__preview>p{width:var(--characters, 12ch);max-width:100%;overflow:hidden;white-space:nowrap;border-right:.12em solid var(--lime);font:700 clamp(2rem,6vw,4.5rem)/1 var(--font-mono);animation:code-type var(--duration, 2.4s) steps(var(--characters, 12)) infinite alternate}.code-workspace pre{max-height:22rem;margin-top:3rem;padding:1rem;overflow:auto;border:1px solid color-mix(in srgb,var(--paper) 30%,transparent);color:var(--lime);font-size:.75rem;white-space:pre-wrap}@keyframes code-type{0%{width:0}}@media(max-width:760px){.code-workspace{grid-template-columns:1fr}.code-workspace__controls{border-right:0;border-bottom:var(--rule)}}.media-workspace{display:grid;grid-template-columns:minmax(16rem,.7fr) minmax(0,1.3fr);border:var(--rule);background:var(--paper-raised)}.media-workspace__controls{display:grid;align-content:start;gap:1rem;padding:1.5rem;border-right:var(--rule)}.media-workspace__preview{min-height:25rem;display:grid;align-content:center;justify-items:center;gap:1rem;padding:1.5rem;background:var(--ink);color:var(--paper)}.media-workspace__preview video{width:100%;max-height:18rem;object-fit:contain}@media(max-width:760px){.media-workspace{grid-template-columns:1fr}.media-workspace__controls{border-right:0;border-bottom:var(--rule)}}.tool-guide{border-top:var(--rule);padding-block:clamp(3rem,6vw,5rem)}.tool-guide__intro,.tool-guide__columns{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem)}.tool-guide__intro{align-items:end;margin-bottom:2.5rem}.tool-guide h2{max-width:12ch;margin:.5rem 0 0;font-family:var(--font-display);font-size:clamp(2.4rem,5vw,4.5rem);font-weight:500;letter-spacing:-.06em;line-height:.95}.tool-specs{display:grid;grid-template-columns:repeat(3,1fr);border-top:var(--rule);border-left:var(--rule)}.tool-specs div{display:grid;align-content:space-between;gap:1rem;min-height:7rem;border-right:var(--rule);border-bottom:var(--rule);padding:.8rem}.tool-specs span,.tool-specs strong{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase}.tool-specs span{color:var(--muted)}.tool-specs strong{overflow-wrap:anywhere}.tool-steps{display:grid;border-top:var(--rule)}.tool-steps li{display:grid;grid-template-columns:3rem 1fr;gap:1rem;align-items:start;border-bottom:var(--rule);padding:1rem 0}.tool-steps li span{color:var(--orange-ink);font-family:var(--font-mono);font-size:.7rem;font-weight:800}.tool-steps li p{margin:0;max-width:34rem}.tool-related{display:grid;gap:.65rem}.tool-related__card{display:grid;gap:.4rem;border:var(--rule);padding:1rem;text-decoration:none;transition:background .16s ease,transform .16s var(--ease-out)}.tool-related__card:hover{background:var(--orange);transform:translate(-2px,-2px)}.tool-related__card strong{font-family:var(--font-display);font-size:1.35rem;font-weight:500;letter-spacing:-.03em}.tool-related__card span{color:var(--muted);font-size:.78rem;line-height:1.45}.editor-options{border-top:var(--rule-light);margin-top:1.4rem;padding-top:1.4rem}.editor-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.editor-option-grid label{display:grid;gap:.3rem}.editor-option-grid label>span{font-size:.67rem;font-weight:800;text-transform:uppercase}.editor-option-grid input,.editor-option-grid select{width:100%;min-height:2.65rem;border:1px solid var(--ink);border-radius:0;padding:.55rem;background:var(--paper-raised)}.editor-option-grid select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - .9rem) 1.05rem,calc(100% - .63rem) 1.05rem;background-repeat:no-repeat;background-size:.28rem .28rem,.28rem .28rem;padding-right:2rem}.editor-option-grid .editor-check{display:flex;align-items:center;gap:.5rem}.editor-option-grid .editor-check input{width:1.1rem;min-height:1.1rem;accent-color:var(--blue)}.editor-process{width:100%;margin-top:1.5rem}.editor-process:disabled{cursor:not-allowed;opacity:.45}.editor-status{min-height:1.4em;color:var(--muted);font-family:var(--font-mono);font-size:.7rem}.editor-status.err{color:#b21f00}.editor-preview{min-width:0;background:var(--ink);color:var(--paper);padding:clamp(1rem,3vw,2rem)}.editor-preview__bar{display:flex;justify-content:space-between;margin-bottom:.75rem;color:#aaa9a2;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.editor-preview__stage{display:grid;min-height:22rem;place-items:center;overflow:auto;border:1px solid #5c5b56;padding:1rem;color:#aaa9a2}.editor-preview__stage canvas{max-width:100%;height:auto;box-shadow:.65rem .65rem 0 var(--orange)}.editor-meta{color:#b8b7b0;font-family:var(--font-mono);font-size:.7rem}.editor-meta .progress{height:.5rem;overflow:hidden;background:#393934}.editor-meta .progress-bar{height:100%;width:0;background:var(--lime)}.editor-downloads{display:flex;flex-wrap:wrap;gap:.55rem}.editor-downloads a{display:inline-flex;border:var(--rule);padding:.65rem .8rem;background:var(--lime);color:var(--ink);font-size:.75rem;font-weight:800;text-decoration:none;text-transform:uppercase}.sequence-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;min-height:18rem;align-content:start}.sequence-preview>p{grid-column:1 / -1;align-self:center;text-align:center;color:#aaa9a2}.sequence-preview figure{margin:0;border:1px solid #5c5b56}.sequence-preview img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:contain;background:#20201c}.sequence-preview figcaption{overflow:hidden;padding:.35rem;color:#aaa9a2;font-size:.6rem;text-overflow:ellipsis;white-space:nowrap}.editor-preview>progress{width:100%;margin-top:1rem;accent-color:var(--lime)}@media(max-width:760px){.tool-list,.tool-group__heading,.tool-guide__intro,.tool-guide__columns,.tool-specs,.editor-workspace{grid-template-columns:1fr}.editor-controls{border-right:0;border-bottom:var(--rule)}.editor-option-grid{grid-template-columns:1fr}}.tool-faq{border-top:var(--rule);padding-block:clamp(3rem,6vw,5rem);background:var(--paper-raised)}.tool-faq__heading{margin-bottom:2rem}.tool-faq__heading h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.5rem);font-weight:500;letter-spacing:-.05em;margin:.5rem 0 0}.faq-list{display:grid;gap:1rem;max-width:52rem}.faq-item{border:var(--rule);background:var(--paper);padding:1.25rem 1.5rem;transition:background .15s ease}.faq-item[open]{background:var(--paper-raised)}.faq-item summary{font-size:1.05rem;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-family:var(--font-mono);font-size:1.3rem;font-weight:400;color:var(--muted);transition:transform .2s ease}.faq-item[open] summary:after{content:"−";color:var(--ink)}.faq-item p{margin:1rem 0 0;color:var(--muted);line-height:1.6;font-size:.95rem}.frame-editor-workspace{border:var(--rule);background:var(--paper-raised);display:grid;gap:0}.frame-editor__top-bar{display:grid;grid-template-columns:minmax(18rem,1fr) minmax(0,1fr);border-bottom:var(--rule)}.frame-editor__upload-zone{padding:1.5rem;border-right:var(--rule);display:grid;gap:1.25rem;align-content:start}.frame-editor__preview-panel{padding:1.5rem;background:var(--ink);color:var(--paper);display:grid;gap:1rem}.frame-editor__preview-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.frame-editor__preview-header .badge{display:inline-block;margin-left:.5rem;padding:.2rem .5rem;border:1px solid #555;font-family:var(--font-mono);font-size:.7rem;color:var(--lime);background:#222}.frame-editor__stage{display:grid;place-items:center;min-height:14rem;border:1px solid #444;background:#181816;padding:.75rem}.frame-editor__stage canvas{max-width:100%;max-height:12rem;object-fit:contain;box-shadow:0 0 10px #00000080}.frame-editor__export-bar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.frame-editor__export-bar progress{width:100%;height:.5rem;accent-color:var(--lime)}.frame-editor__toolbar{padding:1.25rem 1.5rem;border-bottom:var(--rule);background:var(--paper);display:grid;gap:.75rem}.frame-editor__toolbar .toolbar-title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.frame-editor__toolbar .toolbar-title h3{margin:0;font-size:1rem;font-weight:800;text-transform:uppercase}.frame-editor__toolbar .toolbar-buttons{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.delay-batch-tool{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;margin-left:auto}.delay-batch-tool input{width:4.5rem;padding:.25rem .4rem;border:1px solid var(--ink)}.frame-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1rem;padding:1.5rem;min-height:16rem;background:var(--paper-raised)}.frame-grid .empty-hint{grid-column:1 / -1;text-align:center;color:var(--muted);padding:4rem 1rem;font-size:1.05rem}.frame-card{border:var(--rule);background:var(--paper);padding:.75rem;display:grid;gap:.5rem;cursor:pointer;transition:transform .1s ease,border-color .1s ease,box-shadow .1s ease}.frame-card:hover{border-color:var(--blue);box-shadow:.25rem .25rem 0 var(--blue)}.frame-card.active{border:2px solid var(--orange);box-shadow:.35rem .35rem 0 var(--orange);background:#fffdfa}.frame-card__header{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--muted)}.frame-card canvas{width:100%;aspect-ratio:16 / 10;object-fit:contain;background:#111;border:1px solid #444}.frame-card__controls{display:grid;gap:.5rem}.frame-card__delay-label{display:flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:700}.frame-card__delay-label input{width:3.8rem;padding:.2rem .3rem;border:1px solid var(--ink);font-family:var(--font-mono);font-size:.75rem}.frame-card__buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem}.frame-card__buttons button{padding:.3rem 0;border:1px solid var(--ink);background:var(--paper-raised);font-size:.75rem;font-weight:700;cursor:pointer;display:grid;place-items:center}.frame-card__buttons button:hover:not(:disabled){background:var(--lime)}.frame-card__buttons button.btn-delete:hover{background:#ff4d4d;color:#fff}.frame-card__buttons button:disabled{opacity:.3;cursor:not-allowed}.button--small{padding:.4rem .75rem;font-size:.8rem}@media(max-width:820px){.frame-editor__top-bar{grid-template-columns:1fr}.frame-editor__upload-zone{border-right:0;border-bottom:var(--rule)}.delay-batch-tool{margin-left:0;width:100%}}