.studio-dialog-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity var(--board-modal-open-dur,.2s) var(--board-ease,ease);background:#00000052;position:fixed;inset:0}.studio-dialog-backdrop[data-starting-style],.studio-dialog-backdrop[data-ending-style]{opacity:0}.studio-dialog-backdrop[data-ending-style]{transition-duration:var(--board-modal-close-dur,.15s)}.studio-dialog-viewport{z-index:60;grid-template-rows:minmax(0,1fr) auto minmax(0,3fr);justify-items:center;padding:24px 16px;display:grid;position:fixed;inset:0}.studio-dialog-popup{border:1px solid var(--board-border,var(--line-strong));background:var(--surface);width:100%;min-width:0;max-width:480px;min-height:0;max-height:calc(100dvh - 48px);color:var(--foreground);transform-origin:50%;opacity:calc(1 - var(--nested-dialogs,0));scale:calc(1 - .1 * var(--nested-dialogs,0));transition:scale var(--board-modal-open-dur,.2s) var(--board-ease,ease), opacity var(--board-modal-open-dur,.2s) var(--board-ease,ease), translate var(--board-modal-open-dur,.2s) var(--board-ease,ease);background-clip:padding-box;border-radius:12px;outline:none;flex-direction:column;grid-row:2;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d,0 24px 64px -12px #00000038}.studio-dialog-popup[data-starting-style]{opacity:0;translate:0 6px;scale:.97}.studio-dialog-popup[data-ending-style]{opacity:0;transition-duration:var(--board-modal-close-dur,.15s);pointer-events:none;translate:0 3px;scale:.985}.studio-dialog-close{z-index:2;border-radius:var(--board-radius-xs,5px);width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:grid;position:absolute;top:20px;right:16px}.studio-dialog-close>svg{width:14px;height:14px}.studio-dialog-close:hover:not(:disabled){background:var(--board-panel,var(--surface-2));color:var(--foreground)}.studio-dialog-close:disabled{cursor:default}.studio-dialog-popup :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.studio-dialog-header{flex-direction:column;flex:none;gap:6px;padding:24px 24px 18px;display:flex}.studio-dialog-header.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.studio-dialog-title{letter-spacing:-.025em;overflow-wrap:anywhere;margin:0 32px 0 0;font-size:18px;line-height:1.3}.studio-dialog-description{color:var(--muted);text-wrap:pretty;margin:0;font-size:13px;line-height:1.6}.studio-dialog-panel{padding:24px}.studio-dialog-popup:has(>.studio-dialog-header:not(.sr-only)) .studio-dialog-panel{padding-top:0}.studio-dialog-panel:empty{padding:0}.studio-dialog-footer{flex:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:center;gap:8px;padding:4px 24px 24px;display:grid}.studio-dialog-footer>.board-button{min-width:0;min-height:40px;font-size:14px}.studio-dialog-footer[data-variant=bare]{padding-top:0}.board-dialog-wide .studio-dialog-footer{border-top:1px solid var(--line);grid-auto-columns:auto;justify-content:end;padding-top:16px}.studio-dialog-scroll{flex:auto;min-height:0;position:relative}.studio-dialog-scroll-viewport{overscroll-behavior:contain;outline:none;height:100%;max-height:100%}.studio-dialog-scroll-viewport[data-scroll-fade]{-webkit-mask-image:linear-gradient(to bottom, transparent, black min(20px, var(--scroll-area-overflow-y-start,0px)), black calc(100% - min(20px, var(--scroll-area-overflow-y-end,0px))), transparent);mask-image:linear-gradient(to bottom, transparent, black min(20px, var(--scroll-area-overflow-y-start,0px)), black calc(100% - min(20px, var(--scroll-area-overflow-y-end,0px))), transparent)}.studio-dialog-scrollbar{opacity:0;width:6px;margin:4px;transition:opacity .15s;display:flex}.studio-dialog-scrollbar[data-hovering],.studio-dialog-scrollbar[data-scrolling]{opacity:1}.studio-dialog-scroll-thumb{background:color-mix(in srgb, var(--foreground) 20%, transparent);border-radius:999px;flex:1}@media (max-width:600px){.studio-dialog-viewport[data-bottom-stick]{grid-template-rows:minmax(0,1fr) auto;padding:48px 0 0}.studio-dialog-popup[data-bottom-stick]{max-width:none;max-height:calc(100dvh - 48px);padding-bottom:env(safe-area-inset-bottom);transform-origin:bottom;border-width:1px 0 0;border-radius:12px 12px 0 0}.studio-dialog-popup[data-bottom-stick][data-starting-style],.studio-dialog-popup[data-bottom-stick][data-ending-style]{translate:0 16px;scale:1}.studio-dialog-header{padding:22px 20px 16px}.studio-dialog-title{margin-right:36px}.studio-dialog-close{top:19px;right:12px}.studio-dialog-panel{padding-left:20px;padding-right:20px}.studio-dialog-footer{grid-auto-columns:auto;grid-auto-flow:row;padding-left:20px;padding-right:20px}.studio-dialog-footer>.board-button{min-height:44px}.studio-dialog-footer>:first-child:not(:only-child){order:2}.board-dialog-wide .studio-dialog-footer{justify-content:stretch}}@media (min-width:601px){.studio-dialog-viewport:has(>.board-dialog-sheet){justify-content:flex-end;padding:8px;display:flex}.studio-dialog-popup.board-dialog-sheet{transform-origin:100%;max-width:460px;height:calc(100dvh - 16px);max-height:none}.studio-dialog-popup.board-dialog-sheet[data-starting-style],.studio-dialog-popup.board-dialog-sheet[data-ending-style]{translate:24px;scale:1}}@media (max-width:600px){.studio-dialog-popup.board-dialog-sheet{height:calc(100dvh - 48px)}}@media (pointer:coarse){.studio-dialog-close{width:36px;height:36px;margin:-3px}}@media (prefers-color-scheme:dark){.studio-dialog-backdrop{background:#0000008f}}@media (prefers-reduced-motion:reduce){.studio-dialog-popup,.studio-dialog-backdrop,.studio-dialog-close,.studio-dialog-scrollbar{transition:none}}