.swatch-grid{grid-template-columns:repeat(6, minmax(var(--touch-target), 1fr));gap:var(--space-2);display:grid}@media (max-width:400px){.swatch-grid{gap:6px}}.swatch{aspect-ratio:1;min-inline-size:var(--touch-target);min-block-size:var(--touch-target);border-radius:var(--radius-round);background:var(--swatch);cursor:pointer;border:0;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 1px #162f4724}[data-hydrated=true] .swatch{transition:transform var(--duration-quick) ease-out, box-shadow var(--duration-quick) ease-out}.swatch:hover{transform:scale(1.06)}.swatch:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.swatch[aria-checked=true]{box-shadow:inset 0 0 0 1px #162f4724, 0 0 0 3px var(--color-surface), 0 0 0 5.5px var(--color-title)}.swatch-check{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;opacity:0;block-size:60%;inline-size:60%;transform:scale(.6)}[data-hydrated=true] .swatch-check{transition:opacity var(--duration-quick) ease-out, transform var(--duration-quick) ease-out}.swatch[data-check=light] .swatch-check{stroke:#fff}.swatch[data-check=dark] .swatch-check{stroke:var(--color-ink)}.swatch[aria-checked=true] .swatch-check{opacity:1;transform:scale(1)}@media (prefers-reduced-motion:reduce){[data-hydrated=true] .swatch,[data-hydrated=true] .swatch-check{transition:none}.swatch:hover{transform:none}}.swatch[data-finish]{background:radial-gradient(circle at 32% 28%, #ffffffbf, transparent 34%), linear-gradient(135deg, transparent 38%, #fff6 50%, transparent 62%), var(--swatch)}.swatch[data-finish]:after{content:"";background:var(--color-surface);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 1px #162f4799);block-size:16px;inline-size:16px;position:absolute;top:-3px}.swatch[data-finish]:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{right:-3px}.swatch[data-finish]:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{right:-3px}.swatch[data-finish]:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{left:-3px}.swatch[data-finish]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{left:-3px}.swatch-grid[data-finish=glitter] .swatch:not([data-finish]){background:radial-gradient(circle at 30% 62%, #fff 0 1.5px, transparent 2.5px), radial-gradient(circle at 68% 34%, #fff 0 1.3px, transparent 2.2px), radial-gradient(circle at 52% 80%, #fff 0 1px, transparent 2px), radial-gradient(circle at 76% 64%, #fff 0 1px, transparent 2px), radial-gradient(circle at 40% 30%, #fff 0 1px, transparent 2px), var(--swatch)}.swatch-grid[data-finish=metallic] .swatch:not([data-finish]){background:linear-gradient(135deg, color-mix(in srgb, var(--swatch) 45%, #fff), var(--swatch) 42%, color-mix(in srgb, var(--swatch) 65%, #000) 78%, color-mix(in srgb, var(--swatch) 70%, #fff))}.swatch-grid[data-finish=glow] .swatch:not([data-finish]){background:var(--swatch);filter:drop-shadow(0 0 2px var(--swatch)) drop-shadow(0 0 5px color-mix(in srgb, var(--swatch) 60%, transparent))}.swatch-grid[data-finish=rainbow] .swatch:not([data-finish]){background:radial-gradient(circle, var(--swatch) 0 60%, transparent 61%), conic-gradient(#ff5e5e, #ffb84d, #ffe94d, #6ee06e, #4dc3ff, #8e6cff, #ff5ec8, #ff5e5e)}.swatch-grid[data-finish=pearl] .swatch:not([data-finish]){background:linear-gradient(135deg, color-mix(in srgb, var(--swatch) 55%, #fff), var(--swatch) 45%, color-mix(in srgb, var(--swatch) 60%, #f1e6ff) 75%, color-mix(in srgb, var(--swatch) 50%, #fffaf0))}.studio{gap:var(--space-4);grid-template-columns:minmax(0,1fr) 22rem;align-items:start;display:grid}@media (max-width:860px){.studio{grid-template-columns:minmax(0,1fr)}}.studio-paper,.studio-tray{border:1px solid var(--glass-edge);border-radius:var(--radius-large);box-shadow:inset 0 1px #ffffffe6,0 18px 40px #082e5429,0 2px 6px #082e5414}.studio-paper{--studio-name-room:calc(var(--touch-target) + var(--space-2));padding:var(--space-4);background:var(--glass-base);-webkit-tap-highlight-color:transparent}.studio-frame{inline-size:min(100%, calc(100dvh - 11rem - var(--studio-name-room)));min-inline-size:min(100%,18rem);margin-inline-start:auto;margin-inline-end:auto;position:relative}@supports not (height:1dvh){.studio-frame{inline-size:min(100%, calc(100vh - 11rem - var(--studio-name-room)))}}.studio-name{align-items:center;gap:var(--space-2);block-size:var(--touch-target);margin-block-end:var(--space-2);display:flex;position:relative}.studio-name-line{min-inline-size:0;font-size:var(--font-size-body);color:var(--color-muted);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;line-height:1.25;display:-webkit-box;overflow:hidden}.studio-name-line strong{font-weight:var(--font-weight-title);color:var(--color-title)}@media (max-width:520px){.studio-name-line{font-size:var(--font-size-small);line-height:1.2}}@media (prefers-reduced-motion:no-preference){.studio-name[data-named] .studio-name-line{animation:studio-tip-in var(--duration-gentle) ease-out}}.studio-name-edit{inline-size:var(--touch-target);block-size:var(--touch-target);border-radius:var(--radius-round);background:var(--color-surface);color:var(--color-title);cursor:pointer;border:0;flex:none;place-items:center;padding:0;display:inline-grid;box-shadow:inset 0 0 0 1.5px #074a7c59,0 2px 6px #082e541f}.studio-name-edit:hover{background:#074a7c14}.studio-name-edit[aria-expanded=true]{background:var(--color-action);color:var(--color-on-action)}.studio-name-edit:disabled{visibility:hidden}.studio-name-edit:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.studio-name-edit .icon .fill{fill:currentColor;opacity:.18}.studio-name-edit-label{display:none}@media (min-width:521px){.studio-name-edit{gap:var(--space-1);inline-size:auto;padding-inline:var(--space-3) var(--space-4);border-radius:var(--radius-round);font:inherit;font-size:var(--font-size-small);font-weight:var(--font-weight-title);white-space:nowrap;grid-auto-flow:column}.studio-name-edit-label{display:inline}}.studio-name-menu{z-index:4;inline-size:min(100%,24rem);padding:var(--space-3);border:1px solid var(--glass-edge);border-radius:var(--radius-medium);background:var(--color-surface);position:absolute;top:calc(100% + var(--space-1));box-shadow:0 12px 32px #082e5433,0 2px 6px #082e541a}.studio-name-menu:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.studio-name-menu:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.studio-name-menu:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.studio-name-menu:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}@media (prefers-reduced-motion:no-preference){.studio-name-menu{animation:studio-tip-in var(--duration-gentle) ease-out}}.studio-name-choices{gap:var(--space-2);flex-wrap:wrap;display:flex}.studio-name-choices .button{flex:auto}.studio-name-typing{gap:var(--space-2);display:grid}.studio-name-keep{justify-self:end}@media (max-height:500px) and (min-width:561px) and (max-width:860px){.studio-paper{--studio-name-room:0px}.studio-name{z-index:2;inline-size:auto;max-inline-size:calc(100% - 2 * var(--space-1) - var(--touch-target) - var(--space-3));border-radius:var(--radius-round);background:#ffffffe6;margin:0;padding-inline-start:var(--space-3);position:absolute;top:var(--space-1);box-shadow:inset 0 0 0 1px #162f471a,0 4px 12px #082e5424}.studio-name:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--space-1)}.studio-name:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--space-1)}.studio-name:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--space-1)}.studio-name:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--space-1)}.studio-name-line{-webkit-line-clamp:1;font-size:0}.studio-name-line strong{font-size:var(--font-size-small)}.studio-name-edit{inline-size:var(--touch-target);padding:0}.studio-name-edit-label{display:none}.studio-name-menu{inline-size:min(20rem,80vw)}.studio-name-menu:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0;right:auto}.studio-name-menu:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0;right:auto}.studio-name-menu:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:auto;right:0}.studio-name-menu:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:auto;right:0}.studio-frame .studio-tip,.studio-frame .studio-ready{top:calc(var(--touch-target) + var(--space-2))}}.studio-sheet{aspect-ratio:1;border-radius:var(--radius-medium);background:var(--color-paper);touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;inline-size:100%;position:relative;overflow:hidden;box-shadow:0 1px 2px #082e541f}.studio-sheet[data-zoomed=true]{touch-action:none}.studio-sheet[data-zoomed=true] .studio-canvas{cursor:grab}.studio-zoom{z-index:1;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-medium);background:#ffffffdb;display:flex;position:absolute;bottom:var(--space-2);box-shadow:inset 0 0 0 1px #162f471a,0 4px 12px #082e5424}.studio-zoom:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--space-2)}.studio-zoom:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--space-2)}.studio-zoom:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--space-2)}.studio-zoom:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--space-2)}.studio-history.studio-corner-history{display:none}@media (max-width:860px){.studio-history.studio-corner-history{z-index:1;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-medium);background:#ffffffdb;display:flex;position:absolute;bottom:var(--space-2);box-shadow:inset 0 0 0 1px #162f471a,0 4px 12px #082e5424}.studio-history.studio-corner-history:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--space-2)}.studio-history.studio-corner-history:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--space-2)}.studio-history.studio-corner-history:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--space-2)}.studio-history.studio-corner-history:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--space-2)}.studio-tool-row>.studio-history{display:none}}.studio-icon-button.studio-tuck-button,.studio-tuck-handle{display:none}@media (max-width:860px){.studio-icon-button.studio-tuck-button{display:inline-grid}.studio-tuck-handle{z-index:1;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-medium);background:#ffffffdb;display:flex;position:absolute;bottom:var(--space-2);box-shadow:inset 0 0 0 1px #162f471a,0 4px 12px #082e5424}.studio-tuck-handle:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--space-2)}.studio-tuck-handle:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--space-2)}.studio-tuck-handle:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--space-2)}.studio-tuck-handle:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--space-2)}.studio-zoom[data-tucked=true],.studio-history.studio-corner-history[data-tucked=true],.studio-tuck-handle[data-tucked=false]{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(var(--space-2))}.studio-zoom,.studio-history.studio-corner-history,.studio-tuck-handle{transition:opacity .2s,transform .2s,visibility linear}.studio-zoom[data-tucked=true],.studio-history.studio-corner-history[data-tucked=true],.studio-tuck-handle[data-tucked=false]{transition:opacity .2s,transform .2s,visibility 0s linear .2s}}@media (max-width:860px) and (prefers-reduced-motion:reduce){.studio-zoom,.studio-history.studio-corner-history,.studio-tuck-handle{transition:none!important;transform:none!important}}.studio-sheet:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.studio-canvas{block-size:100%;inline-size:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.studio[data-status=ready] .studio-canvas{cursor:pointer}.studio[data-status=ready][data-tool=pick] .studio-canvas{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%23ffffff' stroke-width='4.5'%3E%3Cpath d='M13.4 8.4l3-3a2.2 2.2 0 0 1 3.1 3.1l-3 3'/%3E%3Cpath d='M11.3 6.6l6 6'/%3E%3Cpath d='M14.2 9.6l-7.9 7.9a1.7 1.7 0 0 0-.4.7L5.2 20l1.8-.7a1.7 1.7 0 0 0 .7-.4l7.9-7.9'/%3E%3C/g%3E%3Cg stroke='%2316392f' stroke-width='2'%3E%3Cpath d='M13.4 8.4l3-3a2.2 2.2 0 0 1 3.1 3.1l-3 3'/%3E%3Cpath d='M11.3 6.6l6 6'/%3E%3Cpath d='M14.2 9.6l-7.9 7.9a1.7 1.7 0 0 0-.4.7L5.2 20l1.8-.7a1.7 1.7 0 0 0 .7-.4l7.9-7.9'/%3E%3C/g%3E%3C/svg%3E") 5 20,crosshair}.studio-status{padding:var(--space-5);font-weight:var(--font-weight-strong);color:var(--color-muted);text-align:center;place-items:center;margin:0;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.studio-tray{align-content:start;gap:var(--space-5);padding:var(--space-5);background:var(--glass-strong);grid-template-columns:minmax(0,1fr);display:grid}.studio-tool-row{container:studio-tray/inline-size}@media (max-width:400px){.studio-paper{padding:var(--space-2)}.studio-tray{padding:var(--space-3)}}.studio-row{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.studio-tools{border-radius:var(--radius-medium);background:#162f4714;gap:4px;padding:4px;display:flex}.studio-tools button{min-block-size:var(--touch-target);padding-inline:var(--space-3);font:inherit;font-weight:var(--font-weight-strong);color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;display:inline-flex}.studio-tools button[aria-pressed=true]{background:var(--color-surface);color:var(--color-title);box-shadow:0 1px 2px #082e5429}.studio-tools button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}@container studio-tray (width<=449px){.studio-tools{flex:1}.studio-tools button{min-inline-size:0;font-size:var(--font-size-small);white-space:nowrap;flex-direction:column;flex:1 1 0;justify-content:center;gap:2px;padding:5px 6px;line-height:1.2}}.studio-history{gap:var(--space-2);display:flex}.studio-icon-button{inline-size:var(--touch-target);block-size:var(--touch-target);border-radius:var(--radius-medium);background:var(--color-surface);color:var(--color-title);cursor:pointer;border:0;place-items:center;padding:0;display:inline-grid;box-shadow:inset 0 0 0 1px #162f4724}.studio-wear-jump{flex:none;align-self:start;block-size:48px;inline-size:48px;position:relative}.studio-wear-jump .icon{block-size:24px;inline-size:24px}.studio-wear-jump[data-new]:after{content:"";background:var(--color-news);block-size:9px;inline-size:9px;box-shadow:0 0 0 2px var(--color-surface);border-radius:50%;position:absolute;top:6px}.studio-wear-jump[data-new]:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{right:6px}.studio-wear-jump[data-new]:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{right:6px}.studio-wear-jump[data-new]:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{left:6px}.studio-wear-jump[data-new]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{left:6px}.studio-wear-jump[data-hint]{box-shadow:0 0 0 3px var(--color-news)}.studio-wear-jump-hint{padding:6px var(--space-3);border-radius:var(--radius-medium);background:var(--color-title);color:#fff;font-size:var(--font-size-small);font-weight:var(--font-weight-strong);white-space:nowrap;pointer-events:none;position:absolute;bottom:calc(100% + 10px);box-shadow:0 6px 16px #082e5440}.studio-wear-jump-hint:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.studio-wear-jump-hint:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.studio-wear-jump-hint:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.studio-wear-jump-hint:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.studio-wear[data-found]{border-radius:var(--radius-medium);outline:3px solid var(--color-news);outline-offset:8px;transition:outline-color .6s}@media (max-width:860px){.studio-wear-jump{display:none}}.studio-icon-button:hover:not(:disabled){background:#f2f8fc}.studio-icon-button:disabled{color:#8aa39a;cursor:default;background:#ffffff8c}.studio-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;block-size:22px;inline-size:22px}.studio-section{gap:var(--space-3);display:grid}.studio-heading{color:var(--color-title);font-size:var(--font-size-body);font-weight:var(--font-weight-strong);margin:0;line-height:1.3}.studio-colors-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.palette-button,.mix-button{align-items:center;gap:var(--space-2);min-block-size:var(--touch-target);padding:0 var(--space-2) 0 var(--space-3);border-radius:var(--radius-medium);background:var(--color-surface);font:inherit;font-weight:var(--font-weight-strong);color:var(--color-title);cursor:pointer;border:0;display:inline-flex;box-shadow:inset 0 0 0 1px #162f4724}.palette-button:hover,.mix-button:hover{background:#f2f8fc}.palette-button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.mix-button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.palette-option:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.palette-chip{flex:none;grid-template-columns:repeat(2,11px);gap:2px;display:grid}.palette-chip span,.palette-strip span{aspect-ratio:1;background:var(--swatch);border-radius:50%;box-shadow:inset 0 0 0 1px #162f471f}.palette-button-more{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;block-size:20px;inline-size:20px}.palette-button[aria-expanded=true] .palette-button-more{transform:rotate(180deg)}.mix-button{padding-inline:4px var(--space-3)}.mix-button-disc{background:conic-gradient(#ff4a4a,#ffc416,#a9e932,#34c8fd,#3376fb,#b03cff,#ff72b5,#ff4a4a);border-radius:50%;flex:none;place-items:center;block-size:36px;inline-size:36px;display:grid}.mix-button-disc svg{background:var(--color-surface);fill:none;block-size:22px;inline-size:22px;stroke:var(--color-title);stroke-width:2.6px;stroke-linecap:round;border-radius:50%;padding:2px}.studio-own{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.studio-own .swatch-grid{flex-wrap:wrap;gap:6px;display:flex}.studio-own .swatch{inline-size:var(--touch-target)}.studio-own .swatch-grid+.swatch-grid{border-inline-start:1px solid #162f4724;padding-inline-start:var(--space-2)}.studio-popover{inline-size:min(20rem,100vw - 16px);padding:var(--space-3);border:1px solid var(--glass-edge);border-radius:var(--radius-large);background:var(--color-surface);color:var(--color-ink);margin:0;position:fixed;top:auto;bottom:auto;left:auto;right:auto;box-shadow:0 18px 44px #082e543d,0 2px 6px #082e541a}.studio-popover::backdrop{background:0 0}.studio-popover-title{margin:0 0 var(--space-2);padding-inline:var(--space-1);font-weight:var(--font-weight-strong);color:var(--color-title)}.studio-popover.palette-list{inline-size:min(22.5rem,100vw - 16px)}.palette-list [role=radiogroup]{gap:4px;display:grid}.palette-option{align-items:center;gap:var(--space-3);min-block-size:52px;padding:6px var(--space-2);border-radius:var(--radius-medium);font:inherit;text-align:start;color:var(--color-ink);cursor:pointer;background:0 0;border:0;grid-template-columns:auto 1fr auto;display:grid}.palette-option:hover{background:#f0f6fa}.palette-option[aria-checked=true]{color:var(--color-title);font-weight:var(--font-weight-strong);background:#e7f1f9}.palette-strip{grid-template-rows:repeat(2,14px);grid-template-columns:repeat(7,14px);grid-auto-flow:column;gap:2px;display:grid}.palette-option-check{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;opacity:0;block-size:20px;inline-size:20px}.palette-option[aria-checked=true] .palette-option-check{opacity:1}.mixer:popover-open{gap:var(--space-3);display:grid}.mixer-head{align-items:center;gap:var(--space-3);display:flex}.mixer-head .studio-popover-title{margin:0}.mixer-preview{background:var(--swatch);border-radius:50%;flex:none;block-size:44px;inline-size:44px;box-shadow:inset 0 0 0 1px #162f4724}.mixer-slider{font-size:var(--font-size-small);font-weight:var(--font-weight-strong);color:var(--color-muted);gap:4px;display:grid}.mixer-slider input{inline-size:100%;block-size:var(--touch-target);-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;margin:0}.mixer-slider input::-webkit-slider-runnable-track{background:var(--track);border-radius:9px;block-size:18px;box-shadow:inset 0 0 0 1px #162f4724}.mixer-slider input::-moz-range-track{background:var(--track);border-radius:9px;block-size:18px;box-shadow:inset 0 0 0 1px #162f4724}.mixer-slider input::-webkit-slider-thumb{border:3px solid var(--color-surface);background:var(--thumb);block-size:30px;inline-size:30px;box-shadow:0 0 0 1.5px var(--color-title), 0 3px 8px #082e544d;-webkit-appearance:none;appearance:none;border-radius:50%;margin-block-start:-6px}.mixer-slider input::-moz-range-thumb{border:3px solid var(--color-surface);background:var(--thumb);block-size:24px;inline-size:24px;box-shadow:0 0 0 1.5px var(--color-title), 0 3px 8px #082e544d;border-radius:50%}.mixer-slider input:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:12px}.mixer .button{justify-self:end}.studio-colors-head>.studio-heading{margin-inline-end:auto}.studio-magic-row{position:relative}.studio-finishes{display:flex}.studio-finish{min-inline-size:46px;min-block-size:var(--touch-target);border-radius:var(--radius-medium);font:inherit;font-size:.6875rem;font-weight:var(--font-weight-strong);color:var(--color-ink);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:1 0 auto;align-content:center;justify-items:center;gap:2px;padding:3px 2px 2px;line-height:1.1;display:grid;position:relative}.studio-finish:hover{background:#fff9}.studio-finish[aria-checked=true]{background:var(--color-surface);box-shadow:inset 0 0 0 2px var(--color-title)}.studio-finish:focus-visible{outline:3px solid var(--color-focus);outline-offset:1px}.studio-finish-dot{border-radius:var(--radius-round);background:var(--c);flex:none;block-size:24px;inline-size:24px;box-shadow:inset 0 0 0 1px #162f4724}.studio-magic-row-tray .studio-finishes{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.studio-magic-row-tray .studio-finish{white-space:normal;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;text-align:center;min-inline-size:0}.studio-magic-nudge{z-index:5;inline-size:max-content;max-inline-size:min(300px, calc(100vw - 2 * var(--space-5)));padding:var(--space-2) var(--space-3);border-radius:var(--radius-medium);background:var(--color-title);font-size:var(--font-size-small);font-weight:var(--font-weight-strong);color:#fff;pointer-events:none;line-height:1.25;position:absolute;bottom:calc(100% + 10px);box-shadow:0 6px 16px #082e5440}.studio-magic-nudge:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--space-2)}.studio-magic-nudge:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--space-2)}.studio-magic-nudge:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--space-2)}.studio-magic-nudge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--space-2)}.studio-magic-nudge:after{content:"";border:6px solid #0000;border-block-start-color:var(--color-title);position:absolute;top:100%}.studio-magic-nudge:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:64px}.studio-magic-nudge:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:64px}.studio-magic-nudge:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:64px}.studio-magic-nudge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:64px}.studio-magic-row-tray .studio-magic-nudge{top:calc(100% + 10px);bottom:auto}.studio-magic-row-tray .studio-magic-nudge:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.studio-magic-row-tray .studio-magic-nudge:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.studio-magic-row-tray .studio-magic-nudge:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.studio-magic-row-tray .studio-magic-nudge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.studio-magic-row-tray .studio-magic-nudge:after{border-block-start-color:#0000;border-block-end-color:var(--color-title);top:auto;bottom:100%}.studio-magic-row[data-hint] .studio-finish:not([data-finish=plain]){box-shadow:inset 0 0 0 2px var(--color-news);background:#fff1c7}@media (prefers-reduced-motion:no-preference){.studio-magic-row[data-hint] .studio-finish:not([data-finish=plain]) .studio-finish-dot{animation:studio-magic-hop 1.4s ease-in-out calc(var(--i,0) * 90ms) 3}.studio-magic-nudge{animation:studio-magic-nudge-in var(--duration-gentle) cubic-bezier(.34, 1.56, .64, 1)}}@keyframes studio-magic-hop{0%,30%,to{translate:0}15%{translate:0 -4px}}@keyframes studio-magic-nudge-in{0%{opacity:0;translate:0 6px}}.studio-finish[data-finish=glitter] .studio-finish-dot,.studio-pick-mark[data-finish=glitter] .studio-finish-dot{background:radial-gradient(circle at 30% 62%, #fff 0 1.5px, transparent 2.5px), radial-gradient(circle at 68% 34%, #fff 0 1.3px, transparent 2.2px), radial-gradient(circle at 52% 80%, #fff 0 1px, transparent 2px), radial-gradient(circle at 76% 64%, #fff 0 1px, transparent 2px), var(--c)}.studio-finish[data-finish=metallic] .studio-finish-dot,.studio-pick-mark[data-finish=metallic] .studio-finish-dot{background:linear-gradient(135deg, color-mix(in srgb, var(--c) 45%, #fff), var(--c) 42%, color-mix(in srgb, var(--c) 65%, #000) 78%, color-mix(in srgb, var(--c) 70%, #fff))}.studio-finish[data-finish=glow] .studio-finish-dot,.studio-pick-mark[data-finish=glow] .studio-finish-dot{background:var(--c);box-shadow:inset 0 0 0 1px #162f4724, 0 0 0 1px color-mix(in srgb, var(--c) 80%, transparent), 0 0 4px 1px color-mix(in srgb, var(--c) 75%, transparent), 0 0 9px 2px color-mix(in srgb, var(--c) 35%, transparent)}.studio-finish[data-finish=rainbow] .studio-finish-dot,.studio-pick-mark[data-finish=rainbow] .studio-finish-dot{background:conic-gradient(#ff5e5e,#ffb84d,#ffe94d,#6ee06e,#4dc3ff,#8e6cff,#ff5ec8,#ff5e5e)}.studio-finish[data-finish=pearl] .studio-finish-dot,.studio-pick-mark[data-finish=pearl] .studio-finish-dot{background:linear-gradient(135deg, color-mix(in srgb, var(--c) 35%, #fff), #eaf6ff 45%, color-mix(in srgb, var(--c) 30%, #f1e6ff) 75%, #fffaf0)}.studio-progress{align-items:center;gap:var(--space-3);font-size:var(--font-size-small);font-weight:var(--font-weight-strong);color:var(--color-muted);white-space:nowrap;display:flex}.studio-meter{border-radius:var(--radius-round);background:#162f471a;flex:1;block-size:8px;overflow:hidden}.studio-meter>i{border-radius:inherit;background:var(--color-title);block-size:100%;inline-size:100%;transform:translateX(calc((var(--progress,0) - 1) * 100%));display:block}.studio-meter:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>i{transform:translateX(calc((1 - var(--progress,0)) * 100%))}.studio-meter:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>i{transform:translateX(calc((1 - var(--progress,0)) * 100%))}[data-hydrated=true] .studio-meter>i{transition:transform var(--duration-gentle) ease}.studio-hint{font-size:var(--font-size-small);color:var(--color-muted);margin:0}.studio-announcer{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){[data-hydrated=true] .studio-meter>i{transition:none}}.studio-finishline{gap:var(--space-3);flex-wrap:wrap;display:flex}.studio-finishline>.studio-progress{flex:1 0 100%}.studio-finishline>:-webkit-any(.studio-done,.studio-recolor-actions,.studio-nudge){flex:1 1 0;min-inline-size:0}.studio-finishline>:is(.studio-done,.studio-recolor-actions,.studio-nudge){flex:1 1 0;min-inline-size:0}.studio-finishline:has(>.studio-nudge)>.studio-wear-jump{display:none}@media (min-width:861px){.studio-finishline{z-index:1;margin:0 calc(-1 * var(--space-5)) calc(-1 * var(--space-5));padding:var(--space-4) var(--space-5) var(--space-5);border-radius:0 0 var(--radius-large) var(--radius-large);background:var(--color-surface);position:sticky;bottom:0;box-shadow:0 -10px 20px -14px #082e5459}}.studio-done{inline-size:100%}.studio-nudge{gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);border-radius:var(--radius-medium);background:var(--color-surface);display:grid;box-shadow:inset 0 0 0 1px #162f471f,0 6px 18px #082e541f}.studio-nudge-heading{font-weight:var(--font-weight-strong);color:var(--color-title);text-wrap:balance;margin:0;line-height:1.3}.studio-nudge-body{font-size:var(--font-size-small);color:var(--color-muted);text-wrap:pretty;margin:0;line-height:1.45}.studio-nudge-actions{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));margin-block-start:var(--space-1);display:grid}.studio-nudge-actions .button{padding-inline:var(--space-3)}@media (prefers-reduced-motion:no-preference){.studio-nudge{animation:studio-nudge-in var(--duration-gentle) ease-out}}@keyframes studio-nudge-in{0%{opacity:0;translate:0 var(--space-2)}}.studio-recolor-actions{gap:var(--space-2);display:grid}.studio-cancel{inline-size:100%}.studio-done:disabled,.studio-dock-done:disabled{color:var(--color-muted);box-shadow:none;cursor:default;background:#162f471f;border-color:#0000;transform:none}.studio-done,.studio-dock-done{position:relative}.studio-done-tip{z-index:3;inline-size:max-content;max-inline-size:min(17rem, calc(100vw - 2 * var(--gutter) - 2 * var(--space-3)));padding:var(--space-2) var(--space-3);border-radius:var(--radius-medium);background:var(--color-title);color:#fff;font-size:var(--font-size-small);font-weight:var(--font-weight-strong);text-align:start;white-space:normal;pointer-events:none;line-height:1.3;position:absolute;bottom:calc(100% + 12px);box-shadow:0 6px 16px #082e5440}.studio-done-tip:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.studio-done-tip:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.studio-done-tip:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.studio-done-tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.studio-done-tip:after{content:"";border:6px solid #0000;border-block-start-color:var(--color-title);position:absolute;top:100%}.studio-done-tip:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{right:calc(1.5rem - 6px)}.studio-done-tip:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{right:calc(1.5rem - 6px)}.studio-done-tip:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{left:calc(1.5rem - 6px)}.studio-done-tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{left:calc(1.5rem - 6px)}@media (prefers-reduced-motion:no-preference){.studio-done-tip{animation:studio-tip-in var(--duration-gentle) ease-out}}.studio-tip{top:var(--space-3);inset-inline:var(--space-3);z-index:1;inline-size:fit-content;max-inline-size:calc(100% - 2 * var(--space-3));padding:var(--space-2) var(--space-4);border-radius:var(--radius-medium);color:#fff;font-weight:var(--font-weight-strong);text-align:center;pointer-events:none;background:#162f47e0;margin:0 auto;position:absolute}@media (prefers-reduced-motion:no-preference){.studio-tip{animation:studio-tip-in var(--duration-gentle) ease-out}}@keyframes studio-tip-in{0%{opacity:0}}.studio-ready{top:calc(var(--studio-name-room) + var(--space-3));inset-inline:var(--space-3);z-index:1;justify-content:center;align-items:baseline;gap:2px var(--space-3);inline-size:fit-content;max-inline-size:calc(100% - 2 * var(--space-3));padding:var(--space-2) var(--space-4);border-radius:var(--radius-medium);color:#fff;font-weight:var(--font-weight-strong);text-align:center;pointer-events:none;background:#162f47e6;flex-wrap:wrap;margin:0 auto;display:flex;position:absolute}.studio-ready a{min-block-size:var(--touch-target);margin-block:calc((var(--touch-target) - 1.5em) / -2);color:#ffe08a;text-underline-offset:3px;pointer-events:auto;align-items:center;display:inline-flex}@media (prefers-reduced-motion:no-preference){.studio-ready{animation:studio-tip-in var(--duration-gentle) ease-out}}.studio-pick-mark{z-index:1;pointer-events:none;block-size:56px;inline-size:56px;margin:-28px 0 0 -28px;position:absolute}.studio-pick-ring{fill:none;filter:drop-shadow(0 0 1px #fff)drop-shadow(0 0 2px #fff);block-size:100%;inline-size:100%;display:block;overflow:visible}.studio-pick-ring circle{stroke:var(--color-ink);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0;transform-origin:50%;transform:rotate(-90deg)}.studio-pick-mark[data-phase=empty] circle{stroke:var(--color-muted);stroke-dasharray:6 6.5}.studio-pick-drop{background:var(--color-surface);border-radius:50%;place-items:center;block-size:44px;inline-size:44px;margin-inline-start:-22px;display:grid;position:absolute;bottom:calc(100% + 4px);box-shadow:inset 0 0 0 1px #162f471f,0 6px 16px #082e544d}.studio-pick-drop:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:50%}.studio-pick-drop:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:50%}.studio-pick-drop:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:50%}.studio-pick-drop:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:50%}.studio-pick-mark[data-below=true] .studio-pick-drop{top:calc(100% + 4px);bottom:auto}.studio-pick-drop .studio-finish-dot{block-size:34px;inline-size:34px}.studio-pick-mark[data-phase=hold] circle{animation:.4s linear .2s both studio-pick-draw}@keyframes studio-pick-draw{0%{opacity:0;stroke-dashoffset:100px}1%{opacity:1}to{opacity:1;stroke-dashoffset:0}}@media (prefers-reduced-motion:no-preference){.studio-pick-mark[data-phase=picked] .studio-pick-drop{animation:.32s cubic-bezier(.34,1.56,.64,1) both studio-pick-drop}.studio-pick-mark[data-phase=picked],.studio-pick-mark[data-phase=empty]{animation:.26s ease-in .76s both studio-pick-out}.studio-pick-mark[data-phase=empty] .studio-pick-ring{animation:.36s ease-in-out studio-pick-shake}}@media (prefers-reduced-motion:reduce){.studio-pick-mark[data-phase=hold] circle{animation:0s step-end .2s both studio-pick-shown}}@keyframes studio-pick-shown{0%{opacity:0}to{opacity:1}}@keyframes studio-pick-drop{0%{opacity:0;translate:0 14px;scale:.3}}@keyframes studio-pick-out{to{opacity:0}}@keyframes studio-pick-shake{20%,60%{translate:-4px}40%,80%{translate:4px}}.studio-find{justify-self:start}.studio-report{justify-self:start;align-items:center;gap:var(--space-2);min-block-size:var(--touch-target);padding-inline:var(--space-2);border-radius:var(--radius-small);font:inherit;font-size:var(--font-size-small);font-weight:var(--font-weight-strong);color:var(--color-muted);cursor:pointer;--icon-fill:#162f4714;background:0 0;border:0;margin-block-start:calc(var(--space-2) * -1);margin-inline-start:calc(var(--space-2) * -1);display:inline-flex}.studio-report .icon{block-size:1.25rem;inline-size:1.25rem}.studio-report:hover{color:var(--color-ink);text-decoration:underline}.studio-report:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.studio-dock{display:none}[data-island=studio]{--studio-dock-height:calc(2px + 30px + 2 * var(--touch-target))}@media (max-width:860px){.studio{--studio-dock-rise:calc(2 * var(--touch-target))}.studio-paper{margin-block-end:var(--studio-dock-rise)}.studio-dock{z-index:2;margin-block:calc(-1 * (var(--space-2) + var(--studio-dock-rise))) calc(-1 * var(--space-2));border:1px solid var(--glass-edge);border-radius:var(--radius-large);background:var(--glass-over);display:block;position:sticky;bottom:calc(max(var(--tab-bar-reach,0px), env(safe-area-inset-bottom,0px)) + var(--space-2));box-shadow:inset 0 1px #ffffffe6,0 10px 26px #082e5433}.studio-dock-bar{align-items:center;gap:var(--space-2);padding:0 var(--space-5) 10px;display:flex}.studio-dock-done{min-block-size:var(--touch-target);margin-inline-start:auto}.studio-dock .studio-nudge{margin:0 var(--space-3) var(--space-3)}.studio-finishline .studio-recolor-actions .studio-done{display:none}.studio-dock-row{align-items:center;gap:var(--space-2);padding:10px var(--space-5);overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--space-5);scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--space-3), #000 calc(100% - var(--space-3)), transparent);mask-image:linear-gradient(90deg, transparent, #000 var(--space-3), #000 calc(100% - var(--space-3)), transparent);display:flex;overflow-x:auto}.studio-dock-row::-webkit-scrollbar{display:none}.studio-dock .swatch-grid{gap:var(--space-2);flex:none;display:flex}.studio-dock .swatch-grid:not(:last-child){border-inline-end:1px solid #162f4729;padding-inline-end:var(--space-2)}.studio-dock-recent-room{display:none}:root[data-recent] .studio-dock-recent-room{inline-size:calc(var(--recent-colors) * (var(--touch-target) + var(--space-2)) + 1px);block-size:var(--touch-target);border-inline-end:1px solid #162f4729;flex:none;display:block}.studio-dock .palette-button,.studio-dock .mix-button{scroll-snap-align:start;flex:none}.studio-dock .palette-button{padding-inline:var(--space-2) 2px}.studio-dock .swatch{inline-size:var(--touch-target);scroll-snap-align:start;flex:none}.studio-dock-wear{inline-size:var(--touch-target);block-size:var(--touch-target);background:var(--color-surface);font:inherit;color:var(--color-title);cursor:pointer;--icon-fill:var(--color-news);border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 1px #162f4724}.studio-dock-wear .icon{block-size:26px;inline-size:26px}.studio-dock-wear:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.studio-dock-wear[aria-pressed=true]{background:var(--color-title);box-shadow:none;color:#fff}.studio-dock-wear-hint{padding:6px var(--space-3);border-radius:var(--radius-medium);background:var(--color-title);font-size:var(--font-size-small);font-weight:var(--font-weight-strong);color:#fff;white-space:nowrap;pointer-events:none;line-height:1.2;position:absolute;bottom:calc(100% + 10px);translate:-50%;box-shadow:0 6px 16px #082e5440}.studio-dock-wear-hint:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:50%}.studio-dock-wear-hint:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:50%}.studio-dock-wear-hint:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:50%}.studio-dock-wear-hint:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:50%}.studio-dock-wear-hint:after{content:"";border:6px solid #0000;border-block-start-color:var(--color-title);position:absolute;top:100%;translate:-50%}.studio-dock-wear-hint:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:50%}.studio-dock-wear-hint:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:50%}.studio-dock-wear-hint:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:50%}.studio-dock-wear-hint:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:50%}.studio-dock-items{align-items:center;gap:var(--space-2);padding:10px var(--space-5);overscroll-behavior-x:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--space-3), #000 calc(100% - var(--space-3)), transparent);mask-image:linear-gradient(90deg, transparent, #000 var(--space-3), #000 calc(100% - var(--space-3)), transparent);border-block-end:1px solid #162f471f;display:flex;overflow-x:auto}.studio-dock-items::-webkit-scrollbar{display:none}.studio-magic-row-dock{padding-block-start:4px}.studio-magic-row-dock .studio-finishes{padding-inline:var(--space-3);overscroll-behavior-x:contain;scroll-padding-inline:var(--space-3);scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--space-3), #000 calc(100% - var(--space-3)), transparent);mask-image:linear-gradient(90deg, transparent, #000 var(--space-3), #000 calc(100% - var(--space-3)), transparent);gap:0;overflow-x:auto}.studio-magic-row-dock .studio-finishes::-webkit-scrollbar{display:none}.studio-magic-row-dock .studio-finish{padding-inline-start:6px;padding-inline-end:6px}.studio-magic-row-dock .studio-finish:focus-visible{outline-offset:-3px}.studio-magic-row-dock+.studio-dock-row{padding-block-start:8px}.studio-tray .studio-colors{display:none}}.studio-item.studio-item-compact{inline-size:52px;min-inline-size:0;block-size:var(--touch-target);flex:none;grid-template-rows:none;place-items:center;padding:2px;display:grid}.studio-item-compact .studio-item-paper{block-size:40px;inline-size:40px;box-shadow:none;background:0 0}.studio-item-compact :-webkit-any(.studio-item-worn,.studio-item-lock){block-size:18px;inline-size:18px;top:-4px}.studio-item-compact :is(.studio-item-worn,.studio-item-lock){block-size:18px;inline-size:18px;top:-4px}.studio-item-compact .studio-item-worn:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:-4px}.studio-item-compact .studio-item-worn:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:-4px}.studio-item-compact .studio-item-worn:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:-4px}.studio-item-compact .studio-item-worn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:-4px}.studio-item-compact .studio-item-lock:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:-4px}.studio-item-compact .studio-item-lock:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:-4px}.studio-item-compact .studio-item-lock:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:-4px}.studio-item-compact .studio-item-lock:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:-4px}.studio-item-compact :-webkit-any(.studio-item-worn,.studio-item-lock) .icon{block-size:12px;inline-size:12px}.studio-item-compact :is(.studio-item-worn,.studio-item-lock) .icon{block-size:12px;inline-size:12px}.studio-dock-wear[data-hint]{box-shadow:0 0 0 3px var(--color-news)}.studio-wear[data-hint]{border-radius:var(--radius-medium);outline:3px solid var(--color-news);outline-offset:8px}@media (prefers-reduced-motion:no-preference){.studio-dock-wear[data-hint]{animation:1.4s ease-in-out 3 studio-wear-call}.studio-wear[data-hint]{animation:1.4s ease-in-out 3 studio-wear-ring}.studio-dock-wear-hint{animation:studio-wear-hint-in var(--duration-gentle) cubic-bezier(.34, 1.56, .64, 1)}}@keyframes studio-wear-call{0%,to{box-shadow:0 0 0 3px var(--color-news)}50%{box-shadow:0 0 0 3px var(--color-news), 0 0 0 10px #ffc93c4d}}@keyframes studio-wear-ring{50%{outline-offset:12px;outline-color:#ffc93c8c}}@keyframes studio-wear-hint-in{0%{opacity:0;translate:-50% 6px}}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){@media (max-width:860px){.studio-dock{-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4)}}}.studio-finish-lock{background:var(--color-surface);block-size:16px;inline-size:16px;color:var(--color-title);--icon-fill:var(--color-news);border-radius:50%;place-items:center;display:grid;position:absolute;top:0;box-shadow:0 1px 3px #082e5440}.studio-finish-lock:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(50% - 21px)}.studio-finish-lock:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(50% - 21px)}.studio-finish-lock:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(50% - 21px)}.studio-finish-lock:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(50% - 21px)}.studio-finish-lock .icon{block-size:11px;inline-size:11px}[data-island=studio]:not([data-accessories]) .studio-wear,[data-island=studio][data-accessories="0"] .studio-wear,[data-island=studio]:not([data-accessories]) .studio-wear-jump,[data-island=studio][data-accessories="0"] .studio-wear-jump{display:none}.studio-wear-lead{font-size:var(--font-size-small);color:var(--color-muted);margin:2px 0 0}.studio-wear-items{gap:var(--space-2);overscroll-behavior-x:contain;scrollbar-width:thin;min-block-size:calc(8rem + 6px);margin:-3px;padding:3px;display:flex;position:relative;overflow-x:auto}.studio-wear-items:empty:before{content:"";border-radius:var(--radius-medium);background:#ffffff73;flex:1;box-shadow:inset 0 0 0 1px #162f4714}.studio-item{block-size:8rem;min-inline-size:5.75rem;padding:var(--space-2) 4px 6px;border-radius:var(--radius-medium);font:inherit;font-size:var(--font-size-small);font-weight:var(--font-weight-strong);color:var(--color-ink);text-align:center;cursor:pointer;background:#ffffffb3;border:0;flex:1 1 0;grid-template-rows:auto 1fr;align-content:start;justify-items:center;gap:6px;line-height:1.15;display:grid;position:relative;box-shadow:inset 0 0 0 1px #162f471f}@media (hover:hover){.studio-item:hover:not(:disabled){background:var(--color-surface)}}.studio-item:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.studio-item[aria-pressed=true]{background:var(--color-surface);box-shadow:inset 0 0 0 2px var(--color-title)}.studio-item:disabled{cursor:default}.studio:not([data-status=ready]) .studio-item{opacity:.6}.studio-item-paper{border-radius:var(--radius-small);background:var(--color-paper);block-size:60px;inline-size:60px;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #162f471a}.studio-item-picture{block-size:100%;inline-size:100%;display:block}.studio-item-name{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;align-self:center;max-inline-size:100%}.studio-item-worn{background:var(--color-title);color:#fff;border-radius:50%;place-items:center;block-size:22px;inline-size:22px;display:grid;position:absolute;top:4px}.studio-item-worn:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:4px}.studio-item-worn:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:4px}.studio-item-worn:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:4px}.studio-item-worn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:4px}.studio-item-worn .icon{stroke-width:3px;block-size:15px;inline-size:15px}.studio-item-lock{background:var(--color-surface);block-size:22px;inline-size:22px;color:var(--color-title);--icon-fill:var(--color-news);border-radius:50%;place-items:center;display:grid;position:absolute;top:4px;box-shadow:0 1px 3px #082e5440}.studio-item-lock:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:4px}.studio-item-lock:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:4px}.studio-item-lock:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:4px}.studio-item-lock:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:4px}.studio-item-lock .icon{block-size:15px;inline-size:15px}@media (prefers-reduced-motion:no-preference){.studio-item{transition:background-color var(--duration-quick) ease, box-shadow var(--duration-quick) ease, transform var(--duration-quick) ease}.studio-item:active:not(:disabled){transform:scale(.97)}.studio-item-worn{animation:studio-item-worn-in var(--duration-gentle) cubic-bezier(.34, 1.56, .64, 1)}.studio-item[aria-busy=true] .studio-item-paper{animation:.9s ease-in-out infinite studio-item-busy}}@keyframes studio-item-worn-in{0%{opacity:0;transform:scale(.4)}}@keyframes studio-item-busy{50%{opacity:.55}}.studio-big-button{display:none}@media (min-width:861px){.studio-big-button{display:inline-grid}:root[data-studio-big]{overflow:hidden}:root[data-studio-big] .studio{z-index:30;padding:var(--space-3);background:var(--color-backdrop);grid-template-columns:minmax(0,1fr) 22rem;align-items:stretch;position:fixed;top:0;bottom:0;left:0;right:0}:root[data-studio-big] .studio-paper{place-items:center;display:grid}:root[data-studio-big] .studio-frame{inline-size:min(100%, calc(100dvh - 2 * var(--space-3) - 2 * var(--space-4) - 2px - var(--studio-name-room)))}@supports not (height:1dvh){:root[data-studio-big] .studio-frame{inline-size:min(100%, calc(100vh - 2 * var(--space-3) - 2 * var(--space-4) - 2px - var(--studio-name-room)))}}:root[data-studio-big] .studio-tray{overscroll-behavior:contain;overflow-y:auto}}@media (min-width:861px) and (orientation:landscape){.studio{align-items:stretch}.studio-paper{align-self:start}.studio-tray{overscroll-behavior-y:contain;scrollbar-width:thin;block-size:0;min-block-size:100%;overflow-y:auto}.studio-finishline{bottom:calc(-1 * var(--space-5))}}@media (max-width:560px),(max-width:860px) and (min-height:501px){.studio-finishline>.studio-done{display:none}}@media (max-height:500px) and (min-width:561px){.studio-dock-done{display:none}}@media (prefers-reduced-motion:no-preference){:-webkit-any(.studio-done,.studio-dock-done)[data-ready]:not(:disabled){animation:2.2s ease-in-out infinite studio-done-call}:is(.studio-done,.studio-dock-done)[data-ready]:not(:disabled){animation:2.2s ease-in-out infinite studio-done-call}}@keyframes studio-done-call{0%,to{box-shadow:0 0 #d6266f00}50%{box-shadow:0 0 0 8px #d6266f33}}.studio[data-moment] :-webkit-any(.studio-dock,.studio-tray,.studio-zoom,.studio-tuck-handle,.studio-corner-history,.studio-tip,.studio-ready,.studio-name){opacity:0;pointer-events:none;transition:opacity .3s}.studio[data-moment] :is(.studio-dock,.studio-tray,.studio-zoom,.studio-tuck-handle,.studio-corner-history,.studio-tip,.studio-ready,.studio-name){opacity:0;pointer-events:none;transition:opacity .3s}.dress-prompt{inline-size:min(38rem, calc(100vw - 2 * var(--gutter)));max-block-size:calc(100svh - 2 * var(--space-4));padding:var(--space-5);border:1px solid var(--glass-edge);border-radius:var(--radius-large);background:var(--glass-strong);color:var(--color-ink);overflow:auto;box-shadow:inset 0 1px #ffffffe6,0 30px 80px #061e3859}@supports not (height:1dvh){.dress-prompt{max-block-size:calc(100vh - 2 * var(--space-4))}}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.dress-prompt{-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2)}}.dress-prompt::backdrop{background:#08203a66}.dress-prompt[open]{gap:var(--space-3);display:grid}@media (max-width:400px){.dress-prompt{padding:var(--space-4)}}.dress-prompt-top{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.dress-prompt h2{text-wrap:balance;color:var(--color-title);margin:0;font-size:1.5rem;line-height:1.2}.dress-prompt p{margin:0}.dress-prompt-close{inline-size:var(--touch-target);block-size:var(--touch-target);border-radius:var(--radius-medium);color:var(--color-ink);cursor:pointer;background:#fff;border:0;flex:none;place-items:center;margin:-6px -6px 0 0;display:inline-grid;box-shadow:inset 0 0 0 1px #162f4724}.dress-prompt-close:hover{background:var(--color-surface)}.dress-prompt-choices{gap:var(--space-3);margin-block:var(--space-1);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dress-prompt-choices[data-count="1"]{grid-template-columns:minmax(0,12rem);justify-content:center}.dress-prompt-choices[data-count="2"]{grid-template-columns:repeat(2,minmax(0,12rem));justify-content:center}@media (max-width:400px){.dress-prompt-choices{gap:var(--space-2)}}.dress-prompt-choice{gap:var(--space-2);min-inline-size:0;padding:var(--space-2);border-radius:var(--radius-medium);color:var(--color-title);font:inherit;cursor:pointer;background:#fff;border:0;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:inset 0 0 0 1px #162f4724,0 2px 6px -2px #082e542e}.dress-prompt-choice:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #162f473d,0 12px 24px -10px #082e5466}.dress-prompt-choice:active{transform:translateY(0)scale(.98)}.dress-prompt-paper{aspect-ratio:1;border-radius:var(--radius-small);background:#fff;display:block;position:relative;overflow:hidden}.dress-prompt-paper:not([data-ready]){background:linear-gradient(110deg,#f2f6f9 30%,#fff 50%,#f2f6f9 70%) 0 0/300% 100%}.dress-prompt-paper img{block-size:100%;inline-size:100%;position:absolute;top:0;bottom:0;left:0;right:0}.dress-prompt-glow{filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 7px #ffc416f2)}.dress-prompt-name{font-size:.95rem;font-weight:var(--font-weight-strong);text-align:center;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;overflow:hidden}.dress-prompt-actions{gap:var(--space-1);display:grid}.dress-prompt-as-is{white-space:normal;inline-size:100%}.dress-prompt-myself{min-block-size:var(--touch-target);padding-inline:var(--space-3);border-radius:var(--radius-medium);color:var(--color-title);font:inherit;font-weight:var(--font-weight-strong);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:center;text-decoration:underline;text-decoration-thickness:1px}.dress-prompt-myself:hover{background:#fff9}@media (prefers-reduced-motion:no-preference){.dress-prompt[open]{animation:.22s ease-out dress-prompt-in}.dress-prompt-paper:not([data-ready]){animation:1.4s linear infinite dress-prompt-wait}.dress-prompt-paper[data-ready] img:first-child{animation:.2s ease-out dress-prompt-arrive}.dress-prompt-glow{animation:1.6s ease-in-out infinite alternate dress-prompt-glow}}@keyframes dress-prompt-in{0%{opacity:0;transform:translateY(8px)}}@keyframes dress-prompt-wait{to{background-position:-300% 0}}@keyframes dress-prompt-arrive{0%{opacity:0}}@keyframes dress-prompt-glow{0%{opacity:.25}}