*{margin:0;padding:0;box-sizing:border-box}body{background:#1a1a2e;font-family:sans-serif;color:#e0e0e0}#header{text-align:center;padding:10px 0;background:#12122a;border-bottom:1px solid #333}#header h1{font-size:18px;margin-bottom:8px}.controls{display:flex;gap:10px;justify-content:center;align-items:center;padding:8px}.status{text-align:center;font-size:14px;color:#888;padding:4px}.version{text-align:center;font-size:12px;color:#6a6;padding:2px}#canvas-container{display:flex;flex-direction:column;align-items:center;overflow-y:auto;height:calc(100vh - 100px);scroll-snap-type:y mandatory}#canvas-container canvas[data-canvas-index]{display:block;border:none;background-color:transparent;scroll-snap-align:start;margin:0}.bee-canvas-thumbnail{display:block;background:transparent}.bee-range-thumbnail-preview{width:100%;padding:16px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:12px}.bee-range-thumbnail-guide{border:1px dashed rgba(100,160,255,.3);background:#1e1e23;box-sizing:border-box}.bee-range-thumbnail-frame{flex:0 0 auto;max-width:100%;background:#101018;overflow:hidden}.bee-range-thumbnail-image{display:block;width:inherit;height:inherit;max-width:100%;object-fit:fill}.canvas-label{text-align:center;font-size:12px;color:#666;padding:4px 0}button,input[type=file]{padding:6px 14px;background:#2a2a4e;color:#e0e0e0;border:1px solid #444;border-radius:4px;cursor:pointer;font-size:13px}button:hover{background:#3a3a6e}button:disabled{opacity:.5;cursor:not-allowed}