@tailwind base;@tailwind components;@tailwind utilities;@layer base{body,html{height:100%;margin:0;font-family:sans-serif;background-color:#1a1a1a;color:#fff}}#wrapper{display:flex;flex-direction:column;height:100%}#main{flex-grow:1;position:relative;height:calc(100% - 70px)}.panel{display:none;height:100%}.panel.active{display:block}.image-container{display:flex;justify-content:center;align-items:center;height:100%;width:100%;box-sizing:border-box;min-height:0;position:relative;overflow:hidden;margin:0;padding:0}.main-image{max-width:100%;max-height:100%;object-fit:contain}.bounding-box-original{border:3px solid #0f0;background-color:rgba(0,255,0,.2);box-shadow:0 0 5px rgba(0,0,0,.5);position:absolute;transition:none}.box-label-inside{position:absolute;top:2px;left:2px;color:#fff;background-color:rgba(0,0,0,.9);font-size:12px;line-height:1.2;padding:2px 5px;pointer-events:none;border-radius:2px;font-weight:700;white-space:nowrap;max-width:calc(100% - 8px);overflow:hidden;text-overflow:ellipsis;border:1px solid hsla(0,0%,100%,.3);box-shadow:0 1px 3px rgba(0,0,0,.5)}.box-info-inside{top:2px;right:2px}.box-info-inside,.box-position-inside{position:absolute;color:#fff;background-color:rgba(0,0,0,.9);font-size:10px;line-height:1.2;padding:2px 4px;pointer-events:none;border-radius:2px;font-weight:700;white-space:nowrap;border:1px solid hsla(0,0%,100%,.3);box-shadow:0 1px 3px rgba(0,0,0,.5);font-family:Monaco,Courier New,monospace}.box-position-inside{bottom:2px;left:2px}.resize-handle-ui{width:12px;height:12px;background-color:#fff;border:2px solid #0f0;z-index:100;border-radius:2px;box-shadow:0 0 3px rgba(0,0,0,.5)}#toolbar{display:flex;justify-content:space-between;align-items:center;padding:1em;background-color:#333;box-shadow:0 -2px 5px rgba(0,0,0,.3)}#toolbar .button{margin:0 5px;padding:10px 15px;background-color:#555;border:none;color:#fff;cursor:pointer;border-radius:5px;font-family:sans-serif}#toolbar .button:hover{background-color:#777}#toolbar input[type=text]{padding:10px;border-radius:5px;border:1px solid #ccc}#image-dimensions{margin-left:1em;color:#fff;font-size:14px}.count-header{font-size:1.5em;margin:0;color:#fff}.left-controls{display:flex;align-items:center;gap:1em}.center-controls,.right-controls{display:flex;align-items:center;gap:.5em}#rank-container{padding:2em;box-sizing:border-box;overflow-y:auto;color:#fff}#rank-container h1{color:#fff}.tbl-header{background-color:hsla(0,0%,100%,.1)}.tbl-content{margin-top:0;border:1px solid hsla(0,0%,100%,.1);max-height:400px;overflow-y:auto}table{width:100%;border-collapse:collapse}td,th{padding:15px;text-align:left;color:#fff}th{font-weight:500;text-transform:uppercase}td{border-bottom:1px solid hsla(0,0%,100%,.1)}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.image-canvas{position:relative;display:inline-block;margin:0;padding:0;line-height:0}.image-canvas img{display:block;margin:0;padding:0;border:none;outline:none}@media screen and (max-width:768px){#toolbar{flex-direction:column}#toolbar>div{margin-bottom:1em}}