.R2FQEG_canvas{height:100%;padding:var(--ws-gap) calc(var(--ws-inspector-width) + var(--ws-gap) * 2) calc(var(--ws-status-height) + var(--ws-controls-height) * 2 + var(--ws-gap) * 3) calc(var(--ws-left) + var(--ws-layers-width) + var(--ws-gap) * 2);display:flex;overflow:auto}@media (max-width:48em){.R2FQEG_canvas{padding-right:var(--ws-gap);padding-left:var(--ws-gap)}}.R2FQEG_artboards{gap:var(--mantine-spacing-xl);zoom:var(--canvas-zoom,1);flex-wrap:wrap;justify-content:center;align-items:flex-start;margin:auto;display:flex}.R2FQEG_item{max-width:max-content}.R2FQEG_frame{width:var(--artboard-width);height:var(--artboard-height);cursor:crosshair;background-color:var(--mantine-color-white);outline:1px solid var(--mantine-color-default-border);box-shadow:var(--mantine-shadow-sm);border-radius:2px;display:block;position:relative}.R2FQEG_frame[data-selected]{outline:2px solid var(--mantine-primary-color-filled)}.R2FQEG_frame:focus-visible{outline:2px solid var(--mantine-primary-color-filled);outline-offset:2px}.R2FQEG_svg,.R2FQEG_svg svg{width:100%;height:100%;display:block}.R2FQEG_overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}
._4XyYLG_section+._4XyYLG_section{padding-top:var(--mantine-spacing-sm);border-top:1px solid var(--mantine-color-default-border)}._4XyYLG_sectionHeader{flex:1;min-width:0;padding:2px 0}._4XyYLG_sectionHeader:disabled{cursor:default;opacity:.6}._4XyYLG_info{color:var(--mantine-color-dimmed);cursor:help}
.xgDlRq_scrub{cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none}.xgDlRq_info{color:var(--mantine-color-dimmed);cursor:help}
._6_Cr9q_logo{flex-shrink:0;display:flex}._6_Cr9q_logoVariant{display:flex}._6_Cr9q_slot{display:contents}._6_Cr9q_themeIcon{display:flex}
.Ee_iKa_content{flex-direction:column;display:flex}.Ee_iKa_title{font-size:var(--mantine-h4-font-size);font-weight:var(--mantine-h4-font-weight)}.Ee_iKa_body{flex-direction:column;flex:1;min-height:0;padding:0;display:flex}.Ee_iKa_scroll{min-height:0;padding:0 var(--mantine-spacing-md) var(--mantine-spacing-md);flex:1;overflow-y:auto}.Ee_iKa_preview{padding:var(--mantine-spacing-sm);background-color:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .Ee_iKa_preview{background-color:var(--mantine-color-dark-6)}.Ee_iKa_preview{border-radius:var(--mantine-radius-md)}.Ee_iKa_filename{word-break:break-all}.Ee_iKa_footer{padding:var(--mantine-spacing-md);background-color:var(--mantine-color-body);border-top:1px solid var(--mantine-color-default-border);position:sticky;bottom:0}
.zpjrfW_item{height:100%;color:var(--mantine-color-dimmed);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.zpjrfW_item[data-active]{color:var(--item-color)}
.lWiSPq_tile{gap:var(--mantine-spacing-xs);padding:var(--mantine-spacing-lg) var(--mantine-spacing-md);text-align:center;border:1px solid var(--mantine-color-default-border);border-radius:var(--mantine-radius-lg);flex-direction:column;align-items:center;transition:border-color .15s,background-color .15s;display:flex}.lWiSPq_tile:hover{background-color:var(--mantine-color-default-hover)}.lWiSPq_tile[data-active]{background-color:var(--mantine-primary-color-light);border-color:var(--mantine-primary-color-filled)}
._6zs_2q_rail{top:calc(var(--app-shell-header-offset,48px) + var(--rail-gap));left:var(--rail-gap);z-index:150;width:var(--rail-width);max-height:calc(100dvh - var(--app-shell-header-offset,48px) - var(--rail-gap) * 2);background-color:color-mix(in srgb, var(--mantine-color-body) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:width .15s;position:fixed;overflow-y:auto}._6zs_2q_dimmed{opacity:.45}
.AEKaMa_root{--rail-gap:12px;--rail-width:52px;--rail-inset:calc(var(--rail-width) + var(--rail-gap) * 2)}.AEKaMa_root[data-rail=expanded]{--rail-width:208px}.AEKaMa_root[data-mobile]{--rail-inset:0px}.AEKaMa_header{background-color:var(--mantine-color-white)}[data-mantine-color-scheme=dark] .AEKaMa_header{background-color:var(--mantine-color-dark-7)}.AEKaMa_main{--app-shell-navbar-offset:var(--rail-inset);height:100dvh;overflow:auto}.AEKaMa_main[data-full-bleed]{--app-shell-navbar-offset:0px}
.u0BipW_panel{background-color:color-mix(in srgb, var(--mantine-color-body) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.yqO0uW_bar{scrollbar-width:none;overflow-x:auto}.yqO0uW_separator{color:var(--mantine-color-dimmed);flex-shrink:0}.yqO0uW_step{border-radius:var(--mantine-radius-xl);color:var(--mantine-color-dimmed);flex-shrink:0;padding:4px 10px 4px 4px}.yqO0uW_step:hover{background-color:var(--mantine-color-gray-1)}[data-mantine-color-scheme=dark] .yqO0uW_step:hover{background-color:var(--mantine-color-dark-5)}.yqO0uW_step[data-active]{color:var(--mantine-primary-color-light-color);background-color:var(--mantine-primary-color-light)}.yqO0uW_number{border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.yqO0uW_step[data-active] .yqO0uW_number{color:var(--mantine-color-white);background-color:var(--mantine-primary-color-filled);border-color:#0000}
._sN8Pq_root{height:100%;padding:var(--mantine-spacing-md);justify-content:center;align-items:center;display:flex}._sN8Pq_content{width:100%;max-width:560px}._sN8Pq_dropzone{background-color:color-mix(in srgb, var(--mantine-color-body) 85%, transparent);border-width:2px}._sN8Pq_icon{color:var(--mantine-color-dimmed)}
.Ec-RgW_root{--ws-gap:var(--rail-gap,12px);--ws-left:max(var(--rail-inset,0px), var(--ws-gap));--ws-status-height:28px;--ws-controls-height:44px;--ws-inspector-width:288px;--ws-layers-width:220px;--ws-top:var(--ws-gap);height:100%;position:relative;overflow:hidden}.Ec-RgW_root[data-mobile]{--ws-top:calc(var(--ws-gap) * 2 + 40px)}@media (max-width:64em){.Ec-RgW_root[data-docked-steps]{--ws-top:calc(var(--ws-gap) * 2 + 40px)}}.Ec-RgW_canvas{position:absolute;inset:0}.Ec-RgW_steps{top:var(--ws-gap);z-index:100;max-width:calc(100% - var(--ws-gap) * 2);position:absolute;left:50%;transform:translate(-50%)}.Ec-RgW_root[data-mobile] .Ec-RgW_steps{right:var(--ws-gap);left:var(--ws-gap);transform:none}@media (max-width:64em){.Ec-RgW_root[data-docked-steps] .Ec-RgW_steps{right:calc(var(--ws-inspector-width) + var(--ws-gap) * 2);left:var(--ws-left);max-width:none;transform:none}}.Ec-RgW_layers{top:var(--ws-gap);left:var(--ws-left);z-index:100;width:var(--ws-layers-width);max-height:calc(100% - var(--ws-status-height) - var(--ws-controls-height) * 2 - var(--ws-gap) * 4);position:absolute;overflow-y:auto}.Ec-RgW_inspector{top:var(--ws-gap);right:var(--ws-gap);z-index:100;width:var(--ws-inspector-width);max-height:calc(100% - var(--ws-status-height) - var(--ws-controls-height) - var(--ws-gap) * 3);position:absolute;overflow-y:auto}.Ec-RgW_info{bottom:calc(var(--ws-status-height) + var(--ws-gap));left:var(--ws-left);z-index:100;max-width:calc(100% - var(--ws-left) - var(--ws-gap) * 2 - 200px);position:absolute}.Ec-RgW_root[data-mobile] .Ec-RgW_info{bottom:calc(var(--ws-status-height) + var(--ws-controls-height) + var(--ws-gap) * 2);max-width:calc(100% - var(--ws-gap) * 2)}.Ec-RgW_controls{right:var(--ws-gap);bottom:calc(var(--ws-status-height) + var(--ws-gap));z-index:100;position:absolute}.Ec-RgW_status{z-index:100;height:var(--ws-status-height);padding:0 var(--ws-gap) 0 var(--ws-left);background-color:color-mix(in srgb, var(--mantine-color-body) 85%, transparent);border-top:1px solid var(--mantine-color-default-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}
.BaAsQG_fontInput{font-family:var(--font-preview,inherit)}
.PIdmXa_caseLabel{align-items:center;gap:8px;width:100%;display:inline-flex}.PIdmXa_casePreview{min-width:28px;font-family:Menlo,Monaco,monospace;font-weight:600}.PIdmXa_uppercase{letter-spacing:2px;font-size:18px}.PIdmXa_lowercase{font-size:14px}.PIdmXa_sentenceCase{font-size:15px}.PIdmXa_titleCase{letter-spacing:1px;font-size:15px}
.cNNVCG_root{background:0 0;border:none}.cNNVCG_content .ProseMirror{min-width:4ch;line-height:var(--rte-line-spacing,1.2);background:0 0;outline:none;padding:0}.cNNVCG_content .ProseMirror p{white-space:pre;margin:0}.cNNVCG_bubble{z-index:200}.cNNVCG_loadingOverlay{pointer-events:none;position:absolute;inset:0}
.xBRSPW_marker{fill:var(--mantine-color-orange-6);stroke:var(--mantine-color-white);stroke-width:.4px}.xBRSPW_cursor{stroke:var(--mantine-color-orange-6);stroke-width:.3px;stroke-dasharray:1 1}
.M6QVea_canvas{height:100%;padding:var(--ws-gap) calc(var(--ws-inspector-width) + var(--ws-gap) * 2) calc(var(--ws-status-height) + var(--ws-controls-height) + var(--ws-gap) * 2) calc(var(--ws-left) + var(--ws-gap));justify-content:center;align-items:center;display:flex;overflow:auto}@media (max-width:48em){.M6QVea_canvas{padding-right:var(--ws-gap)}}.M6QVea_artboard{padding:var(--mantine-spacing-md);zoom:var(--artboard-zoom,1);margin:auto}
.-\38 BwIq_card,.-\38 BwIq_cardBody{flex-direction:column;flex:1;min-height:0;display:flex}.-\38 BwIq_viewport{flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.-\38 BwIq_viewport[data-variant=card]{border:1px solid var(--mantine-color-gray-3);min-height:300px}[data-mantine-color-scheme=dark] .-\38 BwIq_viewport[data-variant=card]{border:1px solid var(--mantine-color-dark-4)}.-\38 BwIq_viewport[data-variant=card]{border-radius:var(--mantine-radius-sm)}.-\38 BwIq_viewport[data-variant=canvas],.-\38 BwIq_gl{position:absolute;inset:0}.-\38 BwIq_gl[data-hidden]{visibility:hidden}.-\38 BwIq_overlay{position:absolute;inset:0}.-\38 BwIq_canvasRoot{width:100%;height:100%;position:relative}.-\38 BwIq_canvasToolbar{top:var(--mv-top,var(--ws-gap,12px));left:var(--ws-left,12px);z-index:2;max-width:calc(100% - var(--ws-left,12px) - var(--ws-gap,12px));position:absolute}.-\38 BwIq_attribution{right:var(--ws-gap,12px);bottom:var(--mv-bottom,calc(var(--ws-status-height,0px) + 4px));z-index:2;position:absolute}