.sensory-studio{border-bottom:1px solid var(--p-edge);margin-bottom:50px;padding:38px 0 60px}.sound-reference{border-bottom:1px solid var(--p-edge);margin-bottom:30px;padding-bottom:30px}.sound-reference h3{margin:0 0 12px}.sound-reference>p{color:var(--p-muted);margin-bottom:20px;font-size:18px}.sound-reference .sound-previews{grid-template-columns:repeat(2,minmax(0,1fr))}.sound-apply-row{flex-wrap:wrap;align-items:center;gap:20px;margin-top:26px;display:flex}.sound-apply-row p{color:var(--p-muted);font-size:18px}.sensory-studio header{max-width:840px}.sensory-kicker{color:var(--p-accent);font-size:17px}.sensory-studio h2{margin:14px 0 22px;font-size:clamp(34px,4vw,58px);line-height:1.08}.sensory-studio header>p:last-child{color:var(--p-muted);font-size:21px;line-height:1.6}.sensory-studio h3{margin:40px 0 22px;font-size:26px}.cursor-options{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.cursor-options button,.sound-previews button{border:1px solid var(--p-edge);background:var(--p-surface);color:var(--p-text);text-align:left;border-radius:18px;flex-direction:column;align-items:flex-start;gap:12px;min-height:48px;padding:24px;display:flex}.cursor-options button[aria-pressed=true]{border-color:var(--p-accent);box-shadow:inset 0 0 0 1px var(--p-accent);background:var(--p-raised)}.cursor-options strong,.sound-previews strong{font-size:22px}.cursor-options button>span:last-child,.sound-previews span{color:var(--p-muted);font-size:16px;line-height:1.5}.cursor-sample{width:32px;height:32px;color:var(--p-accent);border:1.5px solid;border-radius:50%;margin:6px 0 14px;display:block;position:relative}.cursor-sample:after{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;top:calc(50% - 2.5px);left:calc(50% - 2.5px)}.sample-dot{background:currentColor;width:16px;height:16px;margin:14px 8px 22px}.sample-cross{background:linear-gradient(currentColor,currentColor) 50%/100% 1px no-repeat,linear-gradient(currentColor,currentColor) 50%/1px 100% no-repeat;border:0;border-radius:0}.sample-diamond{border-radius:5px;rotate:45deg}.sample-label{border-radius:20px;width:70px}.sample-label:after{content:"Abrir";text-align:center;background:0 0;width:auto;height:auto;font:14px Inter,sans-serif;inset:5px 0}.sample-native{clip-path:polygon(10% 0,90% 65%,53% 68%,35% 100%);background:currentColor;border:0;border-radius:0}.sample-native:after{display:none}.sound-settings{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.sound-settings label{flex-wrap:wrap;align-items:center;gap:12px;font-size:18px;display:flex}.sound-settings select{background:var(--p-surface);width:100%;color:var(--p-text);border:1px solid var(--p-edge);font:inherit;border-radius:10px;padding:14px}.sound-settings input{width:100%;accent-color:var(--p-accent);min-height:44px}.sound-settings output{color:var(--p-accent);margin-left:auto}.sound-previews{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.sound-previews button:hover{border-color:var(--p-accent)}.sensory-hint{color:var(--p-muted);max-width:900px;margin:22px 0;font-size:17px;line-height:1.6}#sensory-feedback{min-height:1.5em;color:var(--p-accent);font-size:17px}@media (width<=700px){.cursor-options,.sound-previews,.sound-settings{grid-template-columns:1fr 1fr}.sound-settings{grid-template-columns:1fr}.cursor-options button,.sound-previews button{padding:18px}.cursor-options strong,.sound-previews strong{font-size:19px}}@media (width<=420px){.sound-previews{grid-template-columns:1fr}}.interaction-collection [hidden]{display:none!important}#exploraciones,#interaction-view{scroll-margin-top:100px}.interaction-kind{color:var(--p-muted);font-size:16px}.interaction-collection .type-card-label strong{font-size:clamp(24px,2.5vw,32px)}.interaction-collection .sensory-studio,.interaction-collection .motion-gallery{border:0;margin:0;padding:0}.motion-gallery[data-focused=true] .g-layout{display:block}.motion-gallery[data-focused=true] .g-stage{min-height:clamp(300px,50svh,500px)}.motion-gallery[data-focused=true] .g-explanation{padding:20px 26px}.motion-gallery[data-focused=true] .g-explanation summary{cursor:pointer;min-height:44px;font-size:17px}.motion-gallery[data-focused=false] .g-explanation summary{display:none}.motion-gallery[data-focused=true] .g-explanation h2{margin-top:15px;font-size:25px}.motion-gallery[data-focused=true] .g-save-row{padding-block:14px}.motion-gallery[data-focused=true] .g-status:empty{display:none}.interaction-collection #sensory-feedback{margin-top:20px}.interaction-collection .sound-previews button:active{transform:scale(.98)}
