.gg-view,.gp-sw,.gs-strip{border-radius:8px;box-shadow:inset 0 0 0 1px #0002}.gg-view{height:16rem}.gp-sw{height:2.5rem}.gs-strip{flex:none;width:3rem;height:1.75rem}.gg-bar,.gg-act,.gg-foot,.gg-space,.gg-saved li{display:flex;gap:8px}.gg-bar{flex-wrap:wrap;position:relative;z-index:1}.gx{flex-wrap:wrap}.gx,.gg-saved li{align-items:center}.gx .k,.gs-name{flex:1}.gx pre,.gx .gg-note{flex:0 0 100%;margin:0}.gx pre{padding:8px;border-radius:8px;background:var(--bg-2);white-space:pre-wrap;word-break:break-all;font:.8125rem/1.5 var(--font-mono)}.gg-d .gg-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.gp{display:grid;gap:4px;border:0;background:0;padding:0;font-size:.75rem;color:var(--text-2)}.gg-stops,.gg-saved{list-style:none;margin:0;padding:0;display:grid;gap:8px}.gs-name{min-width:0}.gg-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px}.gg-pad{display:grid;grid-template-columns:repeat(3,3rem);grid-auto-rows:var(--control);gap:4px}.gg-pad .btn{padding:0}.gg-pad [aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}#angle,.gg-pos{padding:0 4px;text-align:center}.gg-types{grid-auto-flow:row}.gg-stops li{display:grid;grid-template-columns:var(--control) minmax(0,1fr) 3.75rem 2.25rem;gap:6px}.gg-sw{padding:3px}.gg-hex{padding:0 8px;font-family:var(--font-mono)}.gg-foot .btn{padding:0 10px;gap:4px}.gg-foot [data-action=clear]{margin-left:auto}@container(max-width:30rem){.gg-foot .gg-w{display:none}}@container(max-width:19rem){.gg-x{display:none}}@container(max-width:24rem){.gg-act .gg-w{display:none}}@media(max-width:63.99em){.look-card>.eyebrow,.gg-w2,.look-card .gg-c,.look-card [data-action=share]{display:none}.gg-view{grid-area:1/1/2/-1;height:clamp(3rem,100svh - 37rem,6rem);margin-bottom:8px}.gg-bar,.gg-bar>*{flex-wrap:nowrap;gap:6px}.gg-bar{grid-area:2/1}.app .look-card .look-more{grid-row:2;align-self:center}.app-page .app .look-card .look-actions{display:flex}.look-card .btn{height:var(--control-sm);padding:0 10px;gap:4px}}