.sheet-editor{gap:1.25rem;display:grid}.sheet-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.sheet-toolbar__actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.sheet-toolbar .btn[data-active=true]{border-color:var(--accent);background:var(--accent-soft)}.sheet-workspace{gap:1.25rem;display:grid}@media (width>=1100px){.sheet-workspace{grid-template-columns:minmax(0,1fr) min(320px,34vw);align-items:start}}.sheet-viewport{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--checker-b);background-image:linear-gradient(45deg, var(--checker-a) 25%, transparent 25%), linear-gradient(-45deg, var(--checker-a) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker-a) 75%), linear-gradient(-45deg, transparent 75%, var(--checker-a) 75%);touch-action:none;height:min(70vh,640px);min-height:320px;box-shadow:var(--shadow);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;position:relative;overflow:hidden}.sheet-viewport[data-panning=true]{cursor:grabbing}.sheet-viewport__world{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.sheet-viewport__image{image-rendering:pixelated;image-rendering:crisp-edges;user-select:none;pointer-events:none;max-width:none;display:block}.sheet-viewport__hint{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-raised) 92%, transparent);font-family:var(--font-mono);color:var(--ink-muted);pointer-events:none;border-radius:4px;margin:0;padding:.3rem .55rem;font-size:.72rem;position:absolute;bottom:.75rem;left:.75rem}.sheet-overlay{pointer-events:none;position:absolute;inset:0}.sheet-quad{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--accent) 70%, transparent);background:color-mix(in srgb, var(--accent) 14%, transparent);position:absolute}.sheet-quad--selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 22%, transparent);outline:1px solid color-mix(in srgb, var(--ink) 35%, transparent)}.sheet-quad--preview{border-color:color-mix(in srgb, var(--engine-raylib) 75%, transparent);background:color-mix(in srgb, var(--engine-raylib) 14%, transparent)}.sheet-quad--draft{border-color:color-mix(in srgb, var(--accent-hot) 80%, transparent);background:color-mix(in srgb, var(--accent-hot) 14%, transparent)}.sheet-quad__label{transform:translateY(-100%) scale(calc(1 / var(--sheet-zoom,1)));transform-origin:0 100%;font-family:var(--font-mono);white-space:nowrap;color:var(--ink);background:color-mix(in srgb, var(--surface-raised) 94%, transparent);border:1px solid var(--border);pointer-events:none;padding:0 .25rem;font-size:10px;line-height:1.3;position:absolute;top:0;left:0}.sheet-quad__pivot{background:var(--accent-hot);border:1px solid var(--ink);width:6px;height:6px;transform:scale(calc(1 / var(--sheet-zoom,1)));pointer-events:none;border-radius:50%;margin:-3px 0 0 -3px;position:absolute}.sheet-handle{background:var(--ink);border:1px solid var(--accent);width:7px;height:7px;transform:scale(calc(1 / var(--sheet-zoom,1)));pointer-events:none;margin:-3.5px 0 0 -3.5px;position:absolute}.sheet-handle--nw{top:0;left:0}.sheet-handle--ne{top:0;left:100%}.sheet-handle--sw{top:100%;left:0}.sheet-handle--se{top:100%;left:100%}.sheet-handle--n{top:0;left:50%}.sheet-handle--s{top:100%;left:50%}.sheet-handle--w{top:50%;left:0}.sheet-handle--e{top:50%;left:100%}.sheet-side{gap:1rem;max-height:min(70vh,640px);display:grid;overflow:auto}.sheet-zoom-label{font-family:var(--font-mono);color:var(--ink-muted);font-size:.82rem}.sheet-form{gap:.55rem;display:grid}.sheet-form label{gap:.25rem;font-size:.85rem;display:grid}.sheet-form input,.sheet-form select{box-sizing:border-box;width:100%}.sheet-check{align-items:center;gap:.45rem;grid-template-columns:none!important;display:flex!important}.sheet-check input{width:auto}.sheet-subhead{margin:.4rem 0 0;font-size:.95rem}.sheet-name-btn{text-align:left;border:1px solid var(--border);background:var(--surface-raised);border-radius:var(--radius);cursor:pointer;width:100%;font:inherit;color:inherit;align-items:center;gap:.35rem;padding:.35rem .5rem;display:inline-flex}.sheet-name-btn--active{border-color:var(--accent);background:var(--accent-soft)}.sheet-pivot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;display:grid}.sheet-pivot-grid .btn{padding:.3rem .25rem;font-size:.72rem}.sheet-sprite-list,.sheet-anim-list,.sheet-frame-order,.sheet-issues{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.sheet-anim-list__head{align-items:center;gap:.35rem;display:flex}.sheet-frame-order li{justify-content:space-between;align-items:center;gap:.35rem;font-size:.85rem;display:flex}.sheet-issues{color:var(--error);font-size:.85rem}.sheet-anim-preview{justify-items:start;gap:.35rem;margin-top:.75rem;display:grid}.sheet-anim-preview__canvas{image-rendering:pixelated;image-rendering:crisp-edges;border:1px solid var(--border);background:var(--checker-b);max-width:100%}.sheet-uvs{font-family:var(--font-mono);word-break:break-all;font-size:.72rem}.sheet-key-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.sheet-key-swatch{border:1px solid var(--border);border-radius:4px;flex:none;width:1.5rem;height:1.5rem}
