.studio-shell{color:#f4f4f4;--studio-toolbar-height:4.625rem;--studio-label-font-size:.5625rem;--studio-label-line-height:1;--studio-label-letter-spacing:.08em;background:#d8d8d5;animation:.26s cubic-bezier(.22,1,.36,1) both studio-enter;position:fixed;inset:0;overflow:hidden}.studio-toolbar{z-index:30;block-size:var(--studio-toolbar-height);-webkit-backdrop-filter:blur(10px);background:#262626db;position:absolute;inset:0 0 auto}.studio-actions{z-index:41;align-items:baseline;gap:var(--space-5);display:flex;position:fixed;inset-block-start:var(--page-top-space-desktop);inset-inline-end:var(--page-inline-space-desktop)}.studio-action,.studio-project,.studio-asset,.studio-item{font:inherit;border:0}.studio-action{min-block-size:var(--target-min);padding:var(--space-3);color:#f4f4f4ad;font-size:var(--studio-label-font-size);line-height:var(--studio-label-line-height);letter-spacing:var(--studio-label-letter-spacing);cursor:pointer;background:0 0;justify-content:center;align-items:flex-start;margin-block-start:calc(-1 * var(--space-3));text-decoration:none;display:inline-flex}.studio-action[aria-disabled=true]{opacity:.3;cursor:default}.studio-action-short{display:none}.studio-library{z-index:35;inset-block:var(--studio-toolbar-height) 0;color:#f0f0f0;-webkit-backdrop-filter:blur(10px);background:#2a2a2acc;grid-template-columns:9.25rem 15.3125rem;inline-size:24.5625rem;transition:transform .23s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;inset-inline-start:0;transform:translate(-102%)}.studio-shell[data-library=open] .studio-library{transform:translate(0)}.studio-projects{padding:var(--space-5) var(--space-4);border-inline-end:1px solid #ffffff1f}.studio-assets{padding:var(--space-5) var(--space-4) var(--space-6);overflow:auto}.studio-library-label{padding:0 0 var(--space-3);color:#f0f0f08c;font-size:var(--studio-label-font-size);font-weight:400;line-height:var(--studio-label-line-height);letter-spacing:var(--studio-label-letter-spacing);margin:0}.studio-project{inline-size:100%;min-block-size:var(--target-min);color:#f0f0f0d1;font-size:var(--site-name-font-size);text-align:start;cursor:pointer;background:0 0;padding:0;display:block}.studio-project[aria-pressed=true]{color:#fff;text-underline-offset:4px;text-decoration:underline}.studio-asset-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.studio-asset{min-block-size:5.5rem;padding:var(--space-1);touch-action:none;cursor:grab;background:#ffffff0a;place-items:center;display:grid}.studio-asset:active{cursor:grabbing}.studio-asset img{pointer-events:none;user-select:none;block-size:auto;max-block-size:7.5rem;inline-size:auto;max-inline-size:100%}.studio-board{inset:var(--studio-toolbar-height) 0 0;touch-action:none;background:#292929;padding:0;position:absolute;overflow:hidden}.studio-shell[data-canvas=white] .studio-board{background:#d8d8d5}.studio-canvas-surface{z-index:0;pointer-events:none;transition:width var(--motion-feedback) ease, height var(--motion-feedback) ease, background-color .18s ease;background-color:#3a3a3a;background-image:radial-gradient(#ffffff21 .6px,#0000 .6px);background-size:18px 18px;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.studio-shell[data-canvas=white] .studio-canvas-surface{background-color:#f7f7f7;background-image:radial-gradient(#d2d2d0 .6px,#0000 .6px)}.studio-item{transform-origin:50%;touch-action:none;will-change:transform;cursor:move;background:0 0;padding:0;position:absolute;inset:0 auto auto 0;box-shadow:0 5px 18px #00000021}.studio-shell[data-shadow=off] .studio-item{box-shadow:none}.studio-item img{object-fit:fill;pointer-events:none;user-select:none;block-size:100%;inline-size:100%}.studio-drag-ghost{z-index:60;opacity:0;pointer-events:none;will-change:transform;background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid #ffffff73;block-size:5rem;inline-size:6.5rem;position:fixed;inset:0 auto auto 0;box-shadow:0 10px 30px #00000040}.studio-drag-ghost[data-visible=true]{opacity:.78}.studio-footer{z-index:31;align-items:center;gap:var(--space-5);display:flex;position:fixed;inset-block-end:var(--space-3);inset-inline-start:var(--page-inline-space-desktop)}.studio-canvas-size{align-items:center;gap:var(--space-2);color:#777;font-size:var(--studio-label-font-size);line-height:var(--studio-label-line-height);letter-spacing:var(--studio-label-letter-spacing);white-space:nowrap;display:inline-flex}.studio-canvas-size input{inline-size:7.5rem;block-size:var(--target-min);appearance:none;cursor:ew-resize;background:0 0;margin:0;padding:0}.studio-canvas-size input::-webkit-slider-runnable-track{background:currentColor;block-size:1px}.studio-canvas-size input::-webkit-slider-thumb{appearance:none;background:var(--color-background);border:1px solid;border-radius:50%;block-size:.625rem;inline-size:.625rem;margin-block-start:-.28125rem}.studio-canvas-size input::-moz-range-track{background:currentColor;block-size:1px}.studio-canvas-size input::-moz-range-thumb{background:var(--color-background);border:1px solid;border-radius:50%;block-size:.625rem;inline-size:.625rem}.studio-shell .moveable-control-box{z-index:50!important}.studio-shell .moveable-line,.studio-shell .moveable-control{background:#f4f4f4!important}.studio-shell[data-canvas=white] .moveable-line,.studio-shell[data-canvas=white] .moveable-control{background:#111!important}@keyframes studio-enter{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}@media (width<=43.75rem){.studio-shell{--studio-toolbar-height:3.875rem}.studio-actions{inset-block:auto var(--space-2);gap:var(--space-2);inset-inline-end:var(--page-inline-space-mobile)}.studio-action{margin-block-start:0}.studio-shell[data-canvas=white] .studio-action{color:#111111ad}.studio-action-full{display:none}.studio-action-short{display:inline}.studio-library{grid-template-columns:7.5rem minmax(0,1fr);inline-size:min(100%,22.5rem)}.studio-footer{gap:var(--space-3);inset-block-end:calc(var(--space-2) + var(--target-min) + var(--space-2));inset-inline-start:var(--page-inline-space-mobile)}.studio-canvas-size input{inline-size:5rem}}@media (prefers-reduced-motion:reduce){.studio-shell,.studio-library,.studio-board,.studio-canvas-surface{transition-duration:.01ms;animation-duration:.01ms}}