This commit is contained in:
Your Name 2026-10-02 17:44:11 -04:00
parent edca82cd5d
commit 664252e0fc
17 changed files with 373 additions and 112 deletions

View file

@ -841,16 +841,31 @@ button.share-button:hover, button.share-button.on { filter: brightness(1.1); }
.stage-area {
flex: 1;
min-height: 0;
display: grid;
/* `safe`, because the stage zooms: a centred grid item larger than its scroll
display: flex;
flex-direction: column;
/* `safe`, because the stage zooms: a centred item larger than its scroll
container puts its top-left edge out of reach on the start side, which at
8x is most of the picture. Safe alignment falls back to start when it does
not fit, and centring is only ever about where a SMALL stage sits. */
place-items: safe center;
align-items: safe center;
justify-content: safe center;
overflow: auto;
padding: 14px;
}
.stage-target {
flex: 0 0 auto;
margin-top: -1px;
padding: 3px 9px 4px;
border: 1px solid var(--line);
border-top: 0;
border-radius: 0 0 3px 3px;
background: var(--pane);
color: var(--dim);
}
.stage-target strong { color: var(--fg); font-weight: 600; }
/* The stage sits ON the work area rather than filling it, as it does in every
tool of this shape: the picture has edges and they are part of what you are
judging. */