.preview-studio_dialog__jOAYZ{position:fixed;top:4.375rem;left:.75rem;right:.75rem;bottom:max(1rem,env(safe-area-inset-bottom));z-index:65;font-family:inherit;color:var(--secondary-foreground);pointer-events:none;--tool-width:370px;--studio-gap:18px;animation:preview-studio_studio-enter__R6PA0 .28s ease-out both}@media (min-width:640px){.preview-studio_dialog__jOAYZ{top:6.5rem;left:2rem;right:2rem;bottom:calc(1.5rem + 3.75vh)}}.preview-studio_empty__PHZd9,.preview-studio_header__z8SR1,.preview-studio_scene__hdx1X{background:var(--secondary);color:var(--secondary-foreground);border:1px solid color-mix(in srgb,currentColor 15%,transparent);box-shadow:0 14px 36px rgb(3 19 45/16%);pointer-events:auto}.preview-studio_tools__fRzMk{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);pointer-events:auto}:root:not(.dark) .preview-studio_tools__fRzMk{background:rgba(255,255,255,.96);color:#0d0d3b;border:1px solid rgba(13,13,59,.14);box-shadow:0 20px 48px rgba(13,13,59,.16),0 4px 12px rgba(13,13,59,.08)}.dark .preview-studio_tools__fRzMk{background:rgba(11,19,43,.95);color:#ffffff;border:none;box-shadow:0 20px 50px rgba(0,0,0,.35)}.preview-studio_header__z8SR1{position:absolute;top:14px;right:16px;z-index:10;display:flex;align-items:center;justify-content:end;gap:8px;background:transparent;border:0;box-shadow:none;pointer-events:none}.preview-studio_headerActions__scFU2{pointer-events:auto}.preview-studio_headerActions__scFU2 button{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-weight:600;transition:all .2s ease}:root:not(.dark) .preview-studio_headerActions__scFU2 button{background:rgba(255,255,255,.94);border:1px solid rgba(13,13,59,.16);color:#0d0d3b;box-shadow:0 8px 24px rgba(13,13,59,.12)}:root:not(.dark) .preview-studio_headerActions__scFU2 button:hover{background:#f1f5f9;color:#0284c7;border-color:#0284c7}.dark .preview-studio_headerActions__scFU2 button{background:rgba(11,19,43,.85);border:1px solid rgba(255,255,255,.16);color:#ffffff;box-shadow:0 8px 30px rgba(0,0,0,.25)}.dark .preview-studio_headerActions__scFU2 button:hover{background:rgba(20,35,75,.95);color:#38bdf8;border-color:rgba(56,189,248,.4)}.preview-studio_srOnly__bbx_F{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.preview-studio_header__z8SR1 h2{margin:0;font-size:20px;font-weight:700;letter-spacing:-.025em}.preview-studio_header__z8SR1 p{margin:4px 0 0;font-size:11px;opacity:.75}.preview-studio_headerActions__scFU2{display:flex;gap:8px;align-items:center}.preview-studio_dialog__jOAYZ button,.preview-studio_dialog__jOAYZ input,.preview-studio_dialog__jOAYZ select{font:inherit}.preview-studio_dialog__jOAYZ button,.preview-studio_dialog__jOAYZ select{min-height:44px;border-radius:12px;border:1px solid color-mix(in srgb,currentColor 20%,transparent);color:inherit;background:color-mix(in srgb,currentColor 5%,transparent);padding:8px 10px;cursor:pointer}:root:not(.dark) .preview-studio_tools__fRzMk button,:root:not(.dark) .preview-studio_tools__fRzMk select{border:1px solid rgba(13,13,59,.14);color:#0d0d3b;background:#f1f5f9}:root:not(.dark) .preview-studio_tools__fRzMk button:hover,:root:not(.dark) .preview-studio_tools__fRzMk select:hover{background:#e2e8f0;border-color:rgba(13,13,59,.25)}:root:not(.dark) .preview-studio_tools__fRzMk button[aria-pressed=true]{background:#0d0d3b;color:#ffffff;border-color:#0d0d3b;font-weight:700}.dark .preview-studio_tools__fRzMk button,.dark .preview-studio_tools__fRzMk select{border:1px solid rgba(255,255,255,.16);color:#ffffff;background:rgba(255,255,255,.08)}.dark .preview-studio_tools__fRzMk button:hover,.dark .preview-studio_tools__fRzMk select:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.25)}.dark .preview-studio_tools__fRzMk button[aria-pressed=true]{background:#38bdf8;color:#0b132b;border-color:#38bdf8;font-weight:700}.preview-studio_dialog__jOAYZ button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.preview-studio_dialog__jOAYZ button:hover{background:color-mix(in srgb,currentColor 12%,transparent)}.preview-studio_dialog__jOAYZ button:disabled{opacity:.4;cursor:default}.preview-studio_dialog__jOAYZ button[aria-pressed=true]{background:#38bdf8;color:#0b132b;border-color:#38bdf8;font-weight:700}.preview-studio_dialog__jOAYZ :focus-visible{outline:3px solid currentColor;outline-offset:3px}.preview-studio_layout__AHr0M{height:100%;display:grid;grid-template-columns:var(--tool-width) minmax(0,1fr);gap:var(--studio-gap)}.preview-studio_tools__fRzMk{min-height:0;overflow-y:auto;padding:18px;border-radius:24px;display:flex;flex-direction:column;gap:12px}.preview-studio_selectLabel__dyjdU,.preview-studio_tools__fRzMk label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600}.preview-studio_selectWrapper___fPXy{position:relative;width:100%}.preview-studio_selectWrapper___fPXy select{width:100%;min-width:0;appearance:none;-webkit-appearance:none;font-size:12px;padding:10px 34px 10px 12px;border-radius:12px;cursor:pointer}:root:not(.dark) .preview-studio_selectWrapper___fPXy select,:root:not(.dark) .preview-studio_tools__fRzMk select{background:#f8fafc;color:#0d0d3b;border:1px solid rgba(13,13,59,.2)}:root:not(.dark) .preview-studio_selectChevron__N11_S{color:#0d0d3b;opacity:.65}.dark .preview-studio_selectWrapper___fPXy select,.dark .preview-studio_tools__fRzMk select{background:rgba(18,30,66,.95);color:#ffffff;border:1px solid rgba(255,255,255,.2)}.dark .preview-studio_selectChevron__N11_S{color:#ffffff;opacity:.75}.preview-studio_selectChevron__N11_S{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none}.preview-studio_tools__fRzMk select{width:100%;min-width:0;font-size:12px}.preview-studio_toolMenu__FASVn{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.preview-studio_toolMenu__FASVn button{width:100%;flex-direction:column;padding:9px 3px;font-size:10px;gap:5px}.preview-studio_shapeBtn__Ze7c4,.preview-studio_shapeControl__NbmZq{position:relative}.preview-studio_shapeChevron__r3oJP{position:absolute;right:6px;top:6px;opacity:.75}.preview-studio_shapeMenu__Eno1Q{position:absolute;top:calc(100% + 8px);right:0;z-index:4;width:160px;padding:6px;border-radius:14px;background:var(--secondary);box-shadow:0 8px 30px rgb(0 0 0/20%);border:1px solid color-mix(in srgb,currentColor 20%,transparent)}:root:not(.dark) .preview-studio_shapeMenu__Eno1Q{background:#ffffff;border:1px solid rgba(13,13,59,.16);box-shadow:0 12px 32px rgba(13,13,59,.16)}:root:not(.dark) .preview-studio_shapeMenu__Eno1Q button{background:#f1f5f9;color:#0d0d3b;border:1px solid rgba(13,13,59,.1)}:root:not(.dark) .preview-studio_shapeMenu__Eno1Q button:hover{background:#e2e8f0}.dark .preview-studio_shapeMenu__Eno1Q{background:#0b132b;border:1px solid rgba(255,255,255,.16);box-shadow:0 12px 32px rgba(0,0,0,.35)}.dark .preview-studio_shapeMenu__Eno1Q button{background:rgba(255,255,255,.08);color:#ffffff;border:1px solid rgba(255,255,255,.12)}.dark .preview-studio_shapeMenu__Eno1Q button:hover{background:rgba(255,255,255,.15)}.preview-studio_shapeMenu__Eno1Q button{flex-direction:row;justify-content:start;gap:10px;padding:10px;font-size:12px;margin:2px 0}.preview-studio_brushes__o4akY{padding:0;border:0;margin:0;min-width:0}.preview-studio_brushes__o4akY legend{font-weight:600;font-size:12px;margin-bottom:8px}.preview-studio_brushChoices__yRX8Q{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.preview-studio_brushChoices__yRX8Q button{font-size:9px;padding:9px 3px;flex-direction:column;gap:10px}.preview-studio_brushSample__M6BJW{width:20px;border-radius:8px;background:currentColor;display:block}.preview-studio_color__q16Qh{display:flex;align-items:center;gap:10px;font-size:11px}.preview-studio_color__q16Qh input{width:48px;height:36px;padding:3px;border:1px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:8px;background:transparent}.preview-studio_swatches__RAkoL{display:flex;flex-wrap:wrap;gap:7px}.preview-studio_swatches__RAkoL button{min-height:24px;width:24px;padding:0;border-radius:50%;border:2px solid color-mix(in srgb,var(--secondary-foreground) 25%,transparent)}.preview-studio_swatches__RAkoL button[aria-pressed=true]{border-color:var(--secondary-foreground);box-shadow:0 0 0 2px var(--secondary);outline:1px solid var(--secondary-foreground)}.preview-studio_tools__fRzMk input[type=range]{width:100%;accent-color:var(--secondary-foreground)}.preview-studio_buttons__rbr4w{display:flex;gap:8px}.preview-studio_buttons__rbr4w button{flex:1;font-size:11px}.preview-studio_dialog__jOAYZ button.preview-studio_apply__6vD3F{font-weight:650}:root:not(.dark) .preview-studio_dialog__jOAYZ button.preview-studio_apply__6vD3F{background:#0d0d3b;color:#ffffff}.dark .preview-studio_dialog__jOAYZ button.preview-studio_apply__6vD3F{background:#38bdf8;color:#0b132b}.preview-studio_status__3YkvX{font-size:11px;min-height:28px;margin:0;line-height:1.5}.preview-studio_scene__hdx1X{min-height:0;min-width:0;overflow:hidden;position:relative;border-radius:24px;padding-top:0}.preview-studio_sceneTitle__OtWk7{position:absolute;top:20px;left:20px;z-index:10;pointer-events:none;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:16px;padding:10px 18px}:root:not(.dark) .preview-studio_sceneTitle__OtWk7{background:rgba(255,255,255,.94);border:1px solid rgba(13,13,59,.14);box-shadow:0 8px 30px rgba(13,13,59,.14);color:#0d0d3b}:root:not(.dark) .preview-studio_sceneTitle__OtWk7 h3{color:#0d0d3b}:root:not(.dark) .preview-studio_sceneTitle__OtWk7 p{color:#475569}.dark .preview-studio_sceneTitle__OtWk7{background:rgba(11,19,43,.85);border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 30px rgba(0,0,0,.25);color:#ffffff}.dark .preview-studio_sceneTitle__OtWk7 h3{color:#ffffff}.dark .preview-studio_sceneTitle__OtWk7 p{color:#94a3b8}.preview-studio_empty__PHZd9{margin-left:calc(var(--tool-width) + var(--studio-gap));height:100%;padding:110px 24px 24px;border-radius:24px;font-size:14px}@keyframes preview-studio_studio-enter__R6PA0{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.preview-studio_dialogClosing__joaJ_{animation:preview-studio_studio-exit__989JA .28s cubic-bezier(.55,.06,.68,.19) both!important}@keyframes preview-studio_studio-exit__989JA{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(14px)}}@media (max-width:850px){.preview-studio_dialog__jOAYZ{--tool-width:268px}.preview-studio_header__z8SR1,.preview-studio_tools__fRzMk{padding:14px}.preview-studio_header__z8SR1 h2{font-size:17px}.preview-studio_headerActions__scFU2 button{font-size:11px;padding:8px}}@media (max-width:620px){.preview-studio_dialog__jOAYZ{inset:4.375rem 12px 12px;overflow-y:auto;--studio-gap:16px;pointer-events:auto}.preview-studio_header__z8SR1{position:sticky;top:12px;height:0;width:max-content;margin:0 12px 0 auto;padding:0;z-index:4}.preview-studio_headerActions__scFU2 button:first-child{display:none}.preview-studio_header__z8SR1 p{max-width:170px;font-size:10px}.preview-studio_layout__AHr0M{height:auto;display:flex;flex-direction:column;gap:16px}.preview-studio_scene__hdx1X{order:-1;height:48dvh;min-height:310px;flex-shrink:0;padding-top:0;border-radius:20px}.preview-studio_sceneTitle__OtWk7{top:16px;left:16px}.preview-studio_sceneTitle__OtWk7 h3{font-size:14px;max-width:calc(100% - 70px)}.preview-studio_tools__fRzMk{display:grid;grid-template-columns:1fr 1fr;gap:16px;overflow:visible;border-radius:20px}.preview-studio_apply__6vD3F,.preview-studio_brushes__o4akY,.preview-studio_buttons__rbr4w,.preview-studio_status__3YkvX,.preview-studio_swatches__RAkoL,.preview-studio_toolMenu__FASVn,.preview-studio_tools__fRzMk>label:first-child{grid-column:1/-1}.preview-studio_tools__fRzMk label{min-width:0}.preview-studio_empty__PHZd9{margin:0;padding:24px;height:auto}}@media (prefers-reduced-motion:reduce){.preview-studio_dialog__jOAYZ{animation:none}}.reduce-motion .preview-studio_dialog__jOAYZ{animation:none}.preview-studio_saveBar__AFNoW{position:sticky;bottom:-18px;background:var(--secondary);padding:12px 0 8px;display:grid;gap:8px;z-index:2;margin-top:auto}:root:not(.dark) .preview-studio_saveBar__AFNoW{background:rgba(255,255,255,.96);border-top:1px solid rgba(13,13,59,.08)}.dark .preview-studio_saveBar__AFNoW{background:rgba(11,19,43,.95);border-top:1px solid rgba(255,255,255,.08)}@media (max-width:620px){.preview-studio_saveBar__AFNoW{grid-column:1/-1;position:static;padding:0}}.preview-studio_brushSettings__pGqWu{font-size:12px}.preview-studio_brushSettings__pGqWu summary{min-height:44px;cursor:pointer;display:flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,currentColor 20%,transparent);padding:10px;border-radius:12px}:root:not(.dark) .preview-studio_brushSettings__pGqWu summary{background:#f1f5f9;color:#0d0d3b;border:1px solid rgba(13,13,59,.14)}:root:not(.dark) .preview-studio_brushSettings__pGqWu summary:hover{background:#e2e8f0}.dark .preview-studio_brushSettings__pGqWu summary{background:rgba(255,255,255,.08);color:#ffffff;border:1px solid rgba(255,255,255,.16)}.dark .preview-studio_brushSettings__pGqWu summary:hover{background:rgba(255,255,255,.15)}.preview-studio_brushSettings__pGqWu[open] summary{margin-bottom:12px}.preview-studio_brushSettings__pGqWu label+label{margin-top:12px}.preview-studio_shapeControl__NbmZq>button>svg:last-child{position:absolute;top:8px;right:5px}@media (max-width:620px){.preview-studio_brushSettings__pGqWu{grid-column:1/-1}}.dark .preview-studio_tools__fRzMk,.preview-studio_tools__fRzMk,:root:not(.dark) .preview-studio_tools__fRzMk{box-shadow:0 14px 36px rgb(3 19 45/16%)}.dark .preview-studio_headerActions__scFU2 button,.dark .preview-studio_sceneTitle__OtWk7,.dark .preview-studio_tools__fRzMk,.preview-studio_headerActions__scFU2 button,.preview-studio_sceneTitle__OtWk7,.preview-studio_tools__fRzMk,:root:not(.dark) .preview-studio_headerActions__scFU2 button,:root:not(.dark) .preview-studio_sceneTitle__OtWk7,:root:not(.dark) .preview-studio_tools__fRzMk{background:var(--secondary);color:var(--secondary-foreground);border:1px solid color-mix(in srgb,currentColor 15%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none}.preview-studio_sceneTitle__OtWk7{max-width:min(50%,300px);padding:10px 12px}.preview-studio_sceneTitle__OtWk7 h3{font-size:15px;line-height:1.4}.preview-studio_sceneTitle__OtWk7 p{font-size:11px;line-height:1.5}@media (max-width:640px){.preview-studio_sceneTitle__OtWk7{max-width:calc(100% - 80px);top:12px;left:12px}}