.title{z-index:5;text-align:center;pointer-events:none;position:fixed;top:22px;left:50%;transform:translate(-50%)}.title-name{font-family:var(--font-mono);letter-spacing:.5em;color:#ffffffd9;margin:0;font-size:13px;font-weight:500}.title-sub{letter-spacing:.08em;color:#ffffff6b;margin:8px 0 0;font-size:12px}.controls{z-index:5;-webkit-backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:7px;display:flex;position:fixed;bottom:44px;left:50%;transform:translate(-50%)}.controls button,.file-button{color:#ffffffc7;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;height:34px;padding:0 16px;font-size:13px;line-height:32px;transition:background .2s,color .2s}.controls button:hover,.file-button:hover{color:#fff;background:#ffffff14}.controls button[aria-pressed=true]{color:#000;background:#fff}.file-button input{opacity:0;width:1px;height:1px;position:absolute}.file-button:focus-within{outline:2px solid #ffffff80}.sensitivity{color:#ffffff80;align-items:center;gap:8px;padding:0 12px 0 8px;font-size:12px;display:flex}.sensitivity input{accent-color:#fff;width:90px}.status{z-index:5;color:#ff9a9a;margin:0;font-size:13px;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}.hint{z-index:4;letter-spacing:.06em;color:#ffffff4d;white-space:nowrap;pointer-events:none;margin:0;font-size:11px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.drop{z-index:20;letter-spacing:.1em;pointer-events:none;background:#0009;border:1px dashed #ffffff80;border-radius:20px;place-items:center;font-size:18px;display:grid;position:fixed;inset:16px}.drop[hidden]{display:none}.title,.controls,.hint,.back-link{transition:opacity .6s}body.ui-idle .controls,body.ui-idle .hint,body.ui-idle .back-link,body.ui-idle .title-sub{opacity:0}body.ui-idle{cursor:none}@media (width<=720px){.controls{border-radius:18px;flex-wrap:wrap;justify-content:center;width:calc(100vw - 24px);bottom:16px}.hint{display:none}}