.studio{--studio-rail-width:76px;--studio-panel-width:288px;--studio-tabbar-height:64px;height:calc(100dvh - var(--hb-header-height) - var(--dp-border-hairline));background:var(--dp-color-ground-muted);min-height:560px;color:var(--dp-color-ink);flex-direction:column;display:flex}.studio button,.studio a,.studio select,.studio input,.studio label{touch-action:manipulation}textarea[data-fabric=textarea]{font-size:16px!important}.studio-topbar{align-items:center;gap:var(--hb-space-md);min-height:60px;padding:var(--hb-space-xs) var(--hb-space-md);background:var(--dp-color-panel);border-bottom:var(--dp-border-hairline) solid var(--dp-color-rule);display:flex}.studio-topbar__back{align-items:center;gap:var(--hb-space-xs);min-height:var(--hb-target-min);padding:0 var(--hb-space-sm);border-radius:var(--hb-radius-control);color:var(--dp-color-ink-secondary);font-size:var(--dp-typography-interface);font-weight:600;text-decoration:none;display:inline-flex}.studio-topbar__back:hover{background:var(--dp-color-ground-muted);color:var(--dp-color-ink)}.studio-topbar__title{min-width:0;font-family:var(--hb-font-display);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:1.125rem;line-height:1.2;overflow:hidden}.studio__body{flex:1;grid-template-columns:auto minmax(0,1fr);min-height:0;display:grid;position:relative}.studio__main{flex-direction:column;min-width:0;min-height:0;display:flex}.side-panel{grid-template-columns:var(--studio-rail-width) var(--studio-panel-width);background:var(--dp-color-panel);border-right:var(--dp-border-hairline) solid var(--dp-color-rule);min-height:0;display:grid}.side-panel__rail{gap:var(--hb-space-2xs);padding:var(--hb-space-xs);border-right:var(--dp-border-hairline) solid var(--dp-color-rule);flex-direction:column;display:flex}.side-panel__tab{justify-content:center;align-items:center;gap:var(--hb-space-2xs);min-height:64px;padding:var(--hb-space-xs) var(--hb-space-2xs);border-radius:var(--hb-radius-control);color:var(--dp-color-ink-secondary);font-family:var(--hb-font-body);font-size:var(--dp-typography-label);cursor:pointer;transition:background-color var(--dp-motion-interaction) var(--dp-motion-easing), color var(--dp-motion-interaction) var(--dp-motion-easing);background:0 0;border:0;flex-direction:column;font-weight:600;display:flex}.side-panel__tab:hover{background:var(--dp-color-ground-muted);color:var(--dp-color-ink)}.side-panel__tab[aria-selected=true]{background:var(--hb-color-accent-soft);color:var(--dp-color-accent)}.side-panel__panel{gap:var(--hb-space-md);min-height:0;padding:var(--hb-space-md);overscroll-behavior:contain;flex-direction:column;display:flex;overflow-y:auto}.side-panel__panel:focus-visible{outline-offset:-3px}.side-panel__header{justify-content:space-between;align-items:center;display:flex}.side-panel__title{margin:0;font-size:1.0625rem}.side-panel .side-panel__close{display:none}.side-panel__section{gap:var(--hb-space-sm);flex-direction:column;display:flex}.side-panel__intro,.side-panel__tip{color:var(--dp-color-ink-secondary);font-size:var(--dp-typography-small)}.side-panel__tip{margin-top:var(--hb-space-xs);font-size:var(--dp-typography-metadata)}.text-preset{align-items:center;gap:var(--hb-space-sm);width:100%;min-height:56px;padding:var(--hb-space-sm) var(--hb-space-md);border:var(--dp-border-hairline) solid var(--dp-color-rule);border-radius:var(--dp-radius-panel);background:var(--dp-color-panel);color:var(--dp-color-ink);text-align:left;cursor:pointer;transition:border-color var(--dp-motion-interaction) var(--dp-motion-easing), background-color var(--dp-motion-interaction) var(--dp-motion-easing);display:flex}.text-preset:hover:not(:disabled){border-color:var(--dp-color-accent);background:var(--hb-color-accent-soft)}.text-preset .editor-icon{color:var(--dp-color-accent);flex-shrink:0}.text-preset--heading{font-family:var(--hb-font-display);font-size:1.375rem;font-weight:700;line-height:1.1}.text-preset--subheading{font-family:var(--hb-font-display);font-size:1.0625rem;font-weight:600}.text-preset--body{font-family:var(--hb-font-body);font-size:var(--dp-typography-interface);font-weight:400}.text-preset:disabled{opacity:.55;cursor:not-allowed}.swatch-grid{gap:var(--hb-space-xs);grid-template-columns:repeat(4,1fr);display:grid}.swatch{aspect-ratio:1;min-width:var(--hb-target-min);min-height:var(--hb-target-min);border:var(--dp-border-hairline) solid #16191f26;border-radius:var(--hb-radius-control);cursor:pointer;transition:transform var(--dp-motion-interaction) var(--dp-motion-easing)}.swatch:hover:not(:disabled){transform:scale(1.06)}.swatch[aria-pressed=true]{outline:2px solid var(--dp-color-accent);outline-offset:2px}.custom-color{justify-content:space-between;align-items:center;gap:var(--hb-space-sm);margin-top:var(--hb-space-xs);padding-top:var(--hb-space-sm);border-top:var(--dp-border-hairline) solid var(--dp-color-rule);font-size:var(--dp-typography-interface);font-weight:600;display:flex}.blank-link{align-items:center;gap:var(--hb-space-sm);min-height:72px;padding:var(--hb-space-sm);border:2px dashed var(--dp-color-rule);border-radius:var(--dp-radius-panel);color:var(--dp-color-ink);font-weight:600;text-decoration:none;display:flex}.blank-link:hover,.blank-link[aria-current=page]{border-color:var(--dp-color-accent);background:var(--hb-color-accent-soft)}.blank-link__thumb{border:var(--dp-border-hairline) solid var(--dp-color-rule);background:var(--dp-color-panel);width:40px;height:50px;color:var(--dp-color-accent);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.template-list{gap:var(--hb-space-sm);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.template-list__link{gap:var(--hb-space-2xs);color:var(--dp-color-ink);font-size:var(--dp-typography-metadata);flex-direction:column;font-weight:600;line-height:1.3;text-decoration:none;display:flex}.template-list__link img{width:100%;height:auto;box-shadow:0 0 0 var(--dp-border-hairline) var(--dp-color-rule);transition:box-shadow var(--dp-motion-interaction) var(--dp-motion-easing);border-radius:6px}.template-list__link:hover img{box-shadow:0 0 0 2px var(--dp-color-accent)}.template-list__link[aria-current=page] img{box-shadow:0 0 0 3px var(--dp-color-accent)}.context-toolbar{align-items:flex-end;gap:var(--hb-space-sm);height:72px;padding:var(--hb-space-xs) var(--hb-space-md);overscroll-behavior-x:contain;background:var(--dp-color-panel);border-bottom:var(--dp-border-hairline) solid var(--dp-color-rule);flex-wrap:nowrap;flex-shrink:0;display:flex;position:relative;overflow:auto hidden}.context-toolbar__hint{min-width:0;color:var(--dp-color-ink-secondary);font-size:var(--dp-typography-small);align-self:center}.context-toolbar__hint strong{color:var(--dp-color-ink)}.selection-chip{height:28px;margin-bottom:calc((var(--hb-target-min) - 28px) / 2);padding:0 var(--hb-space-sm);border-radius:var(--hb-radius-pill);background:var(--hb-color-accent-soft);color:var(--dp-color-accent);font-size:var(--dp-typography-label);white-space:nowrap;flex-shrink:0;align-self:flex-end;align-items:center;font-weight:700;display:inline-flex}.selection-chip[data-locked=true]{border:var(--dp-border-hairline) dashed var(--dp-color-ink-secondary);background:var(--dp-color-ground-muted);color:var(--dp-color-ink-secondary)}.context-toolbar__divider{width:var(--dp-border-hairline);background:var(--dp-color-rule);align-self:stretch}.tool-field{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.tool-field>label,.tool-field__label{color:var(--dp-color-ink-secondary);font-size:var(--dp-typography-label);font-weight:600}.editor-select{min-height:var(--hb-target-min);padding:0 var(--hb-space-sm);border:var(--dp-border-hairline) solid var(--dp-color-rule);border-radius:var(--hb-radius-control);background:var(--dp-color-panel);color:var(--dp-color-ink);font-family:var(--hb-font-body);font-size:var(--dp-typography-interface);cursor:pointer}.size-stepper,.segmented{border:var(--dp-border-hairline) solid var(--dp-color-rule);border-radius:var(--hb-radius-control);background:var(--dp-color-panel);align-items:center;display:flex;overflow:hidden}.size-stepper .editor-icon-button,.segmented .editor-icon-button{border:0;border-radius:0}.size-stepper__input{width:56px;min-height:var(--hb-target-min);border:0;border-inline:var(--dp-border-hairline) solid var(--dp-color-rule);color:var(--dp-color-ink);font-family:var(--hb-font-body);font-size:var(--dp-typography-interface);font-variant-numeric:tabular-nums;text-align:center;-moz-appearance:textfield;appearance:textfield;background:0 0}.size-stepper__input::-webkit-inner-spin-button,.size-stepper__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.segmented .editor-icon-button+.editor-icon-button{border-left:var(--dp-border-hairline) solid var(--dp-color-rule)}.segmented .editor-icon-button[aria-pressed=true]{background:var(--hb-color-accent-soft);color:var(--dp-color-accent)}.editor-icon{flex-shrink:0}.editor-icon-button{width:var(--hb-target-min);height:var(--hb-target-min);border:var(--dp-border-hairline) solid var(--dp-color-rule);border-radius:var(--hb-radius-control);background:var(--dp-color-panel);color:var(--dp-color-ink);cursor:pointer;transition:background-color var(--dp-motion-interaction) var(--dp-motion-easing);justify-content:center;align-items:center;padding:0;display:inline-flex}.editor-icon-button:hover:not(:disabled){background:var(--hb-color-accent-soft)}.editor-icon-button:disabled{opacity:.4;cursor:not-allowed}.editor-tool{align-items:center;gap:var(--hb-space-xs);min-height:var(--hb-target-min);padding:0 var(--hb-space-sm);border:var(--dp-border-hairline) solid var(--dp-color-rule);border-radius:var(--hb-radius-control);background:var(--dp-color-panel);color:var(--dp-color-ink);font-family:var(--hb-font-body);font-size:var(--dp-typography-interface);white-space:nowrap;cursor:pointer;transition:background-color var(--dp-motion-interaction) var(--dp-motion-easing);font-weight:600;display:inline-flex}.editor-tool:hover:not(:disabled){background:var(--hb-color-accent-soft)}.editor-tool--danger{color:#b42318}.editor-tool--danger:hover:not(:disabled){background:#fef3f2}.editor-tool:disabled{opacity:.45;cursor:not-allowed}.editor-button{justify-content:center;align-items:center;gap:var(--hb-space-xs);min-height:var(--hb-target-min);padding:0 var(--hb-space-lg);border:var(--dp-border-hairline) solid var(--dp-color-rule);border-radius:var(--hb-radius-control);background:var(--dp-color-panel);color:var(--dp-color-ink);font-family:var(--hb-font-body);font-size:var(--dp-typography-interface);white-space:nowrap;cursor:pointer;transition:transform var(--dp-motion-interaction) var(--dp-motion-easing), background-color var(--dp-motion-interaction) var(--dp-motion-easing), border-color var(--dp-motion-interaction) var(--dp-motion-easing), box-shadow var(--dp-motion-interaction) var(--dp-motion-easing);font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.editor-button:hover:not(:disabled){background:var(--hb-color-accent-soft);border-color:var(--dp-color-accent);color:var(--dp-color-ink)}.editor-button--compact{padding:0 var(--hb-space-sm)}.editor-button--primary{background:var(--dp-color-accent);color:var(--dp-color-on-accent);border-color:#0000}.editor-button--primary:hover:not(:disabled){background:var(--hb-color-accent-hover);color:var(--dp-color-on-accent);box-shadow:var(--hb-shadow-button);border-color:#0000}.editor-button--danger{color:#fff;background:#b42318;border-color:#0000}.editor-button--danger:hover:not(:disabled){color:#fff;background:#912018;border-color:#0000}.editor-button[aria-pressed=true]{border-color:var(--dp-color-accent);color:var(--dp-color-accent)}.editor-button:disabled{opacity:.5;cursor:not-allowed}.editor-color{width:var(--hb-target-min);height:var(--hb-target-min);border:var(--dp-border-hairline) solid var(--dp-color-rule);border-radius:var(--hb-radius-control);background:var(--dp-color-panel);cursor:pointer;padding:3px}.editor-color:disabled{opacity:.5;cursor:not-allowed}.studio__workspace{min-height:0;padding:var(--hb-space-lg);overscroll-behavior:contain;flex:1;display:flex;position:relative;overflow:auto}.studio__workspace[data-scrollable=false]{touch-action:pinch-zoom}.studio__stage{background:var(--dp-color-panel);box-shadow:var(--hb-shadow-raised);flex-shrink:0;margin:auto;position:relative}.studio__stage:focus-visible{outline:2px solid var(--hb-color-focus-ring);outline-offset:3px}.studio__stage--static{height:100%}.studio__stage--static .template-preview{border-radius:0}.studio__blank-preview{background:#fff;width:100%;height:100%}.studio__placeholder,.studio__placeholder img{width:100%;height:100%;position:absolute;inset:0}.studio__canvas-host{touch-action:none;position:absolute;inset:0}.studio[data-status=loading] .studio__canvas-host{visibility:hidden}.studio__safe-area{pointer-events:none;border:2px dashed #074ce073;border-radius:4px;position:absolute}.studio__overlay{left:50%;bottom:var(--hb-space-md);padding:var(--hb-space-xs) var(--hb-space-md);border-radius:var(--hb-radius-pill);background:var(--dp-color-field);color:var(--dp-color-on-field);font-size:var(--dp-typography-small);white-space:nowrap;font-weight:600;position:absolute;transform:translate(-50%)}.studio__statusbar{justify-content:space-between;align-items:center;gap:var(--hb-space-md);min-height:56px;padding:var(--hb-space-2xs) var(--hb-space-md);background:var(--dp-color-panel);border-top:var(--dp-border-hairline) solid var(--dp-color-rule);flex-shrink:0;display:flex}.studio__note{min-width:0;color:var(--dp-color-ink-secondary);font-size:var(--dp-typography-metadata)}.zoom-controls{align-items:center;gap:var(--hb-space-2xs);flex-shrink:0;display:flex}.zoom-controls__value{min-width:52px;font-size:var(--dp-typography-small);font-variant-numeric:tabular-nums;text-align:center;font-weight:600}.editor-alert{left:50%;bottom:var(--hb-space-lg);gap:var(--hb-space-sm);width:min(440px, calc(100% - 2 * var(--hb-space-md)));padding:var(--hb-space-lg);background:var(--dp-color-panel);border:var(--dp-border-hairline) solid var(--dp-color-rule);border-radius:var(--dp-radius-panel);box-shadow:var(--hb-shadow-raised);border-left:4px solid #b42318;flex-direction:column;display:flex;position:absolute;transform:translate(-50%)}.editor-alert__title{font-family:var(--hb-font-display);font-size:1.125rem;font-weight:700}.editor-alert__actions{gap:var(--hb-space-sm);margin-top:var(--hb-space-xs);flex-wrap:wrap;display:flex}.editor-dialog{width:min(420px, calc(100vw - 2 * var(--hb-space-md)));max-height:calc(100dvh - 2 * var(--hb-space-md));padding:var(--hb-space-lg);border-radius:var(--dp-radius-panel);background:var(--dp-color-panel);color:var(--dp-color-ink);box-shadow:var(--hb-shadow-raised);border:0;margin:auto;overflow-y:auto}.editor-dialog::backdrop{background:#16191f73}.editor-dialog__title{margin:0 0 var(--hb-space-xs);font-size:1.25rem}.editor-dialog__message{color:var(--dp-color-ink-secondary)}.editor-dialog__actions{justify-content:flex-end;gap:var(--hb-space-sm);margin-top:var(--hb-space-lg);flex-wrap:wrap;display:flex}.side-panel__subtitle{margin:var(--hb-space-sm) 0 0;font-size:var(--dp-typography-interface);font-weight:700}.side-panel__section>.side-panel__subtitle:first-child{margin-top:0}.style-grid,.sticker-grid{gap:var(--hb-space-xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sticker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.style-tile,.sticker-tile,.shape-tile{min-height:64px;padding:var(--hb-space-xs);border:var(--dp-border-hairline) solid var(--dp-color-rule);border-radius:var(--hb-radius-control);background:var(--dp-color-ground-muted);color:var(--dp-color-ink-secondary);cursor:pointer;transition:border-color var(--dp-motion-interaction) var(--dp-motion-easing), background-color var(--dp-motion-interaction) var(--dp-motion-easing), transform var(--dp-motion-interaction) var(--dp-motion-easing);justify-content:center;align-items:center;display:flex}.sticker-tile,.shape-tile{aspect-ratio:1;background:var(--dp-color-panel);min-height:0}.style-tile:hover:not(:disabled),.sticker-tile:hover:not(:disabled),.shape-tile:hover:not(:disabled){border-color:var(--dp-color-accent);background:var(--hb-color-accent-soft)}.sticker-tile:hover:not(:disabled) svg{transform:scale(1.08)}.sticker-tile svg{width:100%;max-width:56px;height:auto;transition:transform var(--dp-motion-interaction) var(--dp-motion-easing)}.style-tile:disabled,.sticker-tile:disabled,.shape-tile:disabled{opacity:.5;cursor:not-allowed}.style-tile__sample{text-align:center;font-size:1.0625rem;line-height:1.15}.sticker-group__title{margin:var(--hb-space-sm) 0 var(--hb-space-xs);font-size:var(--dp-typography-metadata);color:var(--dp-color-ink-secondary);font-weight:600}.shape-grid{gap:var(--hb-space-xs);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.upload-button{width:100%;min-height:52px}.upload-drop-hint{display:inline}.panel-error{padding:var(--hb-space-sm) var(--hb-space-md);border-radius:var(--hb-radius-control);color:#7a271a;font-size:var(--dp-typography-small);background:#fef3f2;border-left:4px solid #b42318}.privacy-note{padding:var(--hb-space-sm) var(--hb-space-md);border-radius:var(--hb-radius-control);background:var(--dp-color-ground-muted);color:var(--dp-color-ink-secondary);font-size:var(--dp-typography-small)}.privacy-note strong{color:var(--dp-color-ink)}.swatch--pattern{background-size:24px 24px}.pattern-colors{gap:var(--hb-space-xs);flex-direction:column;display:flex}.inline-color{justify-content:space-between;align-items:center;gap:var(--hb-space-sm);font-size:var(--dp-typography-small);font-weight:600;display:flex}.context-toolbar kbd{border:var(--dp-border-hairline) solid var(--dp-color-rule);background:var(--dp-color-ground-muted);font-family:inherit;font-size:var(--dp-typography-label);border-radius:4px;padding:1px 5px}.editor-tool--labelled span{clip:auto!important;width:auto!important;height:auto!important;position:static!important}.tool-popover{flex-shrink:0}.tool-popover__trigger .editor-icon:last-child{opacity:.6;width:14px;height:14px;margin-left:-2px}.tool-popover__trigger[aria-expanded=true]{border-color:var(--dp-color-accent);background:var(--hb-color-accent-soft)}.tool-popover__panel{z-index:40;gap:var(--hb-space-md);max-height:min(70vh,520px);padding:var(--hb-space-md);overscroll-behavior:contain;border:var(--dp-border-hairline) solid var(--dp-color-rule);border-radius:var(--dp-radius-panel);background:var(--dp-color-panel);box-shadow:var(--hb-shadow-raised);flex-direction:column;display:flex;position:fixed;overflow-y:auto}.popover-section{gap:var(--hb-space-sm);padding-top:var(--hb-space-sm);border-top:var(--dp-border-hairline) solid var(--dp-color-rule);flex-direction:column;display:flex}.range-field{gap:var(--hb-space-2xs);flex-direction:column;display:flex}.range-field__row{font-size:var(--dp-typography-small);justify-content:space-between;font-weight:600;display:flex}.range-field output{color:var(--dp-color-ink-secondary);font-variant-numeric:tabular-nums}.range-field input[type=range]{width:100%;min-height:32px;accent-color:var(--dp-color-accent);cursor:pointer}.switch-row{align-items:center;gap:var(--hb-space-sm);min-height:var(--hb-target-min);font-size:var(--dp-typography-interface);cursor:pointer;font-weight:600;display:flex}.switch-row input{width:20px;height:20px;accent-color:var(--dp-color-accent)}.arrange-grid{gap:var(--hb-space-xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.arrange-grid .editor-button{white-space:normal;line-height:1.15}.segmented__text-button{min-height:var(--hb-target-min);padding:0 var(--hb-space-sm);color:var(--dp-color-ink);font-family:var(--hb-font-body);font-size:var(--dp-typography-small);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-weight:600;display:inline-flex}.segmented__text-button+.segmented__text-button{border-left:var(--dp-border-hairline) solid var(--dp-color-rule)}.segmented__text-button[aria-pressed=true]{background:var(--hb-color-accent-soft);color:var(--dp-color-accent)}.photo-shape-icon{border:2px solid;width:14px;height:14px}.photo-shape-icon--rounded{border-radius:4px}.photo-shape-icon--circle{border-radius:50%}.studio-topbar__history{gap:var(--hb-space-2xs);display:flex}.studio__workspace[data-drag-active=true]{outline:3px dashed var(--dp-color-accent);outline-offset:-12px}.studio__drop-hint{padding:var(--hb-space-sm) var(--hb-space-lg);border-radius:var(--hb-radius-pill);background:var(--dp-color-accent);color:var(--dp-color-on-accent);pointer-events:none;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.export-dialog{width:min(480px, calc(100vw - 2 * var(--hb-space-md)))}.export-dialog__preview{height:min(46vh,420px);margin:var(--hb-space-sm) 0;border-radius:var(--hb-radius-control);background:var(--dp-color-ground-muted);justify-content:center;align-items:center;display:flex}.export-dialog__preview img{object-fit:contain;width:auto;max-width:100%;height:100%;max-height:100%;box-shadow:var(--hb-shadow-panel)}.export-dialog__working{align-items:center;gap:var(--hb-space-sm);color:var(--dp-color-ink-secondary);font-weight:600;display:flex}.export-dialog__spinner{border:3px solid var(--dp-color-rule);border-top-color:var(--dp-color-accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite export-spin}@keyframes export-spin{to{transform:rotate(360deg)}}.export-dialog__details{font-variant-numeric:tabular-nums;font-weight:600}.export-dialog__hint{color:var(--dp-color-ink-secondary);font-size:var(--dp-typography-small)}.export-dialog__notice{margin-top:var(--hb-space-xs);padding:var(--hb-space-xs) var(--hb-space-sm);border-radius:var(--hb-radius-control);color:#7a2e0e;font-size:var(--dp-typography-small);background:#fffaeb;border-left:3px solid #b54708}.export-dialog__feedback{margin-top:var(--hb-space-sm);padding:var(--hb-space-xs) var(--hb-space-sm);border-radius:var(--hb-radius-control);font-size:var(--dp-typography-small);font-weight:600}.export-dialog__feedback--success{color:#05603a;background:#ecfdf3}.export-dialog__feedback--error{color:#7a271a;background:#fef3f2}.export-dialog .editor-dialog__actions{flex-wrap:wrap}@media (width<=1399px){.editor-tool{width:var(--hb-target-min);justify-content:center;padding:0}.editor-tool span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=899px){.studio{min-height:520px}.studio-topbar{gap:var(--hb-space-xs);padding:var(--hb-space-2xs) var(--hb-space-xs)}.studio-topbar__title{font-size:1rem}.studio__body{flex-direction:column;display:flex}.side-panel{border-right:0;border-top:var(--dp-border-hairline) solid var(--dp-color-rule);order:2;display:block}.side-panel__rail{height:var(--studio-tabbar-height);padding:var(--hb-space-2xs);border-right:0;flex-direction:row}.side-panel__tab{flex:1;min-width:0;min-height:0;font-size:11px}.sticker-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.upload-drop-hint,.context-toolbar__shortcut{display:none}.side-panel__panel{right:0;bottom:var(--studio-tabbar-height);z-index:5;border-top:var(--dp-border-hairline) solid var(--dp-color-rule);background:var(--dp-color-panel);border-radius:16px 16px 0 0;max-height:55%;position:absolute;left:0;box-shadow:0 -12px 32px -12px #16191f40}.side-panel[data-sheet-open=false] .side-panel__panel{display:none}.studio__main{flex:1}.side-panel .side-panel__close{display:inline-flex}.swatch-grid{grid-template-columns:repeat(6,1fr)}.template-list{grid-template-columns:repeat(3,minmax(0,1fr))}.context-toolbar{height:68px;padding:var(--hb-space-2xs) var(--hb-space-sm)}.context-toolbar__hint{font-size:var(--dp-typography-metadata)}.studio .editor-select,.studio .size-stepper__input,.studio input:not([type=color],[type=range],[type=checkbox]){font-size:16px}.studio__workspace{padding:var(--hb-space-md)}.studio__statusbar{min-height:52px;padding:var(--hb-space-2xs) var(--hb-space-sm)}}@media (width<=599px){.sticker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-topbar__restart,.studio-topbar__download{width:var(--hb-target-min);padding:0}.studio__statusbar{display:none}.studio-topbar__download span,.studio-topbar__restart span,.studio-topbar__back span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.studio__workspace{padding:var(--hb-space-sm)}.swatch-grid{grid-template-columns:repeat(4,1fr)}}@media (height<=600px){.studio{min-height:0}}@media (height<=500px){.studio-topbar{min-height:52px}.studio__statusbar{display:none}}@media (width<=899px) and (height<=500px){.studio{--studio-tabbar-height:52px}.side-panel__tab span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.side-panel__panel{max-height:70%}}@media (prefers-reduced-motion:reduce){.swatch:hover:not(:disabled){transform:none}.export-dialog__spinner{animation-duration:2.4s}}