.architecture{transition:width .6s cubic-bezier(.22,1,.36,1),margin-left .6s cubic-bezier(.22,1,.36,1)}
.scene[data-selected]:not([data-selected=""]) .architecture{width:66%;margin-left:1%}
.scene[data-selected]:not([data-selected=""]) .callout{opacity:0}
.callout{transition:opacity .3s}
.scene[data-selected]:not([data-selected=""]) .scene-instruction{opacity:0}
.scene-instruction{transition:opacity .25s}
.scene-inspector{position:absolute;right:20px;top:23px;bottom:21px;width:min(35%,360px);z-index:5;overflow:auto;overscroll-behavior:contain;border:1px solid #4f7478;border-radius:14px;background:linear-gradient(150deg,rgba(23,43,53,.96),rgba(11,27,39,.97));box-shadow:0 25px 65px rgba(0,0,0,.32),0 0 38px rgba(112,198,181,.09);backdrop-filter:blur(16px);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(25px) scale(.98);transition:opacity .42s,transform .5s cubic-bezier(.22,1,.36,1),visibility .42s;scrollbar-width:thin;scrollbar-color:#456970 transparent}
.scene[data-selected]:not([data-selected=""]) .scene-inspector{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0) scale(1)}
.scene-inspector:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(#b2a5f5,#edcf94,#8ce0ce)}
.scene-inspector{bottom:auto;max-height:calc(100% - 44px)}
.inspector-top{display:flex;align-items:center;justify-content:space-between;padding:17px 18px 0 20px}.inspector-top>span{font-size:10px;letter-spacing:.18em;color:#95ddce;font-weight:700}.inspector-close{width:27px;height:27px;border:1px solid #567277;border-radius:50%;background:#213b44;color:#d9efeb;font-size:21px;line-height:1}.inspector-close:hover{background:#34565c}
.inspector-heading{padding:7px 20px 18px}.inspector-heading h3{font-size:27px;font-weight:600;letter-spacing:-.045em;margin:0 0 7px}.inspector-heading p{font-size:12px;color:#a7c0c1;line-height:1.7;margin:0}.inspector-rule{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;border-top:1px solid #3b555d;border-bottom:1px solid #3b555d;background:#152d38}.inspector-rule span{font-size:9px;letter-spacing:.1em;color:#a4d9ce}.inspector-rule small{font-size:10px;color:#87a6a9}
.inspector-list{padding:8px 12px 14px}.inspector-item{border:1px solid transparent;border-radius:9px;margin:4px 0;overflow:hidden;animation:reveal .42s both;animation-delay:calc(var(--index)*45ms)}.inspector-item:hover,.inspector-item[open]{border-color:#4b6c70;background:#203943}.inspector-item summary{list-style:none;display:flex;align-items:center;gap:10px;padding:11px 9px;cursor:pointer}.inspector-item summary::-webkit-details-marker{display:none}.inspector-item summary:focus-visible{outline:2px solid #a4eddb;outline-offset:-2px}.item-number{font-size:9px;color:#92cfc2;letter-spacing:.05em;align-self:flex-start;margin-top:2px}.item-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.item-copy strong{font-size:12px;font-weight:600;color:#eaf4ef}.item-copy small{font-size:10px;color:#85a1a7;line-height:1.5}.item-plus{width:20px;height:20px;flex:none;display:grid;place-items:center;border:1px solid #4e7374;border-radius:50%;font-size:15px;line-height:1;color:#a4e8d7;transition:transform .25s,background .25s}.inspector-item[open] .item-plus{transform:rotate(45deg);background:#32555a}
.item-detail{border-top:1px solid #385961;padding:2px 15px 17px 17px;animation:reveal .3s both}.item-detail>p:first-child{font-size:11px;line-height:1.7;color:#c2d9d4}.item-status{display:inline-block;font-size:9px;color:#a1e1cb;border:1px solid #487266;border-radius:50px;padding:4px 8px}.item-status.candidate{color:#efd093;border-color:#8c764e}.item-status.pending{color:#bcc7cf;border-color:#687783}.item-detail ul{padding-left:16px;margin:13px 0;display:grid;gap:9px}.item-detail li{font-size:10px;line-height:1.65;color:#b6cecd}.item-note{font-size:10px;line-height:1.7;color:#8ca7ac;border-left:2px solid #79bfb3;padding-left:9px;margin-top:15px}.inspector-empty{font-size:12px;color:#9ab1b3;padding:12px}
.scene[data-selected="app"] .scene-inspector{border-color:#8e82b7}.scene[data-selected="app"] .inspector-top>span{color:#c4b4fc}.scene[data-selected="economy"] .scene-inspector{border-color:#a68b62}.scene[data-selected="economy"] .inspector-top>span{color:#ebcf9a}
@media(max-width:1000px) and (min-width:851px){.scene-inspector{width:39%;right:14px}.scene[data-selected]:not([data-selected=""]) .architecture{width:62%}.inspector-heading h3{font-size:22px}}
@media(max-width:850px){.scene[data-selected]:not([data-selected=""]) .architecture{width:62%;margin-left:1%}.scene-inspector{width:39%;right:13px;top:16px;bottom:16px}.inspector-heading{padding-left:14px;padding-right:14px}.inspector-heading h3{font-size:21px}.inspector-top{padding-left:14px}.inspector-rule{padding-left:14px;padding-right:14px}.item-copy small{display:none}}
@media(min-width:621px) and (max-width:850px){.scene[data-selected]:not([data-selected=""]){min-height:500px}.scene[data-selected]:not([data-selected=""]) .architecture{margin-top:55px}.scene-inspector{bottom:auto}}
@media(max-width:620px){.scene[data-selected]:not([data-selected=""]) .architecture{width:116%;margin-left:-8%;margin-top:21px;margin-bottom:0}.scene-inspector{position:relative;inset:auto;width:auto;max-height:390px;margin:0 13px 17px;transform:translateY(16px);border-radius:12px}.scene[data-selected]:not([data-selected=""]) .scene-inspector{transform:translateY(0)}.scene[data-selected]:not([data-selected=""]) .callout{display:none}.inspector-heading h3{font-size:25px}.item-copy small{display:block}.inspector-list{display:grid;grid-template-columns:1fr 1fr;gap:3px 4px}.inspector-item summary{min-height:58px}.inspector-item[open]{grid-column:1/-1}.inspector-item[open] summary{min-height:auto}}
@media(max-width:400px){.inspector-list{grid-template-columns:1fr}.inspector-item summary{min-height:auto}}
@media(prefers-reduced-motion:reduce){.architecture,.scene-inspector,.inspector-item,.item-detail{transition:none!important;animation:none!important}}