body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f0f0f0;font-family:sans-serif;margin:0;min-height:100vh;overscroll-behavior:none}#root,body{display:flex}#root{flex-grow:1}.app-container{display:flex;height:100vh;overflow:hidden;width:100%}.sidebar{background-color:#333;box-sizing:border-box;color:#fff;flex-shrink:0;height:100%;overflow-y:auto;padding:20px;transition:transform .3s ease-in-out;width:250px;z-index:1000}.sidebar.closed{transform:translateX(-100%)}.sidebar h3{border-bottom:1px solid #555;margin-top:0;padding-bottom:10px}.sidebar ul{list-style-type:none;padding:0}.sidebar li{border-bottom:1px solid #444;cursor:pointer;overflow:hidden;padding:10px 5px;text-overflow:ellipsis;white-space:nowrap}.sidebar li:hover{background-color:#555}.sidebar li.active{background-color:#007bff;font-weight:700}.main-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;height:100%;overflow-y:auto;padding:15px;position:relative;transition:margin-left .3s ease-in-out}.controls{display:flex;justify-content:flex-start;margin-bottom:15px;max-width:800px;width:100%}.controls button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;padding:8px 12px}.controls button:hover{background-color:#0056b3}.image-display-container{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;display:flex;justify-content:center;margin:0 auto;max-width:700px;min-height:200px;padding:5px;position:relative;width:100%}.theme-image{border-radius:4px;display:block;height:auto;max-width:100%;object-fit:contain}.overlay-grid-cell{-webkit-tap-highlight-color:transparent;cursor:pointer}.overlay-grid-cell:hover{background-color:#ffffff26}@media (max-width:768px){.sidebar{left:0;position:fixed;top:0;transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar.closed{transform:translateX(-100%)}.image-display-container{max-width:95%;padding:3px}.controls button{font-size:.85em;padding:6px 10px}}@media (max-width:480px){.main-content{padding:10px}.controls{margin-bottom:10px}.image-display-container{border-radius:4px;box-shadow:none;max-width:100%;min-height:150px;padding:0}.theme-image{border-radius:0}}
/*# sourceMappingURL=main.e4102e05.css.map*/