/* Checkpoint48: scoped visual position editor. */
.studio-position-admin header,.studio-position-admin footer{height:auto;min-height:0;padding:0;background:transparent;position:static;color:inherit;box-shadow:none;line-height:normal}
.studio-position-admin{--position-red:#d9232e;--position-ink:#17212f;--position-muted:#6b7687;--position-line:#e2e7ee;--position-bg:#f6f8fb;--position-panel:#fff;color:var(--position-ink);font-family:Arial,sans-serif;font-size:13px;max-width:1600px;margin:0 auto;padding:6px 0 24px;box-sizing:border-box}.studio-position-admin *{box-sizing:border-box}.studio-position-admin h1,.studio-position-admin h2,.studio-position-admin h3,.studio-position-admin p{margin:0;line-height:1.45}.studio-position-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px}.studio-position-admin .studio-position-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:var(--position-red);margin:0 0 7px}.studio-position-heading h1{font-size:30px;font-weight:750;letter-spacing:-1px;line-height:1.2}.studio-position-heading>div>p:last-child{margin-top:8px;color:var(--position-muted);font-size:13px}.studio-position-heading-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.studio-position-admin .material-icons{font-size:19px;vertical-align:middle;color:inherit}.studio-position-status{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:650;color:#337653;white-space:nowrap;margin-right:8px}.studio-position-status.is-dirty{color:#9d691a}.studio-position-admin button{cursor:pointer;font-family:inherit}.studio-position-admin button:disabled{cursor:default;opacity:.45}.studio-position-admin button:focus-visible,.studio-position-admin select:focus-visible,.studio-position-admin input:focus-visible{outline:3px solid #d9232e33;outline-offset:2px}.studio-position-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid #d9e0e8;border-radius:8px;padding:9px 14px;background:#fff;color:var(--position-ink);font-weight:700;font-size:12px;line-height:1.4;box-shadow:0 1px 2px #13213b04}.studio-position-button:hover:not(:disabled){border-color:var(--position-red);background:#fff7f7;color:var(--position-red)}.studio-position-button.is-primary{background:var(--position-red);border-color:var(--position-red);color:#fff;box-shadow:0 3px 8px #d9232e1c}.studio-position-button.is-primary:hover:not(:disabled){background:#bd1a24;border-color:#bd1a24;color:#fff}.studio-position-product{display:flex;gap:17px;align-items:center;padding:20px 24px;background:var(--position-panel);border:1px solid var(--position-line);border-radius:12px;margin-bottom:20px}.studio-position-product-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:10px;background:#f0f3f8;color:#536078;flex-shrink:0}.studio-position-product-icon .material-icons{font-size:25px}.studio-position-admin label{display:block;color:#465167;font-size:11px;font-weight:700;margin:0}.studio-position-product>label{max-width:540px;flex:1;font-size:12px}.studio-position-product>p{margin-left:auto;max-width:300px}.studio-position-product>p strong{display:block;font-size:12px;font-weight:650}.studio-position-product>p span{display:block;color:var(--position-muted);font-size:11px;margin-top:4px}.studio-position-admin select.dyo-native,.studio-position-admin input[type=text],.studio-position-admin input[type=number]{display:block!important;box-sizing:border-box!important;width:100%!important;height:40px!important;min-height:40px;min-width:0;max-width:100%;font-family:inherit;font-size:12px;color:var(--position-ink)!important;background:#fff!important;border:1px solid #dbe2eb!important;border-radius:6px!important;padding:0 10px!important;margin:6px 0 0!important;box-shadow:none!important;line-height:1.4}.studio-position-admin input:focus,.studio-position-admin select:focus{border-color:#b0bdd0!important;box-shadow:0 0 0 3px #e7edf680!important}.studio-position-admin label>small{font-size:10px;font-weight:400;color:var(--position-muted);white-space:nowrap}.studio-position-message{display:flex;gap:10px;align-items:flex-start;padding:14px 17px;border:1px solid;border-radius:9px;margin-bottom:18px;font-size:12px;line-height:1.5}.studio-position-message.is-info{color:#415570;background:#f1f6fc;border-color:#dde8f6}.studio-position-message.is-error{color:#a1252d;background:#fff4f4;border-color:#f5d9dc}.studio-position-message.is-success{color:#286346;background:#f0faf4;border-color:#d1e9da}.studio-position-message>.material-icons{flex-shrink:0;margin-top:1px}.studio-position-empty{text-align:center;padding:80px 24px;background:#fff;border:1px solid var(--position-line);border-radius:12px}.studio-position-empty>.material-icons{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:#f2f5f9;border-radius:16px;font-size:32px;color:#8290a6}.studio-position-empty h2{font-size:20px;font-weight:700;margin:20px 0 10px}.studio-position-empty p{max-width:430px;margin:0 auto;color:var(--position-muted);font-size:13px}.studio-position-section{background:var(--position-panel);border:1px solid var(--position-line);border-radius:12px;margin-top:22px;overflow:hidden}.studio-position-section>header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;border-bottom:1px solid var(--position-line)}.studio-position-section-title{display:flex;align-items:center;gap:13px}.studio-position-section-icon{width:40px;height:40px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#fff0f1;color:var(--position-red)}.studio-position-section-title h2{font-size:17px;letter-spacing:-.25px;font-weight:750}.studio-position-section-title h2>span{display:inline-flex;margin-left:7px;font-size:10px;font-weight:650;color:#778498;background:#f0f3f7;border-radius:5px;min-width:22px;height:19px;align-items:center;justify-content:center;vertical-align:middle}.studio-position-section-title p{font-size:11px;color:var(--position-muted);margin-top:3px}.studio-position-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,1fr);gap:25px;padding:24px}.studio-position-preview-column{position:sticky;top:88px;align-self:start;min-width:0}.studio-position-preview-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.15px;color:#7f8b9d;margin-bottom:12px}.studio-position-preview-meta>span:first-child{display:flex;align-items:center;gap:5px;color:#536179}.studio-position-preview-meta .material-icons{font-size:15px}.studio-position-canvas{width:100%;aspect-ratio:865/580;position:relative;background:#fafbfd;border:0;box-shadow:inset 0 0 0 1px #dce3ec;border-radius:8px;overflow:hidden;touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none;background-image:linear-gradient(#b5c3d312 1px,transparent 1px),linear-gradient(90deg,#b5c3d312 1px,transparent 1px);background-size:24px 24px}.studio-position-canvas.is-unavailable{cursor:default}.studio-position-artwork{position:absolute;left:0;top:0;display:block;width:100%;height:auto;max-width:none;pointer-events:none;user-select:none;-webkit-user-drag:none;opacity:.78}.studio-position-unavailable{position:absolute;top:45%;left:0;width:100%;text-align:center;color:#9aa5b4;font-size:12px}.studio-position-frame{position:absolute;pointer-events:none;transform-origin:center;border:1px dashed #d9232e88;border-radius:2px;background:#d9232e0b}.studio-position-admin .studio-position-pin{position:absolute;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);width:25px;height:25px;padding:0;border:2px solid #fff;border-radius:50%;background:var(--position-red);box-shadow:0 0 0 1px #d9232e,0 2px 6px #4c172533;color:#fff;font-size:10px;font-weight:750;line-height:1;cursor:grab;z-index:2;touch-action:none}.studio-position-admin .studio-position-pin.is-selected{box-shadow:0 0 0 3px #fff,0 0 0 5px #d9232e,0 2px 7px #4c172522;z-index:3}.studio-position-admin .studio-position-pin:active{cursor:grabbing}.studio-position-admin .studio-position-pin.is-invalid{background:#ad741c;box-shadow:0 0 0 1px #ad741c}.studio-position-canvas-help{display:flex;gap:7px;color:#7a8798;font-size:10px!important;margin-top:14px!important;line-height:1.7!important}.studio-position-canvas-help>.material-icons{font-size:15px;flex-shrink:0;margin-top:1px}.studio-position-measure{display:flex;align-items:center;justify-content:space-between;color:#8390a0;font-size:9px;margin-top:17px;padding-top:14px;border-top:1px solid var(--position-line);gap:10px}.studio-position-measure>span:first-child{display:flex;align-items:center;gap:6px}.studio-position-measure i{display:block;width:12px;height:9px;border:1px dashed #d9232e88;background:#d9232e0b}.studio-position-rows{min-width:0;display:flex;flex-direction:column;gap:12px;max-height:760px;overflow:auto;overscroll-behavior:contain;padding-right:6px;scrollbar-width:thin;scrollbar-color:#d4dbe5 transparent}.studio-position-row{border:1px solid var(--position-line);border-radius:9px;padding:17px;background:#fff;transition:background .15s,border-color .15s}.studio-position-row.is-selected{background:#fff9f9;border-color:#e9a9ae;box-shadow:0 0 0 1px #d9232e08}.studio-position-row.is-invalid{border-color:#ebd2a4}.studio-position-row>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.studio-position-row-select{display:flex;align-items:center;gap:8px;background:none;border:0;padding:0;color:#5a6578;font-size:10px;font-weight:700}.studio-position-row-select>span{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;border-radius:50%;background:#edf1f7;color:#78869a;font-size:9px}.is-selected>.studio-position-row-select>span,.is-selected>.studio-position-row>header>.studio-position-row-select>span,.studio-position-row.is-selected .studio-position-row-select>span{background:var(--position-red);color:#fff}.studio-position-active-tag{font-size:9px;color:#b12b34;font-weight:650;background:#fdebed;padding:4px 6px;border-radius:4px}.studio-position-fields{margin-top:13px}.studio-position-fields.is-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.studio-position-row>label+.studio-position-fields+label{margin-top:13px}.studio-position-coordinates{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:13px}.studio-position-coordinates label{font-size:10px}.studio-position-coordinates input[type=number]{padding:0 7px!important;font-size:11px}.studio-position-row>footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}.studio-position-row>footer>div{display:flex;gap:5px}.studio-position-remove{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:650;color:#bb3840;border:0;background:transparent;padding:5px 0}.studio-position-remove>.material-icons{font-size:16px}.studio-position-order{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #dfe5ed;background:#fff;border-radius:5px;color:#778399;padding:0}.studio-position-order>.material-icons{font-size:14px}.studio-position-row-error{color:#926215;font-size:10px!important;margin-top:10px!important}.studio-position-row-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;background:#fafbfd;border:1px dashed #dbe2ec;border-radius:9px;text-align:center;padding:25px}.studio-position-row-empty>.material-icons{color:#95a1b3;font-size:28px}.studio-position-row-empty h3{font-size:14px;font-weight:700;margin:13px 0 6px}.studio-position-row-empty p{font-size:11px;color:var(--position-muted)}.studio-position-savebar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 4px}.studio-position-savebar p{display:flex;align-items:center;gap:7px;font-size:10px;color:#8290a2}.studio-position-savebar .material-icons{font-size:16px}.studio-position-backdrop{position:fixed;inset:0;z-index:1100;background:#14203680;display:flex;align-items:center;justify-content:center;padding:20px}.studio-position-dialog{max-width:450px;width:100%;background:#fff;border-radius:14px;padding:28px;box-shadow:0 20px 70px #0003}.studio-position-dialog h2{font-size:21px;font-weight:750;margin-bottom:12px}.studio-position-dialog p{font-size:13px;line-height:1.7;color:var(--position-muted)}.studio-position-dialog>div{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.studio-position-redirect{padding:32px;background:#fff;border:1px solid #e2e7ee;border-radius:12px}.studio-position-redirect h2{font-size:24px!important;margin:0 0 12px!important}.studio-position-redirect p{font-size:13px;color:#6b7687;line-height:1.6;margin-bottom:20px}
@media(min-width:1600px){.studio-position-layout{grid-template-columns:minmax(0,1.2fr) minmax(480px,1fr)}}
@media(max-width:1200px){.studio-position-heading{align-items:flex-start;flex-direction:column;gap:17px}.studio-position-layout{grid-template-columns:minmax(0,1fr) minmax(300px,1fr);padding:18px;gap:18px}.studio-position-coordinates{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-position-product>p{max-width:180px}.studio-position-row{padding:14px}}
@media(max-width:900px){.studio-position-layout{grid-template-columns:1fr}.studio-position-preview-column{position:static}.studio-position-canvas{max-width:720px;margin:0 auto}.studio-position-rows{max-height:600px;padding-right:4px}.studio-position-coordinates{grid-template-columns:repeat(5,minmax(0,1fr))}.studio-position-product{padding:17px}.studio-position-product>p{display:none}.studio-position-section>header{padding:18px}.studio-position-section-title h2{font-size:16px}}
@media(max-width:540px){.studio-position-heading h1{font-size:25px}.studio-position-heading-actions{justify-content:flex-start;width:100%}.studio-position-status{width:100%;margin:0 0 2px}.studio-position-product{gap:11px;padding:14px}.studio-position-product-icon{width:34px;height:34px}.studio-position-section>header{align-items:flex-start;flex-direction:column;gap:14px}.studio-position-section-title h2{font-size:15px}.studio-position-section-title p{font-size:10px}.studio-position-section-icon{width:34px;height:34px}.studio-position-layout{padding:14px;gap:20px}.studio-position-coordinates{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-position-row{padding:13px}.studio-position-measure{font-size:8px}.studio-position-savebar{align-items:flex-start}.studio-position-savebar p{max-width:175px}.studio-position-savebar>.studio-position-button{white-space:nowrap}.studio-position-pin{width:24px;height:24px}.studio-position-dialog{padding:23px}.studio-position-dialog>div{flex-wrap:wrap}.studio-position-empty{padding:50px 20px}}