@layer reset,tokens,base,vendor,surfaces,primitives;@layer compositions{.safeZoneWorkbench{min-width:0}.safeZoneWorkspace{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)}.safeZoneMediaSurface{min-width: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)}.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:720px){.safeZoneWorkspace{grid-template-columns:minmax(0,1fr);padding-block-end:calc(var(--fr-public-nav-bottom-surface-height) + var(--fr-space-6) + env(safe-area-inset-bottom))}.safeZonePreviewStage{padding:0}.safeZonePreviewViewport{inline-size:min(100%,22.5svh);box-shadow:none;border-radius:0}.safeZoneFileBar{align-items:start}}@media (max-width:420px){.safeZoneFileBar,.safeZoneModeHeader{flex-direction:column;align-items:stretch}}}@layer utilities;