.st-tool{gap:1rem;max-width:820px;margin:1.5rem auto 3rem;padding:0 1rem;display:grid}.st-panel{border:1px solid var(--border,#e2e2e2);border-radius:1rem;gap:.75rem;padding:1rem 1.25rem 1.25rem;display:grid}.st-panel h2{margin:0;font-size:1.05rem}.st-safe{border-width:2px}.st-note{opacity:.85;margin:0;font-size:.9rem}.st-row{flex-wrap:wrap;gap:.5rem;display:flex}.st-row button{min-height:44px}.st-row button[data-active=true]{outline:2px solid var(--focus,#1a73e8);outline-offset:1px;font-weight:700}.st-diagram{grid-template-columns:1fr 1fr;gap:.5rem;max-width:320px;display:grid}.st-diagram span{border:2px solid var(--border,#d4d4d4);opacity:.55;border-radius:.75rem;place-items:center;min-height:56px;font-size:1.25rem;font-weight:800;display:grid}.st-diagram span[data-active=true]{opacity:1;border-color:var(--focus,#1a73e8);background:color-mix(in srgb, var(--focus,#1a73e8) 12%, transparent)}.st-volume{gap:.35rem;font-weight:600;display:grid}.st-volume input[type=range]{width:100%;min-height:44px}.st-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;display:grid}.st-field{gap:.35rem;font-size:.9rem;font-weight:600;display:grid}.st-field input[type=text]{border:1px solid var(--border,#d4d4d4);min-height:44px;color:inherit;background:0 0;border-radius:.5rem;padding:0 .6rem;font-size:1rem}.st-filebtn{border:1px dashed var(--border,#d4d4d4);cursor:pointer;border-radius:.75rem;gap:.35rem;min-height:44px;padding:.6rem .8rem;font-weight:600;display:inline-grid}.st-filebtn input[type=file]{max-width:100%}.st-progress{background:var(--border,#d4d4d4);border-radius:6px;height:12px;overflow:hidden}.st-progress span{background:var(--focus,#1a73e8);width:0;height:100%;transition:width .12s linear;display:block}.st-status{margin:0;font-weight:700}.st-error{color:var(--danger,#b3261e);margin:0;font-weight:700}@media (prefers-reduced-motion:reduce){.st-progress span{transition:none}}