:root{--ink:#092344;--red:#ed401d;--yellow:#ffcb32;--teal:#138b85}*{box-sizing:border-box}body{margin:0;background:white;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}main{width:min(100%,460px);margin:auto;padding:18px 22px 24px}button,input,select{font:inherit}button{cursor:pointer;color:var(--ink);background:white;border:2px solid var(--ink);border-radius:8px;min-height:44px;padding:8px 12px;font-weight:750}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.topline{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700}.topline button{font-size:12px;min-height:36px;border-color:#dce3ec}h1{text-align:center;font-weight:950;font-size:45px;letter-spacing:-2px;margin:14px 0 8px;line-height:1.15}h1 small{display:block;font-size:23px;letter-spacing:0;margin-top:8px}h1 span{color:var(--red)}.subtitle{width:fit-content;margin:12px auto 20px;background:var(--yellow);padding:5px 16px;border:2px solid var(--ink);font-size:13px;font-weight:900}.prompt{text-align:center;font-weight:800;font-size:19px;margin:12px 0}.stage{position:relative;width:288px;height:336px;margin:auto}canvas{width:288px;height:336px;image-rendering:pixelated}#knob{position:absolute;left:169px;top:196px;width:66px;height:66px;padding:0;border:6px solid var(--ink);border-radius:50%;background:var(--yellow);touch-action:none;box-shadow:0 0 0 4px #1267a0}#knob span{display:block;background:#9c4c0c;width:48px;height:9px;transform:rotate(-45deg)}.muted{font-size:12px;color:#637188;text-align:center}.primary{width:100%;background:var(--red);color:white;border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);font-size:18px;min-height:54px;border-radius:9px}.primary:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}#count{margin:14px 0}#result{border:3px solid var(--ink);padding:20px;margin:16px 0;text-align:center;border-radius:10px}#result h2{font-size:25px;overflow-wrap:anywhere}#result p{font-size:13px}.tag{background:var(--yellow);padding:4px 12px;font-size:12px;font-weight:800}.parent{width:100%;font-size:13px;margin-top:8px;border-color:#dce3ec}#notice{text-align:center;font-size:13px;min-height:18px}dialog{width:min(94%,500px);max-height:90dvh;border:3px solid var(--ink);border-radius:14px;padding:20px;color:var(--ink)}dialog::backdrop{background:#09234499}.dialoghead{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialoghead h2{font-size:20px}.dialoghead button{flex-shrink:0}dialog p{font-size:13px;line-height:1.7}.tools{display:flex;gap:8px;margin:16px 0}.tools button{font-size:12px}.item{display:grid;grid-template-columns:28px 1fr 44px;gap:8px;padding:14px 0;border-top:1px solid #dce3ec;align-items:center}.item input[type=checkbox]{width:24px;height:24px;accent-color:var(--teal)}.item input[type=text]{width:100%;min-width:0}.item select{margin-top:6px;font-size:12px}.item button{padding:4px}input,select{padding:10px;border:1px solid #a8b4c4;border-radius:5px;background:white;color:var(--ink);min-height:44px}form{border-top:2px solid var(--ink);padding-top:20px;margin-top:8px}label{font-size:13px;font-weight:750}.addrow{display:flex;gap:6px;margin:10px 0}.addrow input{width:100%;min-width:0}form .primary{font-size:15px;min-height:46px}.magic{margin-top:28px;padding-top:12px;border-top:2px dashed #bec8d6}.magic h3{font-size:17px}.magic select{width:100%;margin-bottom:8px}#queue li{padding:5px 0;overflow-wrap:anywhere}#queue button{font-size:12px;margin-left:8px;min-height:32px}#savestatus{color:var(--teal)}@media(max-width:350px){main{padding:12px}h1{font-size:39px}}

.audio-status{font-size:12px;line-height:1.6;color:#092344;text-align:center;margin:8px 0}.audio-status:empty{display:none}

.storage-help{margin:16px 0;font-size:13px}.storage-help summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:750}.storage-help p{text-align:left}#notice:empty{display:none}