:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#234637;background:#fbfcf8;font-synthesis:none;--line:#e1e7dd;--green:#365b43;--muted:#7d8877}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:#f6f7ef;border:1px solid var(--line);border-radius:11px;padding:9px 13px;min-height:40px}button:hover{background:#edf2e7}button:disabled{opacity:.45;cursor:default}button.active,.primary{background:var(--green);color:#fff;border-color:var(--green)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #51865e;outline-offset:3px}button[hidden],[hidden]{display:none!important}.site-announcement{height:40px;background:#edf2e8;border-bottom:1px solid #dce5d7;display:flex;align-items:center;gap:9px;padding:0 16px;color:#597453;font-size:12px}.local-tag{margin-left:auto;font-size:11px}.venue-head{display:flex;align-items:center;justify-content:space-between;padding:20px 16px 14px;min-height:98px}.venue-head h1{margin:0 0 5px;font-size:18px;font-weight:700;letter-spacing:-.4px}.venue-head p{font-size:12px;color:var(--muted);margin:0}.head-actions{display:flex;gap:8px}.head-actions button{background:transparent}.head-actions #open-help{border:0;font-size:17px;padding:6px;min-width:36px}.mode-tabs{display:flex;margin:0 16px;border-bottom:1px solid var(--line)}.mode-tabs button{flex:1;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#7d8877;font-size:14px;min-height:42px;padding:9px}.mode-tabs button[aria-selected=true]{border-color:#365b43;color:#234637;font-weight:700}#viewer{height:clamp(430px,calc(100svh - 275px),900px);position:relative;background:#e5ebe5;overflow:hidden}#scene,#plan{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}#plan{background:#eef1e9}#plan-svg{width:100%;height:100%;display:block;touch-action:none}.region-shape{fill:#a9bba2;stroke:#f8faf4;stroke-width:.45;cursor:pointer;transition:fill .15s}.region-shape[data-floor="4"]{fill:#88a386}.region-shape[data-kind="room"]{fill:#c5c9b0}.region-shape[data-kind="vip_section"]{fill:#c8ba8a}.region-shape[data-kind="pitch"]{fill:#d9dfc7}.region-shape:hover,.region-shape.selected{fill:#3b7955;stroke:#234637;stroke-width:.6}.plan-label{fill:#38583f;font-size:5.5px;pointer-events:none;text-anchor:middle;dominant-baseline:central}.plan-label.room-label{font-size:2.6px}.scene-switch{z-index:5;position:absolute;top:16px;left:20px;display:flex;gap:0;background:#fbfcf4ed;padding:3px;border:1px solid #e0e5da;border-radius:10px}.scene-switch button{background:transparent;border:0;border-radius:6px;font-size:12px;min-height:32px;padding:7px 11px;color:#7d8877}.scene-switch button.active{background:var(--green);color:white}.viewer-tools{position:absolute;z-index:6;right:12px;top:16px;display:grid;background:#fbfcf4ee;border-radius:12px;padding:4px;box-shadow:0 1px 5px #233b3010}.viewer-tools button{border:0;background:transparent;font-size:21px;line-height:1;min-width:34px;min-height:36px;padding:5px;color:#7d8877}.viewer-tools button:hover{background:#edf2e7}#selection-badge{z-index:4;position:absolute;left:50%;top:18px;transform:translateX(-50%);background:#1477cf;color:white;border:2px solid #fff;border-radius:8px;padding:8px 13px;font-size:12px;font-weight:650;max-width:48%;text-align:center;pointer-events:none;box-shadow:0 2px 7px #1f462e20}#hint{position:absolute;bottom:18px;right:20px;color:#879574;font-size:11px;pointer-events:none}#labels-3d{position:absolute;inset:0;pointer-events:none;overflow:hidden}.label-3d{position:absolute;font-size:10px;color:#fff;text-shadow:0 1px 2px #274338,0 0 3px #274338;transform:translate(-50%,-50%);white-space:nowrap}.floor-filter{position:absolute;left:20px;top:65px;display:flex;gap:8px;align-items:center;background:#fbfcf4ee;border-radius:9px;padding:5px 8px;font-size:12px}.floor-filter label{color:#7d8877}.floor-filter select{min-height:32px;font-size:12px;width:auto;padding:4px 22px 4px 8px;background:#fbfcf4;border-color:var(--line)}.selection-summary{min-height:88px;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef1eb}.selection-summary h2{font-size:16px;margin:0 0 5px}.selection-summary p{font-size:12px;color:var(--muted);margin:0}.selection-summary>span{font-size:12px;color:#7d8877;white-space:nowrap;margin-left:12px}.estimate-note{margin:0;padding:14px 28px 20px;color:#87917e;font-size:11px;line-height:1.7}#loading{position:absolute;z-index:12;inset:0;background:#e5ebe5ee;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#365b43}#loading p{font-size:12px}.spinner{width:28px;height:28px;border:2px solid #bbc8b5;border-top-color:#365b43;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{position:fixed;max-height:calc(100dvh - 36px);width:min(430px,calc(100vw - 24px));color:#234637;background:#fbfcf8;border:1px solid #dce5d7;border-radius:20px;padding:0;box-shadow:0 18px 80px #182e3333}dialog::backdrop{background:#18352340;backdrop-filter:blur(2px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fbfcf8;z-index:2}.dialog-head h2{font-size:18px;margin:0}.dialog-head button{border:0;background:transparent;font-size:24px;line-height:1;min-height:32px;padding:2px 8px}.position-body{padding:18px 20px 22px}.position-body>label{font-size:12px;display:block;margin:0 0 7px;color:#74836e}select,input[type=search],input:not([type]){width:100%;background:#fff;border:1px solid #d3dccd;border-radius:9px;min-height:42px;padding:9px 11px;color:#365b43}#group{margin-bottom:14px}#search{margin-bottom:12px}#region-list{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;max-height:190px;overflow:auto;padding:2px}.region-row{font-size:12px;min-height:37px;padding:6px 3px;border-radius:7px;background:#f7f8f2}.region-row.selected{background:#365b43;color:#fff;border-color:#365b43}.region-row.pending{color:#8f967f;background:#f1f2ed}.seat-heading{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.seat-heading h3{font-size:14px;margin:0}.seat-heading span{font-size:11px;color:#7d8877}.small{font-size:11px;color:#89917f;line-height:1.65}.seat-inputs{display:flex;gap:10px;align-items:end}.seat-inputs label{font-size:12px;flex:1;display:grid;gap:5px}.seat-inputs select{min-width:60px}#enter-seat{min-height:42px}#seat-map{overflow:auto;background:#eef2e9;border-radius:10px;margin:12px 0;max-height:230px;padding:10px}#seat-svg{display:block;width:100%;min-width:280px;min-height:130px}.seat-dot{fill:#9bb08c;cursor:pointer;stroke:transparent;stroke-width:2}.seat-dot:hover,.seat-dot.selected{fill:#197acb}.seat-row-label{fill:#74836e;font-size:7px}.standing{display:flex;align-items:center;gap:7px;font-size:13px;margin:10px 0}.standing input{accent-color:#365b43;width:17px;height:17px}.fov{display:flex;align-items:center;gap:10px;font-size:12px}.fov input{flex:1;width:100px;accent-color:#365b43}.fov output{min-width:30px}.region-note{font-size:12px;line-height:1.7;color:#7d8877;margin:16px 0}.wide{width:100%;min-height:44px}.help-body{padding:8px 22px 22px;font-size:14px;line-height:1.9;color:#61755e}#viewer:fullscreen{height:100dvh!important}.empty-list{grid-column:1/-1;padding:20px;text-align:center;font-size:12px;color:#7d8877}
@media(min-width:1000px){#position-dialog{margin:0;left:auto;right:22px;top:90px;width:380px;max-height:calc(100dvh - 110px)}#position-dialog::backdrop{background:#18352310;backdrop-filter:none}}
@media(max-width:600px){.site-announcement{height:34px;padding:0 12px;font-size:11px}.venue-head{min-height:82px;padding:15px 14px 12px}.venue-head h1{font-size:17px}.head-actions{gap:2px}.head-actions button{font-size:12px;padding:8px 10px;min-height:36px}.mode-tabs{margin:0 12px}.mode-tabs button{font-size:13px;min-height:42px}#viewer{height:calc(100svh - 310px);min-height:400px;max-height:760px}.scene-switch{top:12px;left:12px}.scene-switch button{font-size:11px;padding:6px 8px;min-height:30px}.viewer-tools{top:60px;right:10px}.viewer-tools button{min-height:36px}#selection-badge{top:60px;font-size:11px;padding:6px 9px;max-width:65%}#hint{font-size:10px;bottom:12px;right:12px}.selection-summary{padding:18px 16px;min-height:82px;align-items:start}.selection-summary h2{font-size:14px}.selection-summary p{line-height:1.6;font-size:11px}.selection-summary>span{font-size:10px;padding-top:2px}.estimate-note{padding:11px 16px 20px;font-size:10px}.floor-filter{left:12px;top:60px;gap:4px;font-size:10px;padding:4px}.floor-filter select{max-width:158px;font-size:11px}.floor-filter>label{display:none}.label-3d{font-size:8px}dialog{max-height:calc(100dvh - 24px);border-radius:16px}.position-body{padding:16px}#region-list{max-height:155px}.dialog-head{padding:14px 16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}.spinner{animation:none}}

@media(max-width:600px){#plan-svg{width:calc(100% - 50px)}}

.region-shape:focus{outline:none}.region-shape:focus-visible{stroke:#163f2c;stroke-width:1}

.plan-label.selected{fill:#fff;font-weight:700}

@media(max-width:600px){#plan-svg{position:absolute;bottom:0;height:calc(100% - 80px)}}