.automata{width:100%;min-width:0}.automata__controls{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.automata__control{color:#1e293b;background:#ffffffb3;border:1px solid #94a3b8;min-height:2rem;padding:.3rem .75rem;font-size:.8rem;font-weight:600;line-height:1;transition:border-color .15s,background-color .15s,color .15s}.automata__control:hover{background:#f1f5f9;border-color:#475569}.automata__control:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.automata__control[aria-pressed=true]{color:#fff;background:#0f172a;border-color:#0f172a}.automata__action{color:#1e293b;background:#f1f5f9;border:1px solid #64748b;min-height:2rem;padding:.3rem .75rem;font-size:.8rem;font-weight:700;line-height:1;transition:border-color .15s,background-color .15s,color .15s}.automata__action:hover{background:#e2e8f0;border-color:#0f172a}.automata__action:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.automata__action--primary{color:#fff;background:#0f172a;border-color:#0f172a}.automata__action--primary:hover{background:#1e293b}.automata__action:disabled{cursor:not-allowed;opacity:.5}.dark .automata__control{color:#e2e8f0;background:#0f172abf;border-color:#64748b}.dark .automata__control:hover{background:#1e293b;border-color:#cbd5e1}.dark .automata__control[aria-pressed=true]{color:#0f172a;background:#e2e8f0;border-color:#e2e8f0}.dark .automata__action{color:#e2e8f0;background:#1e293b;border-color:#64748b}.dark .automata__action:hover{background:#334155;border-color:#cbd5e1}.dark .automata__action--primary{color:#0f172a;background:#e2e8f0;border-color:#e2e8f0}.automata__stage{contain:layout paint;background:#000;border:1px solid #334155;width:100%;min-width:0;height:clamp(24rem,68svh,46rem);position:relative;overflow:hidden;box-shadow:0 1.5rem 4rem #0f172a33}.automata__stage canvas{max-width:100%;display:block;width:100%!important;height:100%!important}.automata__fullscreen{color:#fff;background:#0f172ab8;border:1px solid #94a3b8b3;place-items:center;width:2.5rem;height:2.5rem;min-height:2rem;margin-left:auto;padding:0;transition:border-color .15s,background-color .15s;display:grid;box-shadow:0 .3rem 1rem #0000004d}.automata__fullscreen:hover{background:#0f172aeb;border-color:#ffffffe5}.automata__fullscreen:focus-visible{outline-offset:2px;outline:2px solid #fff}.automata__fullscreen[hidden]{display:none}.automata__fullscreen svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.automata__stage:fullscreen{width:100%;height:100%;box-shadow:none;border:0}.automata__dialog{color:#0f172a;background:#f8fafc;border:1px solid #475569;width:min(34rem,100% - 1rem);max-height:calc(100dvh - 1rem);padding:0;overflow:auto;box-shadow:0 2rem 6rem #0006}.automata__dialog::backdrop{background:#020617b8}.automata__dialog-panel{padding:clamp(1rem,4vw,1.5rem)}.automata__dialog-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.automata__dialog-header h2{color:inherit;letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:800}.automata__dialog-header p{color:#475569;margin:.45rem 0 0;font-size:.85rem;line-height:1.5}.automata__dialog-close{color:#1e293b;background:#fff;border:1px solid #94a3b8;flex:none;place-items:center;width:2.25rem;height:2.25rem;display:grid}.automata__dialog-close:hover{border-color:#0f172a}.automata__dialog-close:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.automata__dialog-close svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2px;width:1.15rem}.automata__field-label{margin-top:1.25rem;font-size:.82rem;font-weight:750;display:block}.automata__text-input{color:#0f172a;width:100%;min-height:2.75rem;font:inherit;background:#fff;border:1px solid #64748b;margin-top:.45rem;padding:.65rem .75rem}.automata__text-input:focus{border-color:#2563eb;outline:2px solid #2563eb40}.automata__drop-zone{cursor:pointer;text-align:center;background:#fff;border:2px dashed #64748b;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;min-height:13rem;margin-top:1.25rem;padding:1.25rem;display:flex}.automata__drop-zone:hover,.automata__drop-zone[data-dragging=true]{background:#eff6ff;border-color:#2563eb}.automata__drop-zone:has(input:focus-visible){outline-offset:2px;outline:2px solid #2563eb}.automata__drop-zone svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:2.5rem}.automata__drop-zone strong,.automata__drop-zone span,.automata__drop-zone small{display:block}.automata__drop-zone span{color:#2563eb;font-size:.85rem;font-weight:700}.automata__drop-zone small{color:#475569;margin-top:.35rem;font-size:.72rem;line-height:1.45}.automata__file-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.automata__file-name,.automata__field-error{color:#475569;overflow-wrap:anywhere;min-height:1.25rem;margin:.55rem 0 0;font-size:.78rem}.automata__field-error{color:#b91c1c;font-weight:650}.automata__dialog-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.automata__status,.automata__noscript{z-index:1;color:#cbd5e1;text-align:center;margin:0;font-size:.9rem;position:absolute;inset:50%auto auto 50%;transform:translate(-50%,-50%)}.automata__status[hidden]{display:none}@media (max-width:40rem){.automata__stage{height:clamp(20rem,62svh,34rem)}}