/*
 * Make My Face Frame — configurator styles.
 *
 * Genuine divergences from the shared sheets only: structure comes from
 * core-configurator.css (.core-preview-container, .core-2d-container,
 * .core-validation-*) and core-stepper.css / core-controls.css. Core
 * component classes are already styled there — do NOT restyle them here.
 */

/* The 2D elevation (a read-only preview since D45) is centred and fitted by
   the shared `.core-2d-container--centred` modifier (core-configurator.css). */

/* The 3D pane needs no rules here: .core-3d-container carries the shared
   structure, and frame-ui.js swaps the two containers' display when the
   view toggles (the frame opens in 2D, so 3D starts hidden via the inline
   style rendered by class-frame-configurator.php). */

/* ---- 2D elevation ---------------------------------------------------- */
/* Structural colours come from the theme tokens; the members' fill is the
   selected material's swatch colour, set inline by frame-2d.js. */

.frame-2d-svg {
    max-height: 520px;
}

.frame-2d-body {
    stroke: var(--rule-strong);
    stroke-width: 1;
}

.frame-2d-member-seam {
    fill: none;
    stroke: var(--rule);
    stroke-width: 1;
}

/* Decoration, not a control: since D45 an opening is selected on the shared
   zone editor's own elevation, inside the Layout step. */
.frame-2d-opening {
    fill: var(--paper);
    stroke: var(--rule-strong);
    stroke-width: 1;
}

/* Fronts render as solid panels — the fill is the material swatch colour,
   set inline by frame-2d.js (no fill here, or the cascade would override
   the presentation attribute); the reveal gap around each panel shows the
   opening's paper fill, which is what separates front from frame. */
.frame-2d-front {
    stroke: var(--rule-strong);
    stroke-width: 1;
    pointer-events: none;
}

.frame-2d-front-detail {
    fill: none;
    stroke: var(--ink-muted);
    stroke-width: 2;
    pointer-events: none;
}

.frame-2d-dim {
    fill: var(--ink-soft);
    font-family: inherit;
}

/* The Layout step's editor is the SHARED one (D45): its stage, hit strips,
   selection ring, step rail and popover are all core-zone-editor.css, enqueued
   by make-my-frame.php. Nothing to restyle here — and nothing to re-chrome. */