.devMode{background-color:var(--color-neutral-100);border-radius:var(--border-radius-s);width:350px;max-height:calc(100vh - 40px);color:var(--color-text-primary);z-index:1000;border:var(--border-width)solid var(--color-neutral-300);flex-direction:column;transition:width .3s,height .3s,box-shadow .3s;display:flex;position:fixed;top:20px;right:10px;overflow:hidden;box-shadow:0 4px 12px #0003}.devMode--collapsed{height:40px;overflow:hidden}.devMode--dragging{opacity:.9;-webkit-user-select:none;user-select:none;transition:none;box-shadow:0 8px 24px #0000004d}.devMode__header{background-color:var(--color-primary);color:var(--color-text-inverse);border-bottom:var(--border-width)solid var(--color-neutral-300);-webkit-user-select:none;user-select:none;cursor:grab;justify-content:space-between;align-items:center;padding:10px 0 10px 10px;display:flex}.devMode--dragging .devMode__header{cursor:grabbing}.devMode__header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.devMode__header-buttons{gap:5px;display:flex}.devMode__close-button,.devMode__collapse-button{color:var(--color-text-inverse);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;display:flex}.devMode__close-button:hover,.devMode__collapse-button:hover{background-color:#fff3}.devMode__content-wrapper{background-color:var(--color-neutral-white);cursor:default;flex:1;padding:.25rem 0 .25rem .25rem;overflow-y:auto}.devMode__accordion{border:var(--border-width)solid var(--color-neutral-300);border-radius:var(--border-radius-s);background-color:#0000;margin-bottom:10px;overflow:hidden}.devMode__info-grid{grid-template-columns:40% 60%;gap:8px;display:grid}.devMode__info-grid span{padding:5px}.devMode__info-grid span:nth-child(odd){font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.devMode__info-compact{font-size:var(--font-size-sm);flex-direction:column;gap:5px;display:flex}.devMode__info-compact div{color:var(--color-text-primary);padding:3px 0}.devMode__nav-controls{flex-direction:column;gap:10px;display:flex}.devMode__button-row{gap:5px;display:flex}.devMode__nav-button{background-color:var(--color-secondary);color:var(--color-text-inverse);border-radius:var(--border-radius-s);cursor:pointer;font-weight:var(--font-weight-semibold);border:none;flex:1;padding:8px 12px}.devMode__nav-button:hover:not(:disabled){background-color:var(--color-accent-yellow)}.devMode__nav-button:disabled{opacity:.5;cursor:not-allowed}.devMode__section-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin-top:5px;display:flex}.devMode__section-button{background-color:var(--color-neutral-300);color:var(--color-text-primary);border-radius:var(--border-radius-s);cursor:pointer;border:none;padding:6px 10px}.devMode__section-button:hover:not(:disabled){background-color:var(--color-neutral-400)}.devMode__section-button.active{background-color:var(--color-primary);color:var(--color-text-inverse)}.devMode__analyze-button{background-color:var(--color-secondary);color:var(--color-text-inverse);border-radius:var(--border-radius-s);cursor:pointer;border:none;width:100%;padding:8px 12px}.devMode__analyze-button:hover{background-color:var(--color-accent-yellow)}.devMode__analyze-button--html{background-color:var(--color-accent-green)}.devMode__analyze-button--html:hover{background-color:var(--color-accent-yellow)}.devMode__info-note{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-top:8px}.devMode__camera-toggle{margin-bottom:15px}.devMode__toggle-title{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:10px 0 5px}.devMode__lens-controls{background-color:var(--color-neutral-white);border-radius:var(--border-radius-s);margin-bottom:10px;padding:10px}.devMode__control-group{margin-bottom:10px}.devMode__control-header{font-size:var(--font-size-base);justify-content:space-between;margin-bottom:5px;display:flex}.devMode__control-range{font-size:var(--font-size-base);color:var(--color-text-secondary);justify-content:space-between;margin-top:2px;display:flex}.devMode__speed-button{background-color:var(--color-neutral-300);color:var(--color-text-primary);border-radius:var(--border-radius-s);cursor:pointer;font-size:var(--font-size-base);border:none;padding:6px 10px}.devMode__speed-button:hover{background-color:var(--color-accent-yellow);color:var(--color-text-primary)}.toggle-button-group{border-radius:var(--border-radius-s);width:100%;display:flex;overflow:hidden}.devMode__model-group-toggle{border:var(--border-width)solid var(--color-neutral-300)!important;background-color:#0000!important}.devMode__model-group-toggle:hover{background-color:var(--color-neutral-200)!important}.devMode:not(.devMode--collapsed):before{content:"";background-color:var(--color-primary);cursor:grab;opacity:0;height:5px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.devMode:not(.devMode--collapsed):hover:before{opacity:.7}.devMode--dragging:before{cursor:grabbing;opacity:1!important}.devMode__toggle-switch{width:50px;height:24px;display:inline-block;position:relative}.devMode__toggle-switch input{opacity:0;width:0;height:0}.devMode__toggle-slider{cursor:pointer;background-color:#ccc;border-radius:24px;transition:all .4s;position:absolute;inset:0}.devMode__toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}.devMode__toggle-switch input:checked+.devMode__toggle-slider{background-color:#4caf50}.devMode__toggle-switch input:focus+.devMode__toggle-slider{box-shadow:0 0 1px #4caf50}.devMode__toggle-switch input:checked+.devMode__toggle-slider:before{transform:translate(26px)}.devMode__control-group input[type=range]:disabled{opacity:.6;cursor:not-allowed}.devMode__section-jumps{border-top:1px solid #ffffff1a;margin-top:12px;padding-top:8px}.devMode__section-jumps h4{color:#ccc;margin:0 0 8px;font-size:14px}.devMode__instant-jump{border-top:1px solid var(--color-neutral-300);flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:12px;padding-top:8px;display:flex}.devMode__instant-jump h4{font-size:var(--font-size-md);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);margin:4px 0 8px}.devMode__instant-jump p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 8px}.devMode__jump-buttons{flex-wrap:wrap;gap:5px;margin-top:4px;display:flex}.devMode__jump-btn{font-size:var(--font-size-base);background-color:var(--color-neutral-300);color:var(--color-text-primary);border-radius:var(--border-radius-s);cursor:pointer;border:none;padding:6px 10px;transition:all .2s}.devMode__jump-btn:hover:not(:disabled){background-color:var(--color-neutral-400)}.devMode__jump-btn:disabled{opacity:.5;cursor:default}.devMode__jump-btn--current{background-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 0 5px #0003}.devMode__jump-section.active{background:#282828cc;box-shadow:0 0 8px #0096ff66}.devMode__jump-section.active .devMode__section-label{color:#fff;font-weight:700}.devMode__accordion--stages{border:var(--border-width)solid var(--color-neutral-300)!important}.devMode__stage-group{border-bottom:1px solid var(--color-neutral-300);margin-bottom:12px;padding-bottom:12px}.devMode__stage-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.devMode__stage-header{margin-bottom:8px}.devMode__stage-header strong{font-size:var(--font-size-md);color:var(--color-primary);margin-bottom:3px;display:block}.devMode__stage-description{color:var(--color-text-secondary);font-size:11px;font-style:italic;line-height:1.3;display:block}.devMode__checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--font-size-base);color:var(--color-text-primary);align-items:center;gap:6px;transition:all .15s;display:flex}.devMode__checkbox-label:hover{color:var(--color-primary)}.devMode__checkbox-label input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--color-primary)}.devMode__checkbox-label--small{margin-left:8px;font-size:12px}.devMode__checkbox-label--small code{color:var(--color-text-secondary);word-break:break-word;background-color:#0000000d;border-radius:2px;padding:1px 3px;font-family:Courier New,monospace;font-size:11px}.devMode__stage-items{border-left:2px solid var(--color-neutral-300);flex-direction:column;gap:4px;margin-left:8px;padding-left:8px;display:flex}.devMode__model-toggle{justify-content:space-between;align-items:center;gap:4px;padding:3px 0;display:flex}.devMode__model-priority{color:var(--color-text-secondary);font-size:10px;font-style:italic}
.accordion{border-top:1px solid #ddd;width:calc(100% - 1rem);overflow:hidden}.accordion__header{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:2px;outline:none;justify-content:space-between;align-items:center;padding:1.4rem .5rem;font-size:1rem;font-weight:600;transition:all .3s,background-color .2s;display:flex}.accordion__header:hover{background:var(--color-neutral-200)}.accordion__icon{font-size:1rem}.accordion__content{will-change:max-height;max-height:1000px;transition:max-height 1.8s cubic-bezier(.33,1,.68,1);overflow:hidden}.accordion__content--hidden{will-change:max-height;max-height:0;transition:max-height 1.2s cubic-bezier(.33,1,.68,1);overflow:hidden}.accordion__content-inner{opacity:1;will-change:opacity,transform;padding:1rem;transition:opacity 1.8s cubic-bezier(.33,1,.68,1),transform 1.8s cubic-bezier(.33,1,.68,1);transform:translateY(0)}.accordion__content--hidden .accordion__content-inner{opacity:0;transition:opacity 1.2s cubic-bezier(.33,1,.68,1),transform 1.2s cubic-bezier(.33,1,.68,1);transform:translateY(-15px)}.accordion__content-inner{padding:.5rem 1.2rem;transition:padding 1.2s cubic-bezier(.33,1,.68,1)}.accordion--has-error .accordion__header,.accordion-error .accordion__header{border-left:3px solid var(--color-system-warning);background-color:var(--color-system-warning-bg)}.accordion-error .accordion__content{border-left:3px solid var(--color-system-warning-bg)}.accordion__tooltip-icon{color:#666;cursor:pointer;margin-left:8px;font-size:16px;transition:color .2s;display:inline-flex}.accordion__tooltip-icon:hover{color:#0056b3}@keyframes titlePulse{0%{text-shadow:0 0 5px #ffd90033}50%{text-shadow:0 0 10px #ffd90066}to{text-shadow:0 0 5px #ffd90033}}@keyframes titlePulseGreen{0%{text-shadow:0 0 5px #0a03}50%{text-shadow:0 0 10px #0a06}to{text-shadow:0 0 5px #0a03}}@keyframes titleAppear{0%{opacity:.5}50%{opacity:1}to{opacity:1}}.accordion__title{align-items:center;transition:color 1.2s cubic-bezier(.33,1,.68,1);display:flex}.accordion__title--yellow{color:var(--color-accent-yellow);text-shadow:0 0 5px #ffd90033;animation:1.2s ease-in-out infinite titlePulse}.accordion__title--green{color:var(--color-accent-green);text-shadow:0 0 5px #0a03;animation:1.2s ease-in-out infinite titlePulseGreen}.accordion__title--animating{animation:1.2s cubic-bezier(.33,1,.68,1) forwards titleAppear!important}.accordion--transitioning{transition-timing-function:cubic-bezier(.33,1,.68,1)}.accordion__header button img{will-change:transform;transition:transform 1.2s cubic-bezier(.33,1,.68,1)}.accordion[data-is-open=true] .accordion__header button img{transform:rotate(0)}.accordion[data-is-open=false] .accordion__header button img{transform:rotate(360deg)}@media screen and (max-width:768px){.accordion__header:hover{background:0 0}}
.toggle-button-group{align-items:center;gap:var(--spacing-md);display:inline-flex}.toggle-button-group .button{margin:0}
.soundControls{--primary:#2196f3;--success:#4caf50;--warning:#ff9800;--danger:#f44336;--info:#9e9e9e;--radius:4px;--gap:10px;gap:var(--gap);flex-direction:column;font-size:.8rem;display:flex}.soundControls input[type=range]{cursor:pointer;background:#ddd;border-radius:2px;outline:none;flex:1;height:4px}.sc__btn--primary,.sc__btn--play,.sc__btn--stop,.sc__btn--mute,.sc__btn--unmute,.sc__btn--playSmall,.sc__btn--stopSmall,.sc__btn--stopAll,.sc__btn--on,.sc__btn--off{border-radius:var(--radius);color:#fff;cursor:pointer;border:none;padding:6px 10px;font-size:.75rem}.sc__btn--primary{background:var(--primary)}.sc__btn--play{background:var(--success)}.sc__btn--stop,.sc__btn--stopAll,.sc__btn--mute{background:var(--danger)}.sc__btn--unmute{background:var(--success)}.sc__btn--playSmall{background:var(--primary);padding:2px 5px;font-size:.65rem}.sc__btn--stopSmall{background:var(--danger);padding:2px 5px;font-size:.65rem}.sc__btn--on{background:var(--success)}.sc__btn--off{background:var(--info)}.sc__btn--active{background:var(--primary);color:#fff}.sc__topBar,.sc__refresh{align-items:center;gap:6px;display:flex}.sc__topBar input[type=text]{border-radius:var(--radius);border:1px solid #ddd;flex:1;padding:8px}.sc__ambient,.sc__active,.sc__positional,.sc__categories,.sc__library{border-radius:var(--radius);background:#00000008;border:1px solid #00000026;padding:10px}.sc__ambientControls,.sc__catRow{align-items:center;gap:8px;display:flex}.sc__info{color:#666;border-radius:var(--radius);background:#0000000a;padding:4px 6px;font-size:.7rem}.sc__soundCard{border-radius:var(--radius);border-left:4px solid var(--success);background:#fff9;flex-direction:column;gap:4px;margin-bottom:6px;padding:8px 12px;display:flex}.sc--transition{border-left-color:var(--warning);background:#ffc10726}.sc--positional{border-left-color:var(--primary);background:#2196f326}.sc__soundCard header{justify-content:space-between;align-items:center;display:flex}.sc__title{font-weight:600}.sc__meta{color:#555;gap:8px;font-size:.75rem;display:flex}.sc__empty{text-align:center;color:#757575;font-style:italic}.sc__positionalList{flex-direction:column;gap:12px;max-height:600px;display:flex;overflow-y:auto}.sc__posItem{border-radius:var(--radius);background:#ffffffb3;border:1px solid #ccc;padding:12px}.sc__posItem header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.sc--selected{background:#2196f31a}.sc--in{color:var(--success)}.sc--out{color:var(--danger)}.sc__advanced{border-radius:var(--radius);background:#0000000a;margin-top:6px;padding:4px 6px;font-size:.7rem}.sc__catRow{border-radius:var(--radius);background:#fff9;margin-bottom:8px;padding:6px 8px}.sc__catName{min-width:120px;font-weight:600}.sc__pct{text-align:center;width:45px;font-weight:700}.sc__libGroup{margin-bottom:10px}.sc__libList{flex-wrap:wrap;gap:4px;display:flex}.sc__libItem{border-radius:var(--radius);background:#0000000d;border:1px solid #0000001a;flex-direction:column;align-items:center;gap:2px;min-width:70px;max-width:100px;padding:3px 5px;font-size:.7rem;display:flex}.sc--playing{background:#4caf5026;border-color:#4caf504d}.sc__more{color:#757575;align-self:center;font-size:.7rem}.sc__footer{border-radius:var(--radius);color:#555;background:#0000000d;justify-content:space-between;padding:8px;font-size:.75rem;display:flex}.sc--on{color:var(--success)}.sc--off{color:var(--danger)}.sc__soundParams{border-left:3px solid var(--primary);background-color:#0000000d;border-radius:4px;margin-top:8px;padding:8px}.sc__paramRow{align-items:center;margin-bottom:4px;display:flex}.sc__paramRow label{color:#555;flex:0 0 110px;font-size:.85em}.sc__paramRow input{flex:1;margin:0 8px}.sc__paramRow span{text-align:right;flex:0 0 40px;font-size:.85em}
:root{--sl-ease-out:cubic-bezier(.22,1,.36,1);--sl-ease-back:cubic-bezier(.22,1,.36,1);--color-primary-rgb:27,148,211;--color-accent-complementario-rgb:11,117,184;--color-secondary-rgb:28,53,87}.scene-loader-container{z-index:1000;pointer-events:all;opacity:1;visibility:visible;transition:opacity 1.2s var(--sl-ease-out),background-color 1s var(--sl-ease-out);display:block;position:fixed;inset:0}.scene-loader-container.exiting{opacity:0;pointer-events:none;transition:opacity .8s var(--sl-ease-out)1s}.scene-loader-content{--cta-offset-x:clamp(-24px,-2vw,-6px);transform:translateX(calc(-50% + var(--cta-offset-x)));z-index:2;place-items:center;gap:1.25rem;display:grid;position:absolute;bottom:20%;left:50%}@media (min-width:1600px){.scene-loader-content{--cta-offset-x:clamp(-30px,.8vw,-20px)}}@media (max-width:768px){.scene-loader-content{--cta-offset-x:clamp(6px,1.8vw,16px);bottom:calc(20% - var(--pill-h,44px));gap:.75rem}.scene-loader-tutorialOverlay{padding:0 12px}}.scene-loader-tutorialOverlay{pointer-events:none;z-index:1100;justify-content:center;align-items:center;padding:0 16px;display:flex;position:absolute;inset:0;transform:translateY(-5vh)}@media (prefers-reduced-motion:reduce){.scene-loader-container{transition:none!important;animation:none!important}}