.banner-position-dialog{position:fixed;z-index:1500;inset:0;display:grid;padding:20px;place-items:center;background:rgba(2,3,7,.78)}.banner-position-dialog__panel{width:min(760px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;padding:22px;border:1px solid rgba(161,139,255,.25);border-radius:20px;background:#10131b}.banner-position-dialog__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.banner-position-dialog__heading h2{font-family:var(--font-display),sans-serif;font-size:18px;font-weight:600}.banner-position-dialog__heading p{margin-top:5px;color:#8f97a8;font-size:12px;line-height:1.55}.banner-position-dialog__heading>button{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:12px;color:#b8c0d0;background:rgba(255,255,255,.03)}.banner-position-dialog__viewport{position:relative;height:clamp(190px,31vw,300px);margin-top:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#080a0f;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.banner-position-dialog__viewport:active{cursor:grabbing}.banner-position-dialog__viewport>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.banner-position-dialog__viewport>span{position:absolute;bottom:14px;left:50%;display:inline-flex;min-height:34px;padding:0 12px;align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#fff;background:rgba(4,5,9,.68);font-size:10px;font-weight:800;gap:6px;pointer-events:none;transform:translateX(-50%);backdrop-filter:blur(10px)}.banner-position-dialog__sliders{display:grid;margin-top:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.banner-position-dialog__sliders label{display:grid;color:#aeb5c4;font-size:11px;font-weight:800;gap:8px}.banner-position-dialog__sliders input{width:100%;accent-color:var(--primary-bright)}.banner-position-dialog__actions{display:flex;margin-top:20px;justify-content:flex-end;gap:10px}.banner-position-dialog{padding:10px}.banner-position-dialog__panel{max-height:calc(100dvh - 20px);padding:16px;border-radius:16px}.banner-position-dialog__viewport{height:190px}.banner-position-dialog__sliders{grid-template-columns:1fr}.banner-position-dialog__actions{align-items:stretch;flex-direction:column-reverse}.banner-position-dialog__reset{display:inline-flex;min-height:44px;align-items:center;padding:0 16px;border:1px solid var(--line);border-radius:var(--r-md);color:rgba(255,255,255,.82);font-size:13px;font-weight:700}.banner-position-dialog__reset:hover{border-color:var(--primary-bright);color:#fff}