.site-canvas{flex-direction:column;gap:1rem;min-width:0;display:flex}.site-canvas__toolbar{flex-wrap:wrap;align-items:flex-end;gap:.75rem 1rem;display:flex}.site-canvas__toolbar-block{flex-direction:column;gap:.35rem;min-width:0;display:flex}.site-canvas__toolbar-block--grow{flex:12rem}.site-canvas__label{letter-spacing:.04em;text-transform:uppercase;color:var(--atelier-muted);font-size:.72rem;font-weight:600}.site-canvas__search{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex;position:relative}.site-canvas__search-input{border:1px solid color-mix(in srgb, var(--atelier-border) 55%, transparent);border-radius:var(--atelier-radius);background:var(--atelier-surface);min-width:0;height:2rem;color:var(--atelier-ink);font:inherit;flex:10rem;padding:.2rem .65rem;font-size:.875rem;line-height:1.25}.site-canvas__search-input::placeholder{color:var(--atelier-muted)}.site-canvas__search-input:focus-visible{outline:1px solid var(--atelier-ink);outline-offset:0;border-color:var(--atelier-ink)}.site-canvas__search-results{z-index:20;border:1px solid color-mix(in srgb, var(--atelier-border) 55%, transparent);border-radius:var(--atelier-radius);background:var(--atelier-surface);max-height:min(12rem,40dvh);box-shadow:0 8px 24px color-mix(in srgb, var(--atelier-ink) 12%, transparent);flex-direction:column;gap:.25rem;padding:.35rem;display:flex;position:absolute;top:calc(100% + .35rem);left:0;right:0}.site-canvas__search-empty{color:var(--atelier-muted);margin:0;padding:.35rem .5rem;font-size:.85rem}.site-canvas__search-hit{border-radius:calc(var(--atelier-radius) * .85);width:100%;color:var(--atelier-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto 1fr;align-items:baseline;gap:.35rem .65rem;padding:.4rem .5rem;display:grid}.site-canvas__search-hit:hover,.site-canvas__search-hit.is-active{background:color-mix(in srgb, var(--atelier-accent) 12%, var(--atelier-surface))}.site-canvas__search-hit-coord{font-variant-numeric:tabular-nums;color:var(--atelier-muted);font-size:.75rem}.site-canvas__search-hit-label{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.site-canvas__zoom{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.site-canvas__zoom-level{font-variant-numeric:tabular-nums;text-align:center;min-width:3rem;color:var(--atelier-muted);font-size:.85rem}.site-canvas__stats{font-variant-numeric:tabular-nums;margin:0;font-size:.95rem}.site-canvas__stats-muted{color:var(--atelier-muted);font-weight:400}.site-canvas__hint{color:var(--atelier-muted);margin:0;font-size:.85rem}.site-canvas__board{min-width:0}.site-canvas__scrollport{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:1px solid color-mix(in srgb, var(--atelier-border) 55%, transparent);border-radius:var(--atelier-radius-lg);background:color-mix(in srgb, var(--atelier-ink) 4%, var(--atelier-surface));scrollbar-gutter:stable;height:clamp(280px,58vh,680px);position:relative;overflow:auto}.site-canvas__scrollport::-webkit-scrollbar{width:8px;height:8px}.site-canvas__scrollport::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--atelier-ink) 22%, transparent);border-radius:999px}.site-canvas__scrollport::-webkit-scrollbar-track{background:0 0}.site-canvas__stage{cursor:crosshair;touch-action:pan-x pan-y;box-sizing:border-box;background-color:color-mix(in srgb, var(--atelier-muted) 18%, var(--atelier-surface));background-image:linear-gradient(to right, color-mix(in srgb, var(--atelier-ink) 8%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--atelier-ink) 8%, transparent) 1px, transparent 1px);background-size:calc(100% / var(--canvas-cols,128)) calc(100% / var(--canvas-rows,60));flex-shrink:0;margin:0 auto;padding:0;display:block;position:relative;overflow:hidden}.site-canvas__stage.is-loading{cursor:wait}.site-canvas__cell,.site-canvas__selection,.site-canvas__search-focus{box-sizing:border-box;margin:0;padding:0;position:absolute}.site-canvas__cell{pointer-events:none;z-index:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.site-canvas__cell-label{box-sizing:border-box;text-align:center;width:100%;max-width:100%;max-height:100%;color:var(--atelier-ink);letter-spacing:-.02em;white-space:normal;word-break:break-word;overflow-wrap:anywhere;text-shadow:0 0 1px color-mix(in srgb, var(--atelier-surface) 80%, transparent);margin:0 auto;padding:0 2px;font-family:ui-monospace,Courier New,monospace;font-weight:700;line-height:1.12;display:block}.site-canvas__cell-label--compact{white-space:nowrap;word-break:normal;overflow-wrap:normal}.site-canvas__cell img{object-fit:fill;image-rendering:pixelated;display:block;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important}.site-canvas__selection{background:color-mix(in srgb, var(--atelier-accent) 22%, transparent);outline:2px solid var(--atelier-accent);outline-offset:-2px;pointer-events:none;z-index:2}.site-canvas__search-focus{background:color-mix(in srgb, var(--atelier-accent) 15%, transparent);outline:2px dashed var(--atelier-accent);outline-offset:-2px;pointer-events:none;z-index:2}.site-canvas__cell--search-match{outline:2px solid var(--atelier-accent);outline-offset:-2px;z-index:3}.site-canvas__form{gap:.85rem;display:grid}.site-canvas__file{gap:.35rem;font-size:.9rem;display:grid}.site-canvas__file input[type=file]{color:var(--atelier-ink);font-size:.85rem}@media (max-width:640px){.site-canvas__toolbar{flex-direction:column;align-items:stretch}.site-canvas__zoom{justify-content:flex-start}}