.sm-stage{display:grid;place-items:center;padding:12px;border-radius:8px;background:var(--bg-2)}.sm-cv{display:block;max-width:100%;max-height:min(32rem,62svh);width:auto;height:auto;outline:1px solid #0002}.sm-bar,.sm-act,.sm-dl,.sm-x,.sm-fr,.sm-saved li{display:flex;gap:8px;align-items:center}.sm-bar,.sm-dl,.sm-x{flex-wrap:wrap}.sm-bar{position:relative;z-index:1}.sm-x .k,.sm-nm,.sm-fr .input{flex:1;min-width:0}.sm-fr{align-items:start}.sm-fr .btn{flex:none;padding:0 12px;gap:4px}.sm-f{flex-direction:column;justify-content:center;gap:0;line-height:1.2}.sm-f small{font-size:.75rem;color:var(--text-2)}#sm-h,#sm-b{min-height:var(--control)}[rows="1"]{resize:none;overflow:hidden}.sm-sb{display:grid;gap:12px;font-size:1rem;color:var(--text-1)}.sm-pick{display:grid;grid-template-columns:2.75rem 1fr;gap:4px}.sm-pick [type=color]{padding:3px}.sm-pick :last-child{font-family:var(--font-mono)}.sm-pre{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sm-p{display:grid;gap:4px;border:0;background:0;padding:0;font-size:.75rem;color:var(--text-2)}.sm-sw{display:grid;place-items:center;height:2.5rem;border-radius:6px;box-shadow:inset 0 0 0 1px #0002}.sm-saved{list-style:none;margin:0;padding:0;display:grid;gap:8px}.sm-saved .sm-sw{flex:0 0 3rem;height:2rem}@container(max-width:24rem){.sm-sb .two-up{grid-template-columns:1fr}}@container(max-width:20rem){.sm-lay button{font-size:.875rem}}@media(max-width:63.99em){.touch [data-form]{gap:12px}.look-card>.eyebrow,.look-card .sm-w,.look-card [data-action=copy]{display:none}.app-page .app .look-card{--ph:clamp(5rem,100svh - 34rem,8rem);grid-template-columns:auto minmax(0,1fr);gap:8px 12px}.sm-stage{grid-area:1/1/3/2;width:34cqi;height:var(--ph);padding:0;background:0}.sm-cv{max-height:var(--ph)}.sm-bar{grid-area:1/2;align-self:start}.sm-bar,.sm-bar>*{gap:6px}.app .look-card .look-more{grid-area:2/2;align-self:end}.app-page .app .look-card .look-actions{display:flex}.look-card .btn{height:var(--control-sm);padding:0 7px}}