.fill-view{display:grid;gap:var(--s-5);margin-top:var(--s-5)}.fill-view[hidden]{display:none}@media(min-width:64rem){.fill-view{grid-template-columns:minmax(0,1fr) 23rem;align-items:start}}.fill-stage-wrap{display:grid;gap:var(--s-3);justify-items:center;padding:var(--s-4);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--sunken)}.fill-stage{position:relative;width:100%;max-width:34rem;aspect-ratio:.707;border-radius:var(--r-sm);box-shadow:var(--shadow-2);touch-action:none;cursor:crosshair}.fill-page,.fill-page canvas{display:block;width:100%;height:100%}.fill-page canvas{object-fit:contain;background:#fff;border-radius:var(--r-sm)}.fill-blank{display:grid;place-items:center;height:100%;padding:var(--s-4);background:var(--raised);color:var(--muted);font-size:var(--fs-14);text-align:center}.fill-overlay{position:absolute;inset:0}.fill-note{position:absolute;display:flex;align-items:center;min-width:.75rem;padding:0;border:1px dashed var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);color:#111;cursor:move;overflow:visible;white-space:nowrap}.fill-note.is-selected{border-style:solid;box-shadow:0 0 0 2px var(--accent-soft)}.fill-note:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.fill-note-svg{width:100%;height:100%}.fill-nav{display:flex;align-items:center;gap:var(--s-2)}.fill-page-label{color:var(--muted);font-size:var(--fs-12)}.fill-panel{display:grid;gap:var(--s-5);padding:var(--s-4);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface)}.fill-section{display:grid;gap:var(--s-3)}.fill-heading{margin:0;font-size:var(--fs-14);font-weight:600;letter-spacing:.01em}.fill-fields{display:grid;gap:var(--s-3);max-height:26rem;overflow-y:auto}.fill-field{gap:var(--s-1)}.fill-field .input:disabled{opacity:.6;cursor:not-allowed}.fill-field select[multiple]{min-height:6rem}.fill-check{display:flex;align-items:flex-start;gap:var(--s-2);min-height:var(--target);color:var(--text);font-size:var(--fs-14);cursor:pointer}.fill-check input{margin-top:.2rem;width:1rem;height:1rem;accent-color:var(--accent)}.fill-notes{display:grid;gap:var(--s-2)}.fill-note-row{display:grid;grid-template-columns:minmax(0,1fr) 4.5rem auto auto;gap:var(--s-2);align-items:center}.fill-size{min-height:2.5rem;font-size:var(--fs-12);text-align:right}.fill-note-page{color:var(--muted);font-size:var(--fs-12)}.fill-note-actions{display:flex}.fill-panel .field-hint.is-bad{color:var(--danger)}@media(prefers-reduced-motion:reduce){.fill-note{transition:none}}