.sprite-reference-entry{display:flex;align-items:center;gap:10px;width:100%;height:40px;padding:6px 9px;border:0;border-radius:6px;background:transparent;color:var(--text);text-align:left;font:inherit;font-size:12px}.sprite-reference-entry svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sprite-reference-entry.on{background:var(--hair)}#spriteReferenceWindow{position:fixed;z-index:58;display:none;flex-direction:column;overflow:hidden;box-sizing:border-box;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--text);box-shadow:var(--shadow);font-family:inherit;font-size:12px;touch-action:none;user-select:none;-webkit-user-select:none}#spriteReferenceWindow.show{display:flex}#spriteReferenceWindow button{min-width:0;min-height:0;flex-shrink:0;box-sizing:border-box;padding:6px;border:0;border-radius:5px;background:transparent;color:var(--soft);font:inherit;cursor:pointer;touch-action:none}#spriteReferenceWindow button:disabled{opacity:.3;cursor:default}#spriteReferenceWindow button:focus-visible,#spriteReferenceViewport:focus-visible{outline:2px solid var(--sel);outline-offset:-2px}#spriteReferenceWindow button svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#spriteReferenceWindow [hidden]{display:none!important}.sprite-reference-head{display:flex;align-items:center;gap:8px;flex:none;height:38px;padding:2px 5px 2px 12px;border-bottom:1px solid var(--hair);cursor:grab;touch-action:none}.sprite-reference-head:active{cursor:grabbing}.sprite-reference-head>span{font-weight:500}.sprite-reference-head>small{margin-right:auto;font-size:10px;color:var(--faint)}.sprite-reference-head button{width:30px;height:30px}#spriteReferenceModes{display:flex;flex:none;gap:4px;padding:4px 8px;border-bottom:1px solid var(--hair)}#spriteReferenceModes button{flex:1;height:27px;padding:3px 9px;font-size:11px}#spriteReferenceModes button[aria-pressed=true]{background:var(--hair);color:var(--text)}.sprite-reference-toolbar{display:flex;align-items:center;gap:3px;flex:none;height:36px;padding:2px 7px;border-bottom:1px solid var(--hair)}.sprite-reference-toolbar button{width:30px;height:30px}.sprite-reference-toolbar output{flex:1;text-align:center;font:10px ui-monospace,monospace;color:var(--faint);font-variant-numeric:tabular-nums}.sprite-reference-toolbar button[aria-pressed=true]{color:var(--text);background:var(--hair)}#spriteReferenceViewport{position:relative;flex:1;min-height:48px;overflow:hidden;outline:none;background-color:var(--bg);background-image:radial-gradient(var(--line) .8px,transparent .8px);background-size:16px 16px;touch-action:none;cursor:grab;isolation:isolate}#spriteReferenceViewport:active{cursor:grabbing}#spriteReferenceViewport.picking,#spriteReferenceViewport.picking .sprite-reference-image{cursor:crosshair}#spriteReferenceViewport.picking .sprite-reference-corner{display:none!important}#spriteReferenceWorld{position:absolute;left:0;top:0;width:0;height:0;transform-origin:0 0;will-change:transform}#spriteReferenceCanvasWorld{position:absolute;left:0;top:0;width:0;height:0;transform-origin:0 0;will-change:transform}#spriteReferenceCanvas{display:block;position:static;max-width:none;max-height:none;border:0;border-radius:0;box-shadow:none;pointer-events:none;image-rendering:pixelated;background-color:#fafafa;background-image:conic-gradient(#e1e1e1 25%,transparent 0 50%,#e1e1e1 0 75%,transparent 0);background-size:16px 16px}.sprite-reference-image{position:absolute;box-sizing:border-box;touch-action:none;cursor:move}.sprite-reference-image>img{display:block;width:100%;height:100%;pointer-events:none;user-select:none;-webkit-user-drag:none}.sprite-reference-image.selected{outline:var(--reference-line,1px) solid var(--text);outline-offset:var(--reference-line,1px)}.sprite-reference-image.image-error{background:repeating-linear-gradient(45deg,var(--hair) 0 8px,var(--paper) 8px 16px)}#spriteReferenceWindow .sprite-reference-corner{display:none;position:absolute;z-index:1;width:var(--reference-handle,14px);height:var(--reference-handle,14px);padding:0;border:var(--reference-line,1px) solid var(--soft);border-radius:0;background:var(--paper);transform:translate(-50%,-50%)}#spriteReferenceWindow .selected .sprite-reference-corner{display:block}.sprite-reference-corner[data-reference-corner=nw]{left:0;top:0;cursor:nwse-resize}.sprite-reference-corner[data-reference-corner=ne]{left:100%;top:0;cursor:nesw-resize}.sprite-reference-corner[data-reference-corner=sw]{left:0;top:100%;cursor:nesw-resize}.sprite-reference-corner[data-reference-corner=se]{left:100%;top:100%;cursor:nwse-resize}#spriteReferenceWindow .sprite-reference-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid var(--line);background:var(--paper);white-space:nowrap}#spriteReferenceThumbs{display:flex;align-items:center;gap:6px;flex:none;height:53px;padding:5px 8px;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;border-top:1px solid var(--hair);overscroll-behavior:contain;touch-action:none}#spriteReferenceThumbs button{width:40px;height:40px;padding:2px;border:1px solid transparent;border-radius:4px}#spriteReferenceThumbs button[aria-pressed=true]{border-color:var(--text);background:var(--hair)}#spriteReferenceThumbs button.is-hidden{opacity:.35}#spriteReferenceThumbs img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.sprite-reference-foot{flex:none;display:flex;align-items:center;gap:5px;min-height:18px;padding:1px 22px 2px 8px;box-sizing:border-box;font-size:10px;color:var(--faint)}#spriteReferenceStatus{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#spriteReferenceStatus.error{color:#a94738}#spriteReferenceWindow #spriteReferenceRetry{padding:0 3px;color:var(--text);white-space:nowrap;font-size:10px}#spriteReferenceWindow #spriteReferenceResize{position:absolute;right:0;bottom:0;width:22px;height:22px;padding:3px;color:var(--faint);cursor:nwse-resize}#spriteReferenceConfirm{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg) 75%,transparent);padding:12px}#spriteReferenceConfirm>div{width:100%;max-width:260px;padding:14px;border:1px solid var(--line);border-radius:7px;background:var(--paper);box-shadow:var(--shadow)}#spriteReferenceConfirm p{margin:0 0 14px;line-height:1.5;overflow-wrap:anywhere}#spriteReferenceConfirm>div>div{display:flex;justify-content:flex-end;gap:8px}#spriteReferenceConfirm button{min-width:56px;height:32px;background:var(--hair)}#spriteReferenceConfirm #spriteReferenceDeleteConfirm{color:#a94738}@media(hover:hover)and (pointer:fine){#spriteReferenceWindow button:not(:disabled):hover{background:var(--hair)}}@media(max-width:600px){.sprite-reference-head{height:36px}.sprite-reference-toolbar{height:34px}#spriteReferenceThumbs{height:49px}#spriteReferenceThumbs button{width:36px;height:36px}}#spriteReferenceBoard{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}#spriteReferencePick{display:none}#spriteReferenceCanvas{image-rendering:pixelated;image-rendering:crisp-edges}.sprite-reference-window.docked{position:static!important;left:auto!important;top:auto!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;transform:none!important;display:flex!important;flex-direction:column;box-sizing:border-box}.sprite-reference-window.docked>.sprite-reference-head{display:none!important}.sprite-reference-window.docked>#spriteReferenceResize{display:none!important}