@layer components{.editor-shell,[data-mobile-chrome],[data-editor-toolbar]{--ink-motion-fast:.12s;--ink-motion-base:.18s;--ink-motion-slow:.24s}.editor-shell button,.editor-shell input,.editor-shell select,.editor-shell textarea,[data-mobile-chrome] button,[data-editor-toolbar] button{transition-property:background-color,border-color,color,opacity,transform;transition-duration:var(--ink-motion-fast);transition-timing-function:cubic-bezier(.2,.7,0,1)}.editor-shell button:active:not(:disabled),[data-mobile-chrome] button:active:not(:disabled),[data-editor-toolbar] button:active:not(:disabled){transform:scale(.985)}.editor-shell *{transition-property:background-color,border-color,color,opacity,transform}.editor-shell--desktop{width:min(100%, var(--editor-read-max-wide));margin-inline:auto}@media (width>=1440px){.editor-shell--desktop{max-width:50rem}}@media (width>=1024px) and (width<=1279px){.editor-shell--desktop{max-width:min(100%,43rem)}}@media (width<=1023px) and (width>=768px){.editor-shell--mobile{max-width:min(100%,42rem);margin-inline:auto}.editor-surface{padding-inline:max(.75rem, env(safe-area-inset-left)) max(.75rem, env(safe-area-inset-right))}}@media (width<=767px){.editor-surface{padding-bottom:calc(var(--mobile-chrome-h) + var(--mobile-sheet-h) + 1rem);scroll-padding-bottom:calc(var(--mobile-chrome-h) + var(--mobile-sheet-h) + 1rem)}.editor-shell--mobile{border-radius:1rem;max-width:min(100%,42rem);margin-block:.5rem .75rem;margin-inline:auto;padding:clamp(1rem,4vw,1.25rem) clamp(.875rem,4vw,1.25rem)}.editor-shell--mobile .editor-canvas{overflow-wrap:anywhere;min-width:0}.editor-shell--mobile img,.editor-shell--mobile video,.editor-shell--mobile table{max-width:100%}}:root{--mobile-sheet-h:0px;--mobile-chrome-h:0px;--mobile-sheet-collapsed:38dvh;--mobile-sheet-expanded:80dvh;--mobile-sheet-full:calc(100dvh - var(--mobile-chrome-h) - env(safe-area-inset-top,0px));--mobile-fab-bottom:calc(var(--mobile-chrome-h) + var(--mobile-sheet-h) + .75rem)}[data-mobile-chrome]{min-height:calc(4.25rem + env(safe-area-inset-bottom));padding-bottom:max(.625rem, env(safe-area-inset-bottom));box-shadow:0 -1px 0 color-mix(in srgb, var(--border) 70%, transparent)}[data-mobile-chrome]>*{min-width:0}[data-mobile-chrome] .pressable{border-radius:.75rem;min-height:44px;font-size:.875rem;font-weight:500}@media (width<=767px){:root{--mobile-chrome-h:calc(4.25rem + env(safe-area-inset-bottom,0px));--mobile-sheet-collapsed:min(38dvh, calc(100dvh - var(--mobile-chrome-h) - env(safe-area-inset-top,0px) - 10rem));--mobile-sheet-expanded:min(80dvh, calc(100dvh - var(--mobile-chrome-h) - env(safe-area-inset-top,0px) - 9rem));--mobile-sheet-full:calc(100dvh - var(--mobile-chrome-h) - env(safe-area-inset-top,0px))}[data-mobile-chrome]>*{flex:1 1 0}[data-mobile-chrome]>*>button{width:100%}[data-mobile-sheet]{bottom:var(--mobile-chrome-h);height:var(--mobile-sheet-collapsed);max-height:calc(100dvh - var(--mobile-chrome-h) - env(safe-area-inset-top,0px) - 9rem);transition:height .2s cubic-bezier(.2,.7,0,1)}[data-mobile-sheet][data-expanded=large]{height:var(--mobile-sheet-expanded)}[data-mobile-sheet][data-expanded=full]{height:var(--mobile-sheet-full);max-height:var(--mobile-sheet-full);border-top-left-radius:0;border-top-right-radius:0}[data-mobile-sheet][data-dragging=true]{transition:none}[data-mobile-sheet] .style-panel-tabs{z-index:2;background:var(--card);position:sticky;top:0}[data-mobile-sheet] .style-panel-body{overscroll-behavior:contain}[data-mobile-sheet] .ink-seg[role=tablist]{z-index:2;background:var(--card);padding-block:.25rem;position:sticky;top:0}[data-radix-dialog-content][data-side=bottom] .phone-preview,[data-radix-dialog-content][data-side=bottom] [data-phone-preview]{max-height:calc(92dvh - 2rem)}[data-review-fab]{right:max(1rem, env(safe-area-inset-right));bottom:var(--mobile-fab-bottom);transition:bottom .2s cubic-bezier(.2,.7,0,1)}}@supports (padding:max(0px)){[data-mobile-chrome]{padding-left:max(.75rem, env(safe-area-inset-left));padding-right:max(.75rem, env(safe-area-inset-right))}}[data-style-panel] button[class*="min-h-[76px]"],[data-style-panel] button[class*="min-h-[108px]"]{border-radius:.75rem;min-height:76px;padding:.5rem .625rem}[data-style-panel] button[class*="min-h-[76px]"]>span:first-child,[data-style-panel] button[class*="min-h-[108px]"]>span:first-child{margin-bottom:.375rem}[data-style-panel] button[class*="min-h-[76px]"]>span:nth-of-type(3),[data-style-panel] button[class*="min-h-[108px]"]>span:nth-of-type(3){display:none}[data-style-panel] button[class*="min-h-[76px]"]>span:nth-of-type(2),[data-style-panel] button[class*="min-h-[108px]"]>span:nth-of-type(2){font-size:.8125rem;line-height:1.125rem}[data-style-panel] button[class*="min-h-[76px]"]:hover,[data-style-panel] button[class*="min-h-[108px]"]:hover{box-shadow:none}@media (prefers-reduced-motion:reduce){.editor-shell,.editor-shell *,[data-mobile-chrome],[data-mobile-chrome] *,[data-editor-toolbar],[data-editor-toolbar] *,[data-mobile-sheet]{scroll-behavior:auto!important;transition:none!important;animation:none!important}}}
