.dlg-backdrop{z-index:90;background:#0006;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dlg{background:var(--panel);border:1px solid var(--line-2);border-radius:24px;flex-direction:column;gap:12px;width:min(460px,100%);max-height:calc(100dvh - 32px);padding:18px 20px;display:flex;overflow-y:auto;box-shadow:0 30px 80px -30px #000}.dlg.wide{width:min(760px,100%)}.edit-list{flex-direction:column;gap:8px;max-height:52vh;display:flex;overflow-y:auto}.edit-item{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:flex-start;gap:8px;padding:8px;display:flex}.dlg.preview{overflow:hidden}.preview-body{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex;overflow-y:auto}.preview-img{aspect-ratio:16/9;object-fit:contain;background:var(--surface-2);border-radius:16px;flex:none;width:100%;max-height:42vh}.preview-shots{flex-wrap:wrap;flex:none}.preview-media{flex:none;position:relative}.audio-ring{z-index:2;position:absolute;top:12px;right:12px}.audio-ring-btn{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(8px);background:#0e22189e;border:0;border-radius:50%;width:60px;height:60px;padding:0;transition:transform .15s;position:relative;box-shadow:0 8px 20px -8px #0000008c}.audio-ring-btn:hover{transform:scale(1.06)}.audio-ring-btn:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.audio-ring-btn.bad{opacity:.6;cursor:not-allowed}.audio-ring-btn svg{position:absolute;inset:0}.audio-ring-btn .ring-track{stroke:#ffffff47}.audio-ring-btn .ring-bar{stroke:#fff;transition:stroke-dashoffset .25s linear}.audio-ring-btn.on .ring-bar{stroke:var(--mint,#7ee0b0)}.audio-ring-btn .ring-icon{place-items:center;display:grid;position:absolute;inset:0}.audio-ring-btn .ring-icon svg{fill:currentColor;width:24px;height:24px;position:static}@media (prefers-reduced-motion:reduce){.audio-ring-btn,.audio-ring-btn .ring-bar{transition:none}}.preview-text{font-size:var(--fs-lg);min-height:140px;color:var(--ink-warm,var(--text));margin:4px 0;line-height:1.7}.dlg-backdrop{animation:.18s ease-out dlg-fade}.dlg{animation:.22s cubic-bezier(.2,.9,.3,1.1) dlg-pop}@keyframes dlg-fade{0%{opacity:0}to{opacity:1}}@keyframes dlg-pop{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.dlg-backdrop,.dlg{animation:none}}.story-editor{gap:20px}.story-editor>.field{gap:8px}.story-editor>.field>.lbl{font-size:var(--fs-lg);color:var(--text);font-weight:800}.story-editor>.field>.inp{font-size:var(--fs-md);font-weight:500}.story-editor>.field>.inp.display{font-size:var(--fs-xl);font-weight:800}.story-editor>.field>textarea.inp{line-height:1.7;font-size:var(--fs-md)}.story-editor .pa-assist h3{font-size:var(--fs-xl);font-weight:800}.story-editor .pa-assist .field,.story-editor .pa-assist .field>.lbl{font-size:var(--fs-md);color:var(--text);font-weight:800}.story-editor .pa-assist>.sub{font-size:var(--fs-md)}.preview-img.loading{opacity:0}.preview-loading{background:var(--surface-2);pointer-events:none;border-radius:16px;place-items:center;display:grid;position:absolute;inset:0}.preview-spin{border:5px solid color-mix(in srgb, var(--primary) 25%, transparent);border-top-color:var(--primary-strong);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite preview-spin}@keyframes preview-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.preview-spin{animation-duration:2s}}.audio-spin{border-width:3px;width:24px;height:24px}
