@layer reset,tokens,base,vendor,surfaces,primitives;@layer compositions{.safeZoneWorkbench{block-size:100%;min-block-size:0;min-inline-size:0}.safeZoneWorkspace{block-size:100%;min-block-size:0;position:relative}.safeZoneMediaSurface{block-size:100%;min-block-size:0;min-inline-size:0;display:grid;overflow:hidden}.safeZonePreviewStage{min-width:0;min-height:0;padding:var(--fr-space-4);background:var(--fr-surface-canvas);place-items:center;display:grid}.safeZonePreviewViewport{aspect-ratio:9/16;border-radius:var(--fr-radius-control);background:var(--fr-surface-quiet);inline-size:min(100%,40.5svh);box-shadow:var(--fr-surface-raised-shadow);position:relative;overflow:hidden}.safeZoneGuideImage,.safeZoneCropImage{display:block}.safeZoneGuideImage{object-fit:contain;block-size:100%;inline-size:100%}.safeZoneCropImage{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;max-block-size:none;max-inline-size:none;position:absolute}.safeZoneCropHandle{padding:var(--fr-space-4);color:var(--fr-foreground-default);cursor:grab;touch-action:none;background:0 0;border:0;place-items:end center;display:grid;position:absolute;inset:0}.safeZoneCropHandle:active{cursor:grabbing}.safeZoneCropHandle:focus-visible{background:var(--fr-surface-quiet);outline:0}.safeZoneCropHandle span{border-radius:var(--fr-radius-pill);padding:var(--fr-space-2) var(--fr-space-3);color:var(--fr-foreground-default);background:var(--fr-surface-raised);box-shadow:var(--fr-surface-raised-shadow);font-size:var(--fr-typography-caption-font-size);font-weight:var(--fr-font-weight-strong)}.safeZoneProcessingScrim{color:var(--fr-foreground-default);background:var(--fr-surface-scrim);place-items:center;display:grid;position:absolute;inset:0}.safeZoneProcessingScrim span{border-radius:var(--fr-radius-pill);padding:var(--fr-space-2) var(--fr-space-3);background:var(--fr-surface-raised);box-shadow:var(--fr-surface-raised-shadow);font-size:var(--fr-typography-supporting-font-size);font-weight:var(--fr-font-weight-strong)}.safeZoneFileBar{justify-content:space-between;align-items:center;gap:var(--fr-space-3);min-width:0;padding:var(--fr-space-3) var(--fr-space-4);background:var(--fr-surface-raised);display:flex}.safeZoneFileBar>span{gap:var(--fr-space-1);min-width:0;display:grid}.safeZoneFileBar strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--fr-typography-supporting-font-size);overflow:hidden}.safeZoneFileBar small{color:var(--fr-foreground-muted);font-size:var(--fr-typography-caption-font-size)}.safeZoneInspector,.safeZoneSettings,.safeZoneStateBlock,.safeZoneActionStack,.safeZoneMarginGrid{min-width:0;display:grid}.safeZoneInspector,.safeZoneSettings,.safeZoneStateBlock{gap:var(--fr-space-4)}.safeZoneInspector{block-size:100%;min-block-size:0}.safeZoneStateBlock h2,.safeZoneStateBlock p,.safeZoneSourceNote{margin:0}.safeZoneStateBlock>div:first-child{gap:var(--fr-space-2);display:grid}.safeZoneStateBlock h2{font-size:var(--fr-typography-emphasis);line-height:var(--fr-typography-supporting-line-height)}.safeZoneStateBlock p,.safeZoneSourceNote{color:var(--fr-foreground-muted);font-size:var(--fr-typography-supporting-font-size);line-height:var(--fr-typography-supporting-line-height)}.safeZoneStateBlock .safeZoneCropFacts{border-radius:var(--fr-radius-control);padding:var(--fr-space-3);color:var(--fr-foreground-default);background:var(--fr-surface-quiet);font-variant-numeric:tabular-nums}.safeZoneModeHeader{justify-content:space-between;align-items:center;gap:var(--fr-space-3);display:flex}.safeZoneModeHeader>span{color:var(--fr-foreground-muted);font-size:var(--fr-typography-caption-font-size)}.safeZoneMarginGrid,.safeZoneActionStack{gap:var(--fr-space-3)}.safeZoneEdgeList,.safeZoneGeometryFacts{gap:var(--fr-space-2);margin:0;display:grid}.safeZoneEdgeList>div,.safeZoneGeometryFacts>div{justify-content:space-between;align-items:baseline;gap:var(--fr-space-3);border-radius:var(--fr-radius-control);padding:var(--fr-space-2) var(--fr-space-3);background:var(--fr-surface-quiet);display:flex}.safeZoneEdgeList dt,.safeZoneGeometryFacts dt{color:var(--fr-foreground-muted);font-size:var(--fr-typography-caption-font-size)}.safeZoneEdgeList dt{gap:var(--fr-space-1);display:grid}.safeZoneEdgeList dt>span{color:var(--fr-foreground-default)}.safeZoneEdgeList dt small{color:var(--fr-foreground-muted);font-size:inherit;line-height:var(--fr-typography-supporting-line-height)}.safeZoneEdgeList dt a{color:inherit;text-underline-offset:.2em}.safeZoneEdgeList dd,.safeZoneGeometryFacts dd{text-align:end;font-size:var(--fr-typography-supporting-font-size);font-weight:var(--fr-font-weight-strong);font-variant-numeric:tabular-nums;margin:0}.safeZoneSourceNote a{color:var(--fr-foreground-default);text-underline-offset:.2em}@media (max-width:960px){:is(.safeZoneWorkbench:has([data-tool-workspace-split=stacked]),.safeZoneWorkspace:has([data-tool-workspace-split=stacked]),.safeZoneMediaSurface:has([data-safe-zone-preview])){block-size:auto}.safeZonePreviewViewport{inline-size:100%}}@media (max-width:720px){.safeZonePreviewStage{padding:0}.safeZonePreviewViewport{box-shadow:none;border-radius:0}.safeZoneFileBar{align-items:start}}@media (max-width:420px){.safeZoneFileBar,.safeZoneModeHeader{flex-direction:column;align-items:stretch}}}@layer utilities;
@layer reset,tokens,base,vendor,surfaces,primitives;@layer compositions{@media (min-width:961px){.backgroundGeneratorEffectRailTrack{scroll-snap-type:none}}}@layer utilities;
.Pfl4gG_workbench,.Pfl4gG_header,.Pfl4gG_inspector,.Pfl4gG_actions,.Pfl4gG_exportControls,.Pfl4gG_labelledGroup,.Pfl4gG_motionGroup,.Pfl4gG_exportGroup{display:grid}.Pfl4gG_workbench{block-size:100%;min-block-size:0;min-inline-size:0;padding:var(--fr-space-3);grid-template-rows:minmax(0,1fr);gap:0}.Pfl4gG_header{gap:var(--fr-space-2)}.Pfl4gG_titleLine{align-items:center;gap:var(--fr-space-2);min-width:0;display:flex}.Pfl4gG_header h1,.Pfl4gG_header p,.Pfl4gG_actions p{margin:0}.Pfl4gG_header h1{letter-spacing:-.05em;flex:1 1 0;min-width:0;font-size:clamp(2rem,4vw,3.5rem);line-height:.98}.Pfl4gG_header p{max-width:720px;color:var(--fr-foreground-muted);font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.45}.Pfl4gG_workspace{align-items:stretch;gap:var(--fr-space-4);grid-template-columns:minmax(0,1.35fr) minmax(420px,.85fr);min-width:0;height:auto;min-height:0;display:grid}.Pfl4gG_previewSurface{background:var(--fr-surface-quiet);block-size:100%;min-block-size:0;min-inline-size:0;box-shadow:var(--fr-material-subtle-stroke);display:grid;position:relative;overflow:hidden}.Pfl4gG_previewBackdrop{opacity:.72;pointer-events:none;position:absolute;inset:0;overflow:hidden}.Pfl4gG_previewBackdrop:after{content:"";background:color-mix(in srgb, var(--fr-surface-canvas) 10%, transparent);position:absolute;inset:0}.Pfl4gG_previewBackdrop>div,.Pfl4gG_previewBackdrop>div>div,.Pfl4gG_previewBackdrop canvas{width:100%;height:100%}.Pfl4gG_previewWorkspace{z-index:1;min-width:0;min-height:100%;padding:var(--fr-space-4);grid-template-rows:minmax(0,1fr);display:grid;position:relative}.Pfl4gG_previewViewport{place-items:center;min-width:0;min-height:0;display:grid}.Pfl4gG_previewFrame{inline-size:var(--background-preview-inline-size);block-size:var(--background-preview-block-size);max-width:100%;max-height:100%;position:relative}.Pfl4gG_preview{border-radius:var(--fr-radius-panel);background:var(--fr-surface-canvas);width:100%;height:100%;min-height:0;box-shadow:var(--fr-material-strong-stroke), var(--fr-surface-raised-shadow);overflow:hidden}.Pfl4gG_previewResizeHandle{z-index:3;width:var(--fr-button-height-md);height:var(--fr-button-height-md);cursor:nwse-resize;touch-action:none;background:0 0;border:0;padding:0;position:absolute;bottom:0;right:0}.Pfl4gG_previewResizeHandle:after{right:var(--fr-space-2);bottom:var(--fr-space-2);width:var(--fr-space-3);height:var(--fr-space-3);border-radius:var(--fr-radius-circle);content:"";position:absolute}.Pfl4gG_previewResizeHandle:not(:focus-visible):after{background:var(--fr-foreground-default);box-shadow:var(--fr-material-strong-stroke), var(--fr-surface-raised-shadow)}.Pfl4gG_previewResizeHandle:hover:not(:focus-visible):after,.Pfl4gG_previewResizeHandle:active:not(:focus-visible):after{background:var(--fr-button-primary-background)}.Pfl4gG_previewSizeBadge{z-index:2;border-radius:var(--fr-radius-pill);padding:var(--fr-space-1) var(--fr-space-2);color:var(--fr-foreground-default);background:var(--fr-surface-canvas);font-size:var(--fr-typography-caption-font-size);font-weight:var(--fr-typography-caption-font-weight);line-height:var(--fr-typography-caption-line-height);box-shadow:var(--fr-material-strong-stroke);pointer-events:none;position:absolute;inset-block-end:var(--fr-space-3);inset-inline-start:var(--fr-space-3)}.Pfl4gG_preview>div,.Pfl4gG_preview>div>div,.Pfl4gG_preview canvas{width:100%;height:100%}.Pfl4gG_preview [data-background-shader-fallback]{background:var(--fr-site-shader-fallback-background);width:100%;height:100%;display:block}.Pfl4gG_inspector{gap:var(--fr-space-4);align-content:start;min-block-size:100%;min-inline-size:0}.Pfl4gG_editorTabsDock{isolation:isolate;z-index:2;min-block-size:var(--fr-button-height-sm);padding-block:var(--fr-space-2);margin-block-start:calc(var(--fr-space-2) * -1);position:sticky;inset-block-start:0}.Pfl4gG_editorTabs,.Pfl4gG_effectRail{min-width:0}.Pfl4gG_editorTabLabel{justify-content:center;align-items:center;gap:var(--fr-space-2);min-width:0;display:inline-flex}.Pfl4gG_editorTabBadge{border-radius:var(--fr-radius-pill);padding:0 var(--fr-space-2);color:var(--fr-foreground-muted);background:var(--fr-surface-canvas);font-size:var(--fr-typography-caption-font-size);line-height:var(--fr-typography-caption-line-height);box-shadow:var(--fr-material-strong-stroke)}.Pfl4gG_effectRailTrack>.Pfl4gG_effectCard{flex:0 0 clamp(7.5rem,28%,9rem)}@media (min-width:961px){.Pfl4gG_effectRailTrack{flex-wrap:wrap;overflow:visible}.Pfl4gG_effectRailTrack>.Pfl4gG_effectCard{flex:0 0 clamp(7.5rem,19%,9rem)}}.Pfl4gG_effectCard{scroll-snap-align:start;overflow:hidden}.Pfl4gG_effectThumbnail{aspect-ratio:16/9;border-radius:var(--fr-radius-control);background:var(--fr-site-shader-fallback-background);width:100%;box-shadow:var(--fr-material-subtle-stroke);display:block;overflow:hidden}.Pfl4gG_effectThumbnail>div,.Pfl4gG_effectThumbnail>div>div,.Pfl4gG_effectThumbnail canvas{width:100%;height:100%}.Pfl4gG_effectThumbnail [data-background-shader-fallback]{background:0 0;width:100%;height:100%;display:block}.Pfl4gG_panel,.Pfl4gG_styleMetaRow,.Pfl4gG_paletteFields{gap:var(--fr-space-3);display:grid}.Pfl4gG_styleMetaRow{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.Pfl4gG_labelledGroup,.Pfl4gG_exportGroup{gap:var(--fr-space-2);min-inline-size:0}.Pfl4gG_panel{align-content:start;min-width:0}.Pfl4gG_panel[hidden]{display:none}.Pfl4gG_panel[data-generator-panel=style]{gap:var(--fr-space-3)}.Pfl4gG_exportDock{margin-block-start:auto}.Pfl4gG_panel+.Pfl4gG_panel{padding-top:var(--fr-space-4);box-shadow:inset 0 var(--fr-stroke-hairline) 0 var(--fr-surface-quiet)}.Pfl4gG_palette{align-items:end;gap:var(--fr-space-3);border:0;grid-template-columns:minmax(0,1fr) auto;min-width:0;margin:0;padding:0;display:grid}.Pfl4gG_palette>.Pfl4gG_controlLabel{grid-column:1/-1}.Pfl4gG_palette>button{grid-column:2}.Pfl4gG_dimensionFields{gap:var(--fr-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.Pfl4gG_paletteFields{grid-template-columns:repeat(4,minmax(0,1fr))}.Pfl4gG_paletteFields input{min-width:0}.Pfl4gG_subgroupLabel{color:var(--fr-foreground-muted);font-size:var(--fr-typography-caption-font-size);font-weight:var(--fr-typography-caption-font-weight);line-height:var(--fr-typography-caption-line-height)}.Pfl4gG_sectionTitle{color:var(--fr-foreground-muted);font-size:var(--fr-typography-caption-font-size);font-weight:var(--fr-typography-caption-font-weight);line-height:var(--fr-typography-caption-line-height);margin:0}.Pfl4gG_motionGroup{gap:var(--fr-space-2)}.Pfl4gG_motionControlRow{min-inline-size:0;min-height:var(--fr-field-height);border-radius:var(--fr-field-radius);align-items:center;gap:var(--fr-space-3);padding-inline:var(--fr-space-3);background:var(--fr-surface-quiet);box-shadow:var(--fr-material-subtle-stroke);grid-template-columns:minmax(0,1fr) minmax(8rem,.9fr);display:grid}.Pfl4gG_motionControlRow>:last-child:not(.Pfl4gG_motionRange){justify-self:end}.Pfl4gG_motionRange{inline-size:100%;min-inline-size:0}.Pfl4gG_motionRange input{inline-size:100%}.Pfl4gG_canvasSummary{color:var(--fr-foreground-muted);font-size:var(--fr-typography-supporting-font-size);margin:0}.Pfl4gG_exportControls,.Pfl4gG_actions{gap:var(--fr-space-3)}.Pfl4gG_exportControls{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.Pfl4gG_actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.Pfl4gG_actions>p,.Pfl4gG_actions>button:only-of-type{grid-column:1/-1}.Pfl4gG_actions p{color:var(--fr-foreground-muted);font-size:var(--fr-typography-supporting-font-size);text-align:center}.Pfl4gG_exportStage{pointer-events:none;position:fixed;inset-block-start:0;inset-inline-start:-10000px;overflow:hidden}.Pfl4gG_exportStage>div,.Pfl4gG_exportStage>div>div,.Pfl4gG_exportStage canvas{width:100%;height:100%}@media (max-width:820px){.Pfl4gG_header p{display:none}.Pfl4gG_previewWorkspace{padding:var(--fr-space-3)}.Pfl4gG_palette{grid-template-columns:minmax(0,1fr)}.Pfl4gG_palette>button{grid-column:1}}@media (max-width:480px){.Pfl4gG_workbench{padding:var(--fr-space-2)}.Pfl4gG_header h1{font-size:clamp(1.75rem,8vw,2.25rem)}.Pfl4gG_inspector{gap:var(--fr-space-3)}.Pfl4gG_styleMetaRow{grid-template-columns:minmax(0,1fr)}.Pfl4gG_panel,.Pfl4gG_styleMetaRow,.Pfl4gG_paletteFields{gap:var(--fr-space-2)}.Pfl4gG_exportControls,.Pfl4gG_actions{grid-template-columns:minmax(0,1fr)}}
.Vrucoa_workbench,.Vrucoa_header,.Vrucoa_workspace,.Vrucoa_dropzoneStack,.Vrucoa_objectPanel,.Vrucoa_actionPanel,.Vrucoa_statusSlot,.Vrucoa_resultActions,.Vrucoa_sourceFooter,.Vrucoa_comparison{min-width:0;display:grid}.Vrucoa_workbench{block-size:100%;min-block-size:0;padding:var(--fr-space-3);grid-template-rows:minmax(0,1fr);gap:0}.Vrucoa_header,.Vrucoa_dropzoneStack,.Vrucoa_objectPanel,.Vrucoa_actionPanel,.Vrucoa_statusSlot,.Vrucoa_resultActions{gap:var(--fr-space-3)}.Vrucoa_titleLine,.Vrucoa_sourceFooter{align-items:center;gap:var(--fr-space-2);min-width:0;display:flex}.Vrucoa_header h1,.Vrucoa_header p,.Vrucoa_sourceFooter{margin:0}.Vrucoa_header h1{letter-spacing:-.05em;min-width:0;font-size:clamp(2rem,4vw,3.5rem);line-height:.98}.Vrucoa_header p,.Vrucoa_sourceFooter{color:var(--fr-foreground-muted)}.Vrucoa_header p{max-inline-size:720px;line-height:1.45}.Vrucoa_dropzoneStack{inline-size:100%}.Vrucoa_workspace{block-size:100%;min-block-size:0;position:relative}.Vrucoa_objectPanel,.Vrucoa_actionPanel{align-content:start;block-size:100%;min-block-size:0}.Vrucoa_sourceFooter{justify-content:space-between}.Vrucoa_sourceFooter>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.Vrucoa_statusSlot progress{inline-size:100%}.Vrucoa_comparison{gap:var(--fr-space-3)}.Vrucoa_comparisonFrame{border-radius:var(--fr-radius-control);background:var(--fr-surface-canvas);place-items:center;block-size:clamp(16rem,42svh,28rem);display:grid;overflow:hidden}.Vrucoa_comparisonFrame[data-checkerboard]{background-color:var(--fr-surface-canvas);background-image:linear-gradient(45deg, var(--fr-surface-quiet) 25%, transparent 25%), linear-gradient(-45deg, var(--fr-surface-quiet) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--fr-surface-quiet) 75%), linear-gradient(-45deg, transparent 75%, var(--fr-surface-quiet) 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.Vrucoa_comparisonFrame img{object-fit:contain;block-size:100%;inline-size:100%;display:block}@media (min-width:56rem){.Vrucoa_comparisonFrame{block-size:min(58svh,34rem)}}@media (max-width:620px){.Vrucoa_workbench{padding:var(--fr-space-2)}}