*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{scrollbar-gutter:stable both-edges;font-family:Arial,Helvetica,sans-serif;background-color:#f5f5f5}:root :has(dialog:open){overflow:hidden}.button,.input{padding-block:.8rem;padding-inline:1rem;border:1px solid olive;border-radius:10px;font-family:inherit;font-size:100%}.button{cursor:pointer;user-select:none;display:flex;align-items:center;justify-content:center;background-color:ivory;transition:filter .3s}.button:hover{filter:brightness(95%)}a{text-decoration:none}dialog{opacity:0;transition:opacity .5s;transition-behavior:allow-discrete}dialog::backdrop{opacity:0;background-color:rgba(255,255,240,.2);backdrop-filter:blur(0);transition:backdrop-filter .5s allow-discrete}@starting-style{dialog::backdrop{backdrop-filter:blur(0)}}dialog[open]{opacity:1}dialog[open]::backdrop{opacity:1;backdrop-filter:blur(3px)}@starting-style{dialog[open]::backdrop{opacity:0;backdrop-filter:blur(0)}}@starting-style{dialog[open]{opacity:0}}
.NskZLdW4{display:flex;flex-direction:column;gap:3rem;align-items:center;justify-content:center}.NskZLdW4 .g2UeEqgd{font-size:2rem;text-align:center}.NskZLdW4 .xuueSOa7{color:crimson}
.gFnfx4ij{display:grid;grid-template:"text" 1fr "confirm" auto;gap:1rem;inline-size:100%;block-size:100%;text-align:center}.gFnfx4ij .VSpKMDvI{padding:1rem;border:1px dashed #767676;border-radius:10px;background-color:#f5f5f5}.gFnfx4ij .amFc80ed{grid-area:confirm;color:tomato}
.DjsQZilJ{inset-block-start:50%;inset-inline-start:50%;transform:translate(calc(-50% - 16px), -50%);inline-size:90dvw;max-inline-size:550px;padding:0;border:1px solid olive;border-radius:10px;box-shadow:0 4px 35px -1px rgba(0,0,0,.41)}.DjsQZilJ .fc5Krxn2{display:flex;flex-direction:column;gap:1rem;block-size:100%;padding-block:2rem;padding-inline:2rem;border-radius:10px;background-color:#f0f8ff}.DjsQZilJ .vddV0hcL{grid-area:cancel;color:tomato}
.dT4MXMHp{display:flex;gap:.5rem;align-items:center}.dT4MXMHp .k95nWxKE{padding:.8rem;border:1px dashed olive;border-radius:10px}.dT4MXMHp .TGmzbpMQ{flex-grow:1;min-inline-size:5rem}.dT4MXMHp .SPTYVgFf{max-inline-size:6rem;padding-inline-end:.5rem}.dT4MXMHp .Px2b8k3x{background-color:#faebd7}
.BjLWJtgj{display:grid;grid-template-areas:"add add" "paste paste" "clear clear" "save load" "start start";grid-template-columns:repeat(2, 1fr);gap:1rem;inline-size:100%}.BjLWJtgj .wu2onWrZ{grid-area:add}.BjLWJtgj .VvR_cLmk{grid-area:paste}.BjLWJtgj .P8_c14cO{grid-area:clear}.BjLWJtgj .Rho6sQTT{grid-area:save}.BjLWJtgj .t_bAlERs{grid-area:load}.BjLWJtgj .wPvB4n73{grid-area:start;font-weight:600;color:green;text-align:center}
.ebKlFu_v{display:grid;grid-template:"text text" 1fr "cancel confirm" auto;gap:1rem;inline-size:100%;block-size:100%}.ebKlFu_v .nbbI1q7D{resize:none;grid-area:text;flex-grow:1;block-size:200px;padding:1rem;border-radius:5px;font-family:monospace}.ebKlFu_v .yChMKknu{grid-area:confirm;color:green}
.s3zQh4Ub{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;inline-size:100%;max-inline-size:48rem;padding:.5rem}.Y7VyBq0s{display:flex;flex-direction:column;gap:1rem;inline-size:100%}.T1ZhZvMS{display:inline-block;color:#db7093}
.kUXM5QqS{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;inline-size:100%;max-inline-size:48rem;padding:.5rem}.kUXM5QqS .k3NErUVk{user-select:none;overflow:hidden;inline-size:100%;max-inline-size:300px;padding-block:.8rem;padding-inline:1rem;border:1px dashed olive;border-radius:10px;text-align:center}.kUXM5QqS .k3NErUVk.u3HAoKGO{outline:3px solid coral}
.U7UzeIOr{max-inline-size:100%}
.f8ysmuim{display:grid;grid-template:"back duration duration sound" 1fr "pick   pick     pick   pick" auto/1fr 1fr 1fr 1fr;gap:1rem .5rem;max-inline-size:300px}.f8ysmuim .HYA9Qo6Q{grid-area:back;color:#db7093;text-align:center}.f8ysmuim .HYA9Qo6Q.mAEfnKxT{pointer-events:none;cursor:default;border-style:dashed;color:#000;background:none}.f8ysmuim .dL9NNKXl{user-select:none;display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center;text-align:center}.f8ysmuim .dL9NNKXl .u3_D2dFf{display:block}.f8ysmuim .xXjGbLfa{grid-area:duration;place-self:center center;max-inline-size:6rem}.f8ysmuim .QpP3QuzH{max-inline-size:4.5rem;padding-inline-end:.5rem}.f8ysmuim .QpP3QuzH:disabled{border-style:dashed}.f8ysmuim .mfygANtz{grid-area:sound;place-self:center center;block-size:100%;background-color:#faebd7}.f8ysmuim .mfygANtz:has(:disabled){cursor:default;border-style:dashed;background:none}.f8ysmuim .mfygANtz .u3_D2dFf{line-height:1.35}.f8ysmuim .A7BxW13J{display:none}.f8ysmuim .nOAqJeE7{grid-area:pick;font-weight:600;color:indigo}.f8ysmuim .nOAqJeE7:disabled{cursor:default;border-style:dashed;color:#000;background:none}
.C8Dn1lrC{display:flex;flex-direction:column;gap:1.5rem;align-items:center;min-block-size:100dvh}.teSzgQ6N{margin-block-start:1rem;font-size:2rem;color:coral}.aSBkswPz{display:flex;flex-grow:1;justify-content:center;inline-size:100%}

/*# sourceMappingURL=main.3e87a1a0ab81238cb953.css.map*/