main:has(.tool-results){background:var(--band-bg)}.tool-hero{background:var(--hero-bg);color:var(--hero-text);padding:2.25rem 0 2rem}.tool-grid{grid-template-columns:10.5rem minmax(0,1fr) 11rem;align-items:start;gap:1.75rem;display:grid}.tool-hint{text-align:center;padding-top:1.5rem;font-size:.9rem}.tool-hint p{margin:.75rem 0 0}.tool-hint .hint-arrow{stroke-width:2.5px}.field-label{margin-bottom:.3rem;font-size:.85rem;font-weight:700;display:block}.input-head{justify-content:space-between;align-items:flex-end;display:flex}.input-wrap{position:relative}.input-wrap textarea{border-radius:var(--radius);background:var(--code-bg);width:100%;height:14rem;min-height:6rem;color:var(--code-text);font-family:var(--font-mono);resize:vertical;tab-size:4;white-space:pre;border:0;padding:.5rem .6rem;font-size:.875rem;line-height:1.45;display:block}.input-wrap textarea::placeholder{color:var(--code-gutter)}.input-actions{gap:.15rem;margin-bottom:.2rem;display:flex}.input-actions button,.tool-options .icon-button{border-radius:var(--radius);width:1.6rem;height:1.6rem;color:inherit;background:0 0;border:0;place-items:center;padding:0;display:grid}.input-actions button:hover,.tool-options .icon-button:hover{background:#ffffff2e}.drop-overlay{border:2px dashed var(--primary);border-radius:var(--radius);background:color-mix(in srgb, var(--code-bg) 88%, transparent);color:var(--primary);pointer-events:none;place-items:center;font-weight:500;display:none;position:absolute;inset:0}.input-wrap.dragging .drop-overlay{display:grid}.process-row{justify-content:center;align-items:center;gap:1rem;margin-top:.75rem;display:flex}.process-row .btn-primary{box-shadow:0 2px #0003}.shortcut{opacity:.85;font-size:.75rem}.shortcut kbd{color:inherit;background:#ffffff1f;border-color:#ffffff59}.tool-options{text-align:center;flex-direction:column;gap:.85rem;padding-top:1.6rem;display:flex}.tool-options select{border-radius:var(--radius);background:var(--code-bg);width:100%;color:var(--code-text);border:0;padding:.3rem .4rem;font-size:.85rem}.tool-options .check{justify-content:center;align-items:center;gap:.45rem;display:flex}.tool-options .check .field-label{margin:0}.tool-options .check input{width:1rem;height:1rem;accent-color:var(--primary);margin:0}.tool-options .help{cursor:help;background:#fff3;border-radius:50%;place-items:center;width:1.1rem;height:1.1rem;font-size:.75rem;font-weight:700;display:inline-grid}.tool-options [hidden]{display:none}.tool-results{background:var(--band-bg);color:var(--band-text);padding:1.5rem 0 2rem}.tool-results-inner{max-width:52rem}.empty[hidden]{display:none}.empty-box{text-align:center;border:2px dashed #ffffff24;border-radius:8px;padding:2rem 1.25rem}.empty-box .empty-icon{color:var(--primary)}.empty-box h2{color:#fff;margin:.6rem 0 .35rem;font-size:1.3rem;font-weight:500}.empty-box p{color:var(--band-muted);margin:0;font-size:.9rem}.empty-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1.1rem 0;display:flex}.empty-actions button{border-radius:var(--radius);background:var(--band-tool-bg);color:var(--band-text);border:0;align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.9rem;transition:background .15s;display:inline-flex}.empty-actions button:hover{background:var(--band-tool-hover)}.empty-box .empty-tip{font-size:.8rem}.empty-tip kbd{color:var(--band-text);background:#ffffff0f;border-color:#fff3}.features{grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:.75rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.features li{color:var(--band-muted);background:#ffffff0a;border-radius:6px;flex-direction:column;gap:.3rem;padding:1rem;font-size:.82rem;display:flex}.features strong{color:#fff;font-size:.95rem;font-weight:500}.features .feature-icon{color:var(--primary);margin-bottom:.2rem}.cheatsheet{margin-top:1.5rem}.cheatsheet h3{color:#fff;margin:0 0 .6rem;font-size:.85rem;font-weight:700}.cheatsheet dl{background:#ffffff0a;border-radius:6px;grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:0 1.5rem;margin:0;padding:.5rem 1rem;display:grid}.cheat-row{border-bottom:1px solid #ffffff0f;grid-template-columns:9.5rem minmax(0,1fr);align-items:baseline;gap:.75rem;padding:.45rem 0;font-size:.82rem;display:grid}.cheat-row dt{color:var(--band-muted)}.cheat-row dd{flex-wrap:wrap;align-items:baseline;gap:.4rem;margin:0;display:flex}.cheat-row code{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.78rem}.cheat-row.clickable{cursor:pointer;border-radius:4px;margin:0 -.5rem;padding-inline:.5rem}.cheat-row.clickable:hover,.cheat-row.clickable:focus-visible{background:#ffffff0f;outline:none}.cheat-link{color:var(--band-muted);margin-left:.6rem;font-weight:400;text-decoration:none}.cheat-link:hover{color:#fff}.expr-field{margin-top:.75rem}.expr-field input{border-radius:var(--radius);background:var(--code-bg);width:100%;color:var(--code-text);font-family:var(--font-mono);border:0;padding:.45rem .6rem;font-size:.875rem;display:block}.expr-field input::placeholder{color:var(--code-gutter)}.cheat-row .before{color:#f1948a}.cheat-row .after{color:#82e0aa}.cheat-row .arrow{color:var(--band-muted)}@media (width<=480px){.cheat-row{grid-template-columns:minmax(0,1fr);gap:.15rem}}@media (width<=860px){.tool-grid{grid-template-columns:minmax(0,1fr);gap:1rem}.tool-hint{order:3;padding-top:0}.tool-hint .hint-arrow{display:none}.tool-options{text-align:left;flex-flow:wrap;order:-1;align-items:end;padding-top:0}.tool-options>label:not(.check),.tool-options>.option-group{flex:9rem}.tool-options .check{justify-content:flex-start;height:2rem}.shortcut{display:none}}