:root{--s77-prv-dark:#101216;--s77-prv-soft:#f6f7f9;--s77-prv-green:#21d07a;--s77-prv-border:rgba(15,23,42,.12);--s77-prv-shadow:0 24px 80px rgba(0,0,0,.24)}
html.s77-prv-lock{overflow:hidden}
.s77-prv{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:14px 0}
.s77-prv *{box-sizing:border-box}
.s77-prv-open{appearance:none;border:0;border-radius:999px;background:linear-gradient(135deg,#101216,#2a2f3a);color:#fff;font-weight:800;padding:14px 20px;display:inline-flex;align-items:center;gap:10px;box-shadow:0 10px 28px rgba(0,0,0,.18);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.s77-prv-open:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(0,0,0,.22)}
.s77-prv-icon{font-size:20px}
.s77-prv-modal[aria-hidden="true"]{display:none}
.s77-prv-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:20px}
.s77-prv-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.72);backdrop-filter:blur(10px)}
.s77-prv-panel{position:relative;width:min(1180px,96vw);max-height:92vh;background:#fff;border-radius:28px;box-shadow:var(--s77-prv-shadow);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.4)}
.s77-prv-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:#11151d;color:#fff}
.s77-prv-head strong{display:block;font-size:20px;line-height:1.1}.s77-prv-head small{display:block;opacity:.7;margin-top:4px}.s77-prv-close{width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.s77-prv-body{display:grid;grid-template-columns:320px 1fr;min-height:0;overflow:hidden}.s77-prv-sidebar{background:#f7f8fa;border-right:1px solid var(--s77-prv-border);padding:16px;overflow:auto;max-height:calc(92vh - 134px)}
.s77-prv-section{background:#fff;border:1px solid var(--s77-prv-border);border-radius:20px;padding:14px;margin-bottom:14px;box-shadow:0 8px 30px rgba(15,23,42,.04)}.s77-prv-section label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#64748b;display:block;margin-bottom:10px}.s77-prv-help{font-size:13px;color:#64748b;padding:10px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc}
.s77-prv-room-btn,.s77-prv-zone-btn,.s77-prv-custom-zone,.s77-prv-finish-custom{width:100%;border:1px solid var(--s77-prv-border);background:#fff;border-radius:14px;padding:11px 12px;margin:0 0 8px;cursor:pointer;font-weight:800;text-align:left;color:#111827;display:flex;justify-content:space-between;align-items:center}.s77-prv-room-btn.is-active,.s77-prv-zone-btn.is-active{border-color:#111827;box-shadow:0 0 0 3px rgba(17,24,39,.08)}.s77-prv-zone-btn i{width:18px;height:18px;border-radius:50%;border:1px solid #cbd5e1;background:#f8fafc}.s77-prv-custom-zone{background:#101216;color:#fff;justify-content:center;text-align:center}.s77-prv-finish-custom{background:#21d07a;color:#082012;justify-content:center;text-align:center}
.s77-prv-upload-label{border:1px dashed #94a3b8;background:#f8fafc;border-radius:14px;padding:12px;margin-top:10px;text-align:center;cursor:pointer}.s77-prv-upload-label span{display:block;font-size:13px;font-weight:800;text-transform:none;letter-spacing:0;color:#334155}.s77-prv-upload{display:none!important}
.s77-prv-search{width:100%;border:1px solid var(--s77-prv-border);border-radius:999px;padding:11px 14px;margin-bottom:12px}.s77-prv-colors{display:grid;grid-template-columns:1fr;gap:8px}.s77-prv-color-btn{border:1px solid var(--s77-prv-border);border-radius:15px;background:#fff;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;gap:0 10px;align-items:center;padding:9px;text-align:left;cursor:pointer}.s77-prv-color-btn span{grid-row:1/3;width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}.s77-prv-color-btn b{font-size:13px;color:#111827}.s77-prv-color-btn small{font-size:12px;color:#64748b}.s77-prv-color-btn.is-active{border-color:#101216;box-shadow:0 0 0 3px rgba(16,18,22,.08)}
.s77-prv-stage-wrap{display:flex;flex-direction:column;min-width:0;background:#eef1f5;padding:16px;gap:12px;overflow:auto;max-height:calc(92vh - 134px)}.s77-prv-toolbar{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.s77-prv-toolbar button{border:1px solid var(--s77-prv-border);background:#fff;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer}.s77-prv-stage{position:relative;display:grid;place-items:center;background:linear-gradient(135deg,#dfe5ec,#f8fafc);border-radius:24px;overflow:hidden;min-height:360px;border:1px solid rgba(15,23,42,.08)}.s77-prv-canvas{display:block;width:100%;height:100%;object-fit:contain;max-height:66vh;cursor:crosshair}.s77-prv-empty{position:absolute;inset:0;display:none;place-items:center;text-align:center;color:#64748b;font-weight:800;background:#f8fafc}.s77-prv-selection-box{border:1px solid var(--s77-prv-border);background:#fff;border-radius:18px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.s77-prv-selection-title{font-size:15px}.s77-prv-selection-detail{font-size:13px;color:#64748b;display:inline-flex;align-items:center;gap:8px}.s77-prv-chip{display:inline-block;width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.2)}
.s77-prv-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;background:#fff;border-top:1px solid var(--s77-prv-border)}.s77-prv-apply,.s77-prv-next{border:0;border-radius:999px;padding:13px 20px;font-weight:900;cursor:pointer}.s77-prv-apply{background:#eef2f7;color:#111827}.s77-prv-next{background:var(--s77-prv-green);color:#062015;box-shadow:0 10px 24px rgba(33,208,122,.3)}
.s77-prv-error{padding:12px;border-radius:12px;background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
@media (max-width:840px){.s77-prv-modal{padding:0;place-items:end center}.s77-prv-panel{width:100vw;height:96vh;max-height:96vh;border-radius:26px 26px 0 0}.s77-prv-body{grid-template-columns:1fr;overflow:auto}.s77-prv-sidebar{order:2;display:grid;grid-template-columns:1fr;max-height:none;border-right:0;border-top:1px solid var(--s77-prv-border)}.s77-prv-stage-wrap{order:1;max-height:none;padding:10px}.s77-prv-stage{min-height:310px;border-radius:18px}.s77-prv-canvas{max-height:48vh}.s77-prv-selection-box{align-items:flex-start;flex-direction:column}.s77-prv-foot{position:sticky;bottom:0}.s77-prv-head{padding:14px 16px}.s77-prv-head strong{font-size:17px}}
@media (max-width:480px){.s77-prv-open{width:100%;justify-content:center}.s77-prv-toolbar{justify-content:stretch}.s77-prv-toolbar button{flex:1;padding:9px}.s77-prv-section{border-radius:16px}.s77-prv-foot button{flex:1}.s77-prv-panel{height:98vh;max-height:98vh}.s77-prv-canvas{max-height:42vh}}