.gu-looks{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.gu-look{color:var(--ink-70);text-align:center;cursor:pointer;background:0 0;border:0;gap:4px;min-width:0;padding:0;display:grid}.gu-look img{aspect-ratio:3/4;object-fit:cover;object-position:50% 25%;border-radius:var(--r2);width:100%;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .2s,transform .2s}.gu-look span{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:650;line-height:1.2;overflow:hidden}.gu-look[data-on] img{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--tangerine)}.gu-look[data-on] span{color:var(--ink)}.gu-look:hover img{transform:translateY(-1px)}.gu-caps{gap:8px}.gu-free{margin-top:6px}.pa-stage.gu-stage{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(220px,300px);align-items:stretch;gap:16px;display:grid}.gu-main{place-items:center;min-height:0;display:grid;position:relative;container-type:size}.gu-player{aspect-ratio:9/16;border-radius:var(--r3);height:min(100cqh,177.778cqw);box-shadow:var(--shadow);background:#0e0a10;position:relative;overflow:hidden}.gu-canvas{width:100%;height:100%;display:block}.gu-ctrl{gap:8px;display:flex;position:absolute;bottom:10px;left:10px}.gu-ctrl button{color:#fff6e6;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#140c1a99;border:0;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid}.gu-ctrl svg{width:16px;height:16px}.gu-loading{background:#18131b linear-gradient(110deg,#fff0 30%,#ffffff0f 50%,#fff0 70%) 0 0/200% 100%;animation:1.4s linear infinite gu-shimmer;position:absolute;inset:0}.gu-wait{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--r3);background:#0e0a108c;place-items:center;display:grid;position:absolute;inset:0}.gu-wait .ef-run,.gu-wait>*{max-width:92%}.gu-side{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;gap:12px;min-width:0;display:flex;overflow-y:auto}.gu-exports{gap:8px;display:grid}.gu-dl{justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;display:inline-flex}.gu-dl svg{flex:none;width:16px;height:16px}.gu-dl:disabled{opacity:.55;cursor:default}.gu-music{color:var(--ink-50);align-items:center;gap:6px;font-size:12px;display:inline-flex}.gu-music svg{width:14px;height:14px}.gu-ex-h{margin-top:4px}.gu-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.gu-ex{aspect-ratio:3/4;border-radius:var(--r2);background:var(--wash);cursor:pointer;width:100%;box-shadow:inset 0 0 0 1px var(--line);border:0;padding:0;transition:box-shadow .2s;display:block;position:relative;overflow:hidden}.gu-ex img{object-fit:cover;object-position:50% 25%;width:100%;height:100%;position:absolute;inset:0}.gu-ex-b{clip-path:inset(0 0 0 50%)}.gu-ex:after{content:"";background:#fff6e6d9;width:1.5px;margin-left:-.75px;position:absolute;top:0;bottom:0;left:50%}.gu-ex[data-on]{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--tangerine)}@keyframes gu-shimmer{to{background-position:-200% 0}}@media (max-width:900px){.pa-stage.gu-stage{grid-template-rows:auto;grid-template-columns:minmax(0,1fr)}.gu-main{container-type:normal}.gu-player{width:min(100%,34.875vh);height:auto}.gu-side{overflow:visible}.gu-examples{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:480px){.gu-looks{gap:6px}.gu-examples{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.gu-loading{animation:none}.gu-look img{transition:none}}