#comicClipDialog{width:min(620px,calc(100vw - 32px));max-height:90dvh;padding:24px;overflow:auto;border:1px solid var(--line,#ddd);border-radius:16px;box-sizing:border-box}
#comicClipDialog::backdrop{background:rgba(15,23,42,.5)}
#comicClipForm{display:grid;gap:14px;min-width:0}
#comicClipForm label{display:grid;gap:6px;font-size:14px}
#comicClipForm input,#comicClipForm textarea{width:100%;box-sizing:border-box;min-width:0}
#comicClipForm textarea{resize:vertical}
#comicClipForm details>label{margin-top:12px}
#comicClipSummary,.clip-upload-note,#comicClipQrLabel{font-size:13px;color:var(--muted,#64748b);line-height:1.7}
#comicClipStatus{margin:0;line-height:1.7;overflow-wrap:anywhere}
#comicClipStatus.error{color:#b45309}
#comicClipProgress{width:100%;height:12px}
#comicClipResult{min-width:0;text-align:center;border:1px solid var(--line,#ddd);border-radius:12px;padding:16px}
#comicClipResult[hidden]{display:none}
#comicClipLink{display:block;overflow-wrap:anywhere;margin-bottom:12px}
#comicClipLink[hidden]{display:none}
#comicClipQr{display:block;width:min(240px,100%);height:auto;margin:14px auto;background:white}
#comicClipQr[hidden]{display:none}
#comicClipForm .actions{flex-wrap:wrap}
@media(max-width:600px){#comicClipDialog{padding:16px}#comicClipDialog .dialog-bar strong{font-size:16px}#comicClipForm .actions button{flex:1 1 100%}}
#comicClipForm>label[hidden],#comicClipForm>details[hidden],#comicClipForm>.clip-upload-note[hidden]{display:none}
#comicClipSummary{overflow-wrap:anywhere}