.experience-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 24px;background:#fff;border-bottom:1px solid #e5e2d6;flex-shrink:0}
[hidden]{display:none!important}
.experience-tabs{display:flex;gap:4px;background:#f2f0e8;padding:4px;border-radius:8px}
.experience-tabs button{font-size:13px;padding:8px 20px;border-radius:5px;font-weight:600;color:#586a5c}
.experience-tabs button[aria-selected=true]{background:#153f2e;color:#fff}
.preview-status{font-size:12px;color:#6b654f;max-width:630px}
.portal-shell.experience-explore .portal-main,.portal-shell.experience-explore .portal-footer{display:none}
.explore-host{flex:1;min-height:0;display:flex}
.explore-host[hidden]{display:none}
.explore-workspace{--ex-ink:#163629;--ex-muted:#637168;display:grid;grid-template-columns:292px minmax(0,1fr);width:100%;height:100%;min-height:0;background:#e9e8df;color:var(--ex-ink)}
.explore-workspace.panel-closed{grid-template-columns:1fr}
.ex-panel{background:#faf9f5;border-right:1px solid #dddcd1;overflow-y:auto;overscroll-behavior:contain;padding:24px 20px;scrollbar-width:thin;scrollbar-color:#c2c9bc transparent}
.ex-panel[hidden]{display:none}
.ex-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#777762}
.ex-intro h2{font:500 23px/1.2 Fraunces,Georgia,serif;margin:9px 0 12px}
.ex-intro p{font-size:13px;line-height:1.65;color:var(--ex-muted);margin:0 0 22px}
.ex-section h3,.ex-atmosphere summary{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;margin:0 0 12px}
.ex-view{width:100%;text-align:left;display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:7px;padding:11px 8px;margin-bottom:4px;transition:background .18s}
.ex-view:hover{background:#efeee5}
.ex-view[aria-pressed=true]{background:#e5ebdf;border-color:#c5d3bd}
.ex-view-number{font:400 12px Inter,sans-serif;color:#8a947d;width:22px;flex-shrink:0}
.ex-view strong{display:block;font-size:13px;font-weight:600;line-height:1.35}
.ex-view small{display:block;font-size:11px;line-height:1.45;color:var(--ex-muted);margin-top:4px}
.ex-atmosphere{border-top:1px solid #e1e2d7;margin-top:20px;padding-top:18px}
.ex-atmosphere summary{cursor:pointer;min-height:24px}
.ex-field{border:0;margin:0 0 16px;padding:0}
.ex-field legend{font-size:12px;color:var(--ex-muted);margin-bottom:8px}
.ex-choices{display:flex;flex-wrap:wrap;gap:5px}
.ex-choices button,.ex-actions button{border:1px solid #d9ded1;border-radius:5px;padding:7px 10px;font-size:12px;background:#fff;min-height:34px}
.ex-choices button[aria-pressed=true]{background:#234934;color:#fff;border-color:#234934}
.ex-actions{display:flex;gap:6px}
.ex-actions button{background:transparent;color:#52644b}
.ex-note,.ex-disclaimer{font-size:11px;line-height:1.65;color:#6c7666;margin-top:14px}
.ex-primary{background:#163f2b;color:white;border-radius:6px;padding:12px;width:100%;font-size:13px;font-weight:600;margin-top:20px}
.ex-scene{position:relative;overflow:hidden;min-width:0;min-height:0;background:#343c2d;touch-action:none;user-select:none;cursor:grab;isolation:isolate}
.ex-scene:active{cursor:grabbing}
.ex-image-world{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none;will-change:transform}
.ex-image-world img{display:block;max-width:none;object-fit:contain;pointer-events:none}
.explore-inactive .ex-image-world{will-change:auto}
.ex-light,.ex-fog,.ex-particles{position:absolute;inset:0;pointer-events:none}
.ex-light{background:transparent;transition:background .5s}
.light-golden .ex-light{background:linear-gradient(125deg,#ffd68550,transparent 70%);mix-blend-mode:soft-light}
.light-dusk .ex-light{background:linear-gradient(160deg,#0f253675,#2c314d60)}
.weather-rain .ex-light{background:linear-gradient(#172c4675,#344c6260)}
.weather-snow .ex-light{background:linear-gradient(#e8f1f855,#f2f6f13b)}
.ex-fog{background:linear-gradient(170deg,#e3e9e8df,#e3e9e899 42%,#e3e9e844 85%),linear-gradient(110deg,#e3e9e877,transparent 35%,#e3e9e8b8 68%,transparent);background-size:100% 100%,220% 100%;animation:fogDrift 24s ease-in-out infinite alternate}
.ex-particles i{position:absolute;display:block;animation-timing-function:linear;animation-iteration-count:infinite}
.weather-rain .ex-particles i{width:1.5px;height:44px;background:linear-gradient(transparent,#d5e5ef);transform:rotate(14deg);animation-name:rainFall}
.weather-snow .ex-particles i{width:var(--flake-size);height:var(--flake-size);border-radius:100%;background:#fff;box-shadow:0 0 2px #fff;animation-name:snowFall}
.effects-paused .ex-particles i,.effects-paused .ex-fog{animation-play-state:paused}
@keyframes rainFall{from{translate:18px -80px}to{translate:-70px 500px}}
@keyframes snowFall{from{translate:-12px -180px}to{translate:75px 540px}}
@keyframes fogDrift{from{background-position:0 0}to{background-position:100% 0}}
.ex-scene-top{position:absolute;left:20px;right:20px;top:20px;display:flex;gap:12px;align-items:center;justify-content:space-between;pointer-events:none}
.ex-floating{pointer-events:auto;background:#f9faf5ef;border:1px solid #fff6;padding:10px 14px;border-radius:6px;font-size:12px;font-weight:600;backdrop-filter:blur(8px)}
.ex-view-caption{color:#fff;font-size:13px;background:#1c2c20b5;padding:9px 14px;border-radius:6px;backdrop-filter:blur(6px)}
.ex-zoom{position:absolute;right:20px;top:80px;display:flex;flex-direction:column;border-radius:7px;overflow:hidden;box-shadow:0 3px 12px #14201830}
.ex-zoom button{background:#fafbf5ef;width:42px;height:42px;border-bottom:1px solid #d1d8ca;color:#183d29;font-size:20px}
.ex-zoom button:last-child{font-size:12px;border-bottom:0}
.ex-scene-bottom{position:absolute;bottom:16px;left:20px;right:20px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;pointer-events:none}
.ex-scene-bottom span{font-size:11px;color:#f7f8ef;background:#243422c9;padding:6px 10px;border-radius:4px}
.ex-loading{position:absolute;inset:0;display:grid;place-content:center;background:#e5e8de;color:#23452e;font-size:14px}
.ex-image-error{padding:25px;text-align:center;gap:16px}
.ex-image-error button{justify-self:center;padding:10px 18px;border-radius:5px;background:#234934;color:white}
.ex-nav-notice{position:absolute;bottom:90px;left:20px;right:70px;background:#fff9e8;padding:14px;border-radius:6px;font-size:13px;line-height:1.5}
.ex-nav-notice button{float:right;margin-left:12px;font-size:18px}
.ex-panel button:focus-visible,.ex-panel summary:focus-visible,.ex-scene button:focus-visible,.experience-nav button:focus-visible{outline:3px solid #9ea74a;outline-offset:2px}
@media(min-width:1024px) and (min-height:650px){.portal-shell .explore-host{min-height:0}.experience-explore .portal-header{flex-shrink:0}}
@media(max-width:1023px),(max-height:649px){
 .explore-host{min-height:740px}
 .explore-workspace{height:740px;grid-template-columns:260px minmax(0,1fr)}
 .ex-panel{padding:20px 16px}.experience-nav{padding:10px 16px}
}
@media(max-width:650px){
 .explore-host{min-height:0}
 .explore-workspace{display:flex;flex-direction:column;height:auto}
 .ex-scene{height:58svh;min-height:360px;order:0;flex:none}
 .ex-panel{order:1;overflow:visible;border-right:0;padding:20px}
 .ex-section{display:grid;grid-template-columns:1fr 1fr;gap:4px}
 .ex-section h3{grid-column:1/-1}.ex-view{padding:8px 5px}
 .ex-view-caption{max-width:170px;font-size:11px}
 .ex-scene-top{left:12px;right:12px;top:12px}
 .ex-zoom{right:12px;top:68px}.ex-scene-bottom{left:12px;right:12px}
 .ex-scene-bottom span{font-size:10px}
 .preview-status{font-size:11px}.ex-intro h2{font-size:22px}
}
@media(prefers-reduced-motion:reduce){.ex-particles i,.ex-fog{animation:none!important}.ex-image-world img{transition:none}}