.xp-dialog{width:min(1040px,calc(100% - 20px));max-height:calc(100dvh - 20px);padding:0;border:1px solid var(--sky-border,#444);border-radius:22px;background:var(--sky-panel,#101112);color:var(--sky-text,#eee);font:14px/1.5 var(--sky-ui-font,Arial,sans-serif);overflow:auto;box-shadow:0 24px 100px #0009}.xp-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.xp-dialog [hidden]{display:none!important}.xp-header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;background:var(--sky-panel,#101112);border-bottom:1px solid var(--sky-border,#444)}.xp-header h2{margin:3px 0 0;font-size:23px;letter-spacing:-.5px}.xp-header small{font-size:10px;letter-spacing:1.6px;color:var(--sky-muted,#aaa)}.xp-header>button{font-size:26px;min-width:44px}.xp-body{padding:20px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0}.xp-body>*{min-width:0;max-width:100%;box-sizing:border-box}.xp-body input,.xp-body select{min-width:0;width:100%}.xp-body>p{margin:0}.xp-status{padding:0 20px 16px;margin:0;overflow-wrap:anywhere}.xp-muted{color:var(--sky-muted,#aaa);font-size:12px}.xp-dialog button,.xp-dialog input,.xp-dialog select,.xp-sim-tools input,.xp-sim-tools select,.sim-private-room input,.sim-private-room button{box-sizing:border-box;max-width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--sky-border,#444);border-radius:10px;background:var(--sky-surface,#090a0b);color:inherit;font:inherit}.xp-dialog button{cursor:pointer}.xp-dialog button:hover{background:var(--sky-hover,#24272b)}.xp-dialog button:disabled{opacity:.5;cursor:default}.xp-dialog :focus-visible,.xp-sim-tools :focus-visible{outline:2px solid var(--sky-accent,#46d8a4);outline-offset:3px}.xp-dialog label,.xp-sim-tools label,.sim-private-room label{display:grid;gap:7px;min-width:0}.xp-grid,.xp-options,.xp-actions{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.xp-grid>label{flex:1 1 180px}.xp-options>label{display:flex;align-items:center;gap:8px}.xp-options input[type=checkbox]{width:20px;min-height:20px}.xp-camera-stage,.xp-tower-stage{position:relative;width:100%;height:clamp(300px,56dvh,650px);overflow:hidden;border-radius:16px;background:#111}.xp-camera-stage video,.xp-tower-stage canvas{display:block;width:100%;height:100%;object-fit:cover}.xp-sky-labels{position:absolute;inset:0;pointer-events:none}.xp-sky-label{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;white-space:nowrap;font-size:11px!important;min-height:34px!important;padding:7px!important;background:#080b11df!important;color:#fff!important;border-color:#ffffff60!important;box-shadow:0 3px 16px #0008;max-width:200px!important;overflow:hidden;text-overflow:ellipsis}.xp-photo-preview{width:100%;height:auto;max-height:65dvh;object-fit:contain;background:#101112;border:1px solid var(--sky-border,#444);border-radius:16px}.xp-sim-tools,.sim-private-room{margin:12px 18px;border:1px solid var(--sky-border,#444);border-radius:14px;background:var(--sky-panel,#101112);color:var(--sky-text,#eee)}.xp-sim-tools>summary,.sim-private-room>summary{padding:12px 14px;cursor:pointer;font-weight:600}.xp-sim-content,.sim-private-room-content{padding:0 14px 14px;display:grid;gap:12px}.xp-sim-content p{margin:0}.xp-sim-content progress{width:100%;accent-color:var(--sky-accent,#46d8a4)}.xp-sim-content select,.sim-private-room input{min-width:0;width:100%}.sim-private-room-code{font:600 20px/1.5 monospace;letter-spacing:2px;overflow-wrap:anywhere}.sim-private-room .xp-actions>*{flex:1 1 120px}.xp-sim-tools details{min-width:0}.xp-sim-tools details>summary{cursor:pointer;padding:8px 0}.xp-sim-content .xp-grid input[type=range]{width:100%;padding:0}.xp-dialog input[type=range]{width:100%;padding:0}.xp-dialog a{color:var(--sky-accent,#46d8a4)}@media(max-width:520px){.xp-dialog{width:calc(100% - 12px);max-height:calc(100dvh - 12px);border-radius:16px}.xp-header{padding:14px}.xp-body{padding:14px;gap:12px}.xp-header h2{font-size:20px}.xp-grid>label{flex-basis:130px}.xp-actions>*{flex:1 1 120px}.xp-camera-stage,.xp-tower-stage{height:50dvh;min-height:280px}.xp-sim-tools,.sim-private-room{margin:8px}.xp-sky-label{font-size:10px!important;max-width:155px!important}}@media(prefers-reduced-motion:no-preference){.xp-dialog[open]{animation:xp-enter .28s cubic-bezier(.2,1.5,.4,1)}.xp-dialog button:active{transform:scale(.96)}@keyframes xp-enter{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
