:root{--brand:#2563eb;--brand2:#db2777}
.vprev{width:100%;max-height:60vh;border-radius:12px;background:#000;display:block;margin:8px 0}
.row2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:10px 0}
.row2 label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.row2 input[type=number]{padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);font:inherit}
.rng{width:100%;accent-color:var(--brand)}
.btnrow{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.btnrow .btn{width:auto;flex:1 1 auto;min-width:0;padding:9px 12px;font-size:14px}
.chk{display:flex;gap:8px;align-items:center;font-size:14px;margin:10px 0}
.cropwrap{position:relative;display:block}
.cropwrap .vprev{margin:8px 0}
.cropbox{position:absolute;border:2px solid #fff;box-shadow:0 0 0 9999px rgba(0,0,0,.55);border-radius:4px;pointer-events:none;margin-top:8px;max-width:100%}
.cropwrap{overflow:hidden;border-radius:12px}
.linkbox{margin:12px 0 0;text-align:center}
.linkbox .or{color:var(--muted);font-size:13px;margin:0 0 8px}
.lrow{display:flex;gap:8px}
.lrow input{flex:1;min-width:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);font:inherit}
.lrow .btn{width:auto;white-space:nowrap}
@media(max-width:520px){.lrow{flex-direction:column}.lrow .btn{width:100%}}
.linkbox .lmsg{min-height:1.2em}