:root{color-scheme:dark}.qip-demo{margin:0;color:#e5f7ff;background:#040c18;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}.qip-demo *,.qip-room *{box-sizing:border-box}.qip-demo::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 42% -10%,#0d355960,transparent 65%),linear-gradient(transparent 99%,#72dfff07 0);background-size:auto,100% 64px}.qip-topnav{position:relative;max-width:1700px;margin:auto;padding:25px 4vw;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #6399b422}.qip-topnav a{color:#aed2e4;text-decoration:none;font-size:13px}.qip-topnav a:hover{color:#fff}.qip-wordmark{font-size:23px!important;letter-spacing:.23em;font-weight:760;color:#e5f7ff!important}.qip-wordmark span{font-size:11px;letter-spacing:.18em;display:block;color:#6b9ab7}.qip-topnav div{display:flex;gap:26px;align-items:center}.qip-demo main{position:relative;max-width:1700px;padding:54px 4vw 30px;margin:auto}.qip-room{--qip-cyan:#75e6ff;--qip-muted:#91b4c9;color:#e6f5ff;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.5}.qip-room button,.qip-room input,.qip-room select,.qip-room textarea{font:inherit;color:inherit}.qip-room button,.qip-room select,.qip-room input,.qip-room textarea{border:1px solid #41637d;background:#0b1c30;border-radius:8px}.qip-room button{padding:10px 14px;cursor:pointer;transition:border-color .18s,background .18s;line-height:1.35}.qip-room button:hover:not(:disabled){border-color:#74d7eb;background:#12324a}.qip-room button:disabled{opacity:.45;cursor:not-allowed}.qip-room :focus-visible{outline:2px solid #b9f4ff;outline-offset:4px}.qip-room [hidden]{display:none!important}.qip-room-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.qip-eyebrow{color:#69c5e6;letter-spacing:.17em;font-size:10px;font-weight:650;text-transform:uppercase;margin:0 0 12px}.qip-room h1{font-weight:550;letter-spacing:-.055em;font-size:clamp(36px,4.1vw,66px);line-height:1.12;margin:0 0 20px}.qip-subtitle{font-size:15px;color:#a4c2d3;max-width:730px;margin:0}.qip-mode{font-size:10px;letter-spacing:.12em;border:1px solid #326379;background:#102a3c;padding:8px 12px;border-radius:50px;white-space:nowrap;margin-top:8px;color:#95e6f5}.qip-notice{font-size:12px;border-left:2px solid #377f9d;background:#0b21357a;padding:12px 16px;color:#a8c8d9;margin:25px 0 23px;max-width:1100px}.qip-toolbar{display:flex;align-items:end;gap:12px;margin-bottom:20px}.qip-toolbar label{font-size:10px;letter-spacing:.07em;color:#91b4c9;display:grid;gap:7px}.qip-toolbar input,.qip-toolbar select{height:42px;padding:0 12px;font-size:12px;letter-spacing:normal}.qip-search{flex:1;max-width:490px}.qip-room input[type=search]{min-width:0;width:100%}.qip-primary{background:#a7eaff!important;border-color:#a7eaff!important;color:#061625!important;font-weight:650!important}.qip-primary:hover:not(:disabled){background:#d0f5ff!important}.qip-toolbar>button{min-height:42px;white-space:nowrap;font-size:12px}.qip-layout{display:grid;grid-template-columns:minmax(180px,230px) minmax(260px,1fr) minmax(230px,290px);gap:0;border:1px solid #34526a;border-radius:15px;overflow:hidden;min-height:660px;background:linear-gradient(160deg,#0a1a2b,#050e1b)}.qip-list-panel{background:#091625e0;border-right:1px solid #31495e;padding:20px 12px;min-width:0}.qip-count{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#76a7c0;margin:0 8px 17px}.qip-entity-list{max-height:620px;overflow:auto;scrollbar-width:thin;scrollbar-color:#315971 #091625}.qip-room .qip-entity{border:1px solid transparent;background:transparent;display:flex;gap:12px;padding:13px 9px;width:100%;text-align:left;align-items:center;margin:3px 0;border-radius:7px}.qip-room .qip-entity[aria-pressed=true]{background:#15354a;border-color:#356c84}.qip-entity-dot{width:9px;height:9px;flex:0 0 9px;border:1px solid var(--entity-color,#72e6ff);transform:rotate(45deg);box-shadow:0 0 15px color-mix(in srgb,var(--entity-color) 30%,transparent)}.qip-entity strong{display:block;font-size:11px;font-weight:600;overflow-wrap:anywhere}.qip-entity small{display:block;font-size:9px;color:#8badc0;margin-top:4px}.qip-viewport{position:relative;min-width:0;min-height:560px;background:radial-gradient(ellipse at 50% 35%,#12304750,transparent 65%)}.qip-stage{position:absolute;inset:0;min-height:450px;overflow:hidden}.qip-stage canvas{display:block;touch-action:none;width:100%;height:100%}.qip-stage-labels{position:absolute;inset:0;pointer-events:none}.qip-room .qip-floating-label{position:absolute;transform:translate(-50%,0);max-width:115px;pointer-events:auto;border:0;border-radius:3px;background:#03101dd4;color:#aac6d7;font-size:8px;padding:3px 5px;text-align:center;line-height:1.25;box-shadow:0 0 10px #04101c}.qip-room .qip-floating-label[data-selected=true]{color:#b8f5ff;border-bottom:1px solid #69d6f0}.qip-stage-caption{position:absolute;left:24px;top:25px;right:18px;pointer-events:none}.qip-stage-caption p{color:#779ab1;font-size:11px;margin:6px 0}.qip-stage-caption small{color:#6086a0;font-size:10px}.qip-inspector{padding:24px;background:#0b1c2fba;border-left:1px solid #31495e;min-width:0;overflow-wrap:anywhere}.qip-inspector h2{font-size:22px;letter-spacing:-.04em;line-height:1.2;margin:4px 0 10px;font-weight:550}.qip-glyph{height:96px;display:grid;place-items:center;font-size:75px;color:var(--entity-color);text-shadow:0 0 25px color-mix(in srgb,var(--entity-color) 30%,transparent);font-family:Georgia,serif;font-weight:normal}.qip-state{display:inline-flex;font-size:10px;border:1px solid #506273;color:#bdcddb;border-radius:20px;padding:4px 9px;margin:7px 0 17px}.qip-state[data-state=available]{color:#99f6d1;border-color:#25835f}.qip-state[data-state=busy]{color:#ffdfa4;border-color:#8f713e}.qip-facts{font-size:10px;margin:0}.qip-fact{margin-bottom:12px}.qip-fact dt{color:#658ba5;font-size:9px;margin-bottom:3px}.qip-fact dd{margin:0;color:#bad0dd}.qip-capabilities{margin:15px 0}.qip-capabilities h3{font-size:10px;font-weight:600;margin:0 0 4px}.qip-capabilities p,.qip-personality{font-size:10px;color:#93b1c6;margin:0}.qip-fine{font-size:10px;color:#7598af;line-height:1.6;margin:12px 0}.qip-inspector>.qip-primary{width:100%;font-size:11px;margin-top:8px}.qip-inspector-actions{display:flex;gap:8px;margin-top:17px}.qip-inspector-actions button{font-size:10px}.qip-room .qip-danger{color:#ffc6c7;border-color:#76505e;background:#301a2a}.qip-feedback{font-size:11px;color:#8fc8de;min-height:20px;margin:12px 0}.qip-legend{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #32536a;gap:24px;padding:22px 0 10px}.qip-legend span{color:#8dd7e9;font-size:10px;letter-spacing:.05em}.qip-legend p{font-size:12px;color:#769bb1;margin:6px 0}.qip-empty{font-size:12px;color:#92b0c4;padding:8px}.qip-dialog{color:#e3f4ff;border:1px solid #4b7f99;border-radius:16px;background:#0a1b2e;max-width:600px;width:calc(100% - 30px);max-height:90dvh;padding:30px;box-shadow:0 30px 100px #000a}.qip-dialog::backdrop{background:#020a15ba;backdrop-filter:blur(8px)}.qip-editor h2{font-size:28px;font-weight:550;letter-spacing:-.04em;margin:0}.qip-editor>label{display:grid;gap:7px;font-size:12px;color:#a8c8d9;margin:15px 0}.qip-editor input,.qip-editor select,.qip-editor textarea{padding:10px;width:100%;min-height:40px}.qip-editor input[type=color]{width:100%;height:44px;padding:5px}.qip-editor textarea{min-height:80px;resize:vertical}.qip-editor-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.qip-demo-footer{position:relative;padding:32px 4vw 45px;max-width:1700px;margin:auto;display:flex;gap:30px;justify-content:space-between;color:#547e99;font-size:10px;border-top:1px solid #345067}.qip-demo-footer a{color:#8dbbd0;text-decoration:none}.qip-embedded{position:fixed;inset:95px 24px 70px;z-index:12;pointer-events:none;overflow:auto;padding:0 5px}.qip-embedded .qip-room-heading,.qip-embedded .qip-notice,.qip-embedded .qip-toolbar,.qip-embedded .qip-list-panel,.qip-embedded .qip-inspector,.qip-embedded .qip-dialog{pointer-events:auto}.qip-embedded h1{font-size:30px}.qip-embedded .qip-room-heading{background:#061422d9;padding:14px 18px;border-radius:12px}.qip-embedded .qip-notice{margin:10px 0}.qip-embedded .qip-layout{background:transparent;border:0;min-height:420px;max-height:calc(100dvh - 360px);overflow:visible;grid-template-columns:220px minmax(80px,1fr) 280px;gap:15px}.qip-embedded .qip-list-panel,.qip-embedded .qip-inspector{border:1px solid #3f6479;border-radius:12px;background:#07182cef;max-height:calc(100dvh - 360px);overflow:auto}.qip-embedded .qip-stage,.qip-embedded .qip-legend,.qip-embedded>.qip-fine,.qip-embedded .qip-stage-caption{display:none}.qip-embedded .qip-viewport{min-height:200px}.qip-embedded .qip-subtitle{font-size:12px}.qip-embedded .qip-feedback{background:#07182cc9;display:inline-block;padding:3px 10px}
@media(min-width:1600px){.qip-layout{min-height:750px}.qip-entity-list{max-height:690px}.qip-room .qip-floating-label{font-size:9px}}
@media(max-width:1150px){.qip-layout{grid-template-columns:180px minmax(230px,1fr) 240px}.qip-inspector{padding:18px}.qip-room-heading{display:block}.qip-mode{display:inline-block;margin-top:20px}.qip-toolbar{flex-wrap:wrap}.qip-search{max-width:none;min-width:220px}.qip-embedded .qip-layout{grid-template-columns:180px 1fr 230px}.qip-embedded .qip-subtitle,.qip-embedded .qip-mode{display:none}}
@media(max-width:850px){.qip-demo main{padding:32px 20px}.qip-layout{grid-template-columns:190px minmax(0,1fr)}.qip-inspector{grid-column:1/-1;display:block;border-left:0;border-top:1px solid #31495e}.qip-inspector .qip-glyph{float:right;width:110px}.qip-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.qip-inspector>.qip-primary{width:auto}.qip-viewport{min-height:500px}.qip-entity-list{max-height:500px}.qip-legend{grid-template-columns:repeat(2,1fr)}.qip-embedded{inset:90px 12px 55px}.qip-embedded .qip-layout{grid-template-columns:150px 1fr;max-height:none;min-height:200px}.qip-embedded .qip-inspector{max-height:280px}.qip-embedded .qip-list-panel{max-height:240px}.qip-embedded .qip-notice{font-size:10px}.qip-embedded h1{font-size:23px}}
@media(max-width:560px){.qip-topnav{padding:18px 20px}.qip-topnav div{gap:15px}.qip-topnav a{font-size:10px}.qip-wordmark{font-size:19px!important}.qip-wordmark span{font-size:8px}.qip-room h1{font-size:37px}.qip-subtitle{font-size:13px}.qip-toolbar{gap:10px}.qip-toolbar .qip-search{flex-basis:100%}.qip-toolbar label:not(.qip-search){flex:1}.qip-toolbar select{width:100%;font-size:11px}.qip-toolbar>button{width:100%}.qip-layout{display:flex;flex-direction:column}.qip-viewport{order:0;min-height:420px}.qip-list-panel{order:1;border-right:0;border-top:1px solid #31495e;padding:15px 12px}.qip-entity-list{max-height:210px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 5px}.qip-room .qip-entity{padding:10px 6px}.qip-entity strong{font-size:10px}.qip-entity small{font-size:8px}.qip-inspector{order:2;padding:22px}.qip-stage-caption{left:18px;top:18px}.qip-stage-caption p{max-width:240px}.qip-stage{min-height:420px}.qip-legend{gap:18px}.qip-demo-footer{flex-direction:column;gap:10px;padding:25px 20px}.qip-embedded .qip-room-heading{padding:10px}.qip-embedded h1{font-size:23px;margin:0}.qip-embedded .qip-eyebrow{font-size:8px}.qip-embedded .qip-toolbar{margin-bottom:10px}.qip-embedded .qip-toolbar .qip-search{min-width:130px;flex-basis:40%}.qip-embedded .qip-toolbar>button{width:auto}.qip-embedded .qip-viewport{min-height:120px}.qip-embedded .qip-list-panel{max-height:170px}.qip-embedded .qip-layout{gap:8px}.qip-embedded .qip-inspector{max-height:310px}.qip-embedded .qip-notice{display:none}.qip-dialog{padding:22px}.qip-editor-actions button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.qip-room *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.qip-world-label{position:absolute;transform:translate(-50%,0);background:#061521e0;color:#c2eafa;border:1px solid #31536a;border-radius:4px;padding:4px 7px;max-width:150px;font-size:10px;line-height:1.25;text-align:center;pointer-events:auto;cursor:pointer}.qip-world-label[data-selected=true]{border-color:#80e6ff;background:#173b53;color:white}.qip-world-label:focus-visible{outline:2px solid #b8f2ff;outline-offset:3px}