.trip-area{z-index:70;color:#f6f0ff;isolation:isolate;background:#060609;flex-direction:column;display:flex;position:fixed;inset:0}.trip-header{min-height:64px;padding:12px 24px;padding-top:calc(12px + env(safe-area-inset-top,0px));background:#0d0b13;border-bottom:1px solid #ffffff20;flex-shrink:0;justify-content:space-between;align-items:center;gap:18px;display:flex}.trip-back{color:#c8bdd8;white-space:nowrap;align-items:center;gap:8px;min-height:40px;font-size:12px;display:flex}.trip-back:hover{color:#d8ff73}.trip-back:focus-visible{outline-offset:4px;outline:2px solid #d8ff73}.trip-heading{color:#d8ff73;align-items:center;gap:9px;display:flex}.trip-heading h1{font-family:var(--display-tools),sans-serif;margin:0;font-size:25px;font-weight:400;line-height:1}.trip-heading>span,.trip-room{letter-spacing:.12em;color:#b8aacb;font-size:9px}.trip-stage{background:#000;border:0;flex:1;width:100%;min-height:0;display:block}.trip-nojs{color:#fff;position:absolute;top:90px;left:24px}@media (max-width:760px){.trip-header{gap:10px;min-height:58px;padding-inline:14px}.trip-heading>span,.trip-room{display:none}.trip-heading h1{font-size:22px}.trip-back{font-size:11px}}.trip-selector{background:#171121;border:1px solid #ffffff24;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:4px;display:flex}.trip-selector button{color:#c5b5d7;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;min-height:36px;padding:9px 14px;font-size:11px}.trip-selector button[aria-pressed=true]{color:#181323;background:#d8ff73}.trip-selector button:hover{color:#fff}.trip-selector button[aria-pressed=true]:hover{color:#181323}.trip-selector button:focus-visible{outline-offset:2px;outline:2px solid #f0b6ff}.shader-room{background:#080b12;flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.shader-room-stage{isolation:isolate;flex:1;min-height:280px;position:relative;overflow:hidden}.shader-room-stage :is(.hero-shader,.hero-generative){pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.shader-room-stage .hero-shader{z-index:1;opacity:0}.shader-room-stage .hero-shader[data-ready=true]{opacity:1}.shader-room-stage .hero-shader{border-radius:0;-webkit-mask-image:none;mask-image:none}.trip-selector{max-width:100%;overflow-x:auto}@media (max-width:760px){.trip-selector button{flex:1 0 auto;padding-inline:8px;font-size:11px}}.shader-room-copy{z-index:2;pointer-events:none;background:linear-gradient(#0000,#080b12e6);padding:70px 32px 28px;position:absolute;inset:auto 0 0}.shader-room-copy>span,.shader-room-palette{letter-spacing:.12em;color:#d8ff73;font:10px monospace}.shader-room-copy h2{font-family:var(--display-tools),sans-serif;color:#f8f5ff;margin:12px 0;font-size:clamp(36px,5vw,68px);line-height:1}.shader-room-copy p{color:#d5d1df;margin:0 0 10px;font-size:14px}.shader-room-copy small{color:#aba9bb;font-size:11px}.shader-room-palette{z-index:2;background:#080b12b0;border:1px solid #ffffff30;border-radius:30px;padding:9px 12px;position:absolute;top:24px;right:24px}.shader-room-controls{padding:16px 24px max(16px,env(safe-area-inset-bottom));background:#0d0b13;border-top:1px solid #ffffff20;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.shader-room-scenes,.shader-room-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.shader-room-controls button{color:#d5d1df;cursor:pointer;background:#ffffff08;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:7px;min-height:40px;padding:10px 12px;font-size:12px;display:flex}.shader-room-controls button[aria-pressed=true]{color:#d8ff73;background:#d8ff7314;border-color:#d8ff73}.shader-room-controls button:hover{background:#ffffff15}.shader-room-controls button:focus-visible{outline-offset:3px;outline:2px solid #d8ff73}.shader-room-actions label{color:#b8aacb;align-items:center;gap:8px;padding:0 6px;font-size:11px;display:flex}.shader-room-actions input{accent-color:#d8ff73;width:95px}@media (max-width:760px){.shader-room-copy{padding:70px 18px 20px}.shader-room-controls{gap:12px;padding:12px}.shader-room-scenes{width:100%}.shader-room-scenes button{flex:1;padding:8px;font-size:11px}.shader-room-actions{justify-content:center;width:100%}.shader-room-palette{top:14px;right:14px}.trip-header{flex-wrap:wrap;padding-bottom:10px}.trip-heading{margin-left:auto}.trip-selector{border-radius:12px;justify-content:center;width:100%;padding:3px}.trip-selector button{border-radius:8px;flex:1;padding:7px 10px;font-size:12px}}