*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0e0e1a;color:#e0e0e0;overflow:hidden;height:100vh}#root{height:100vh}.app{display:flex;flex-direction:column;height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#16162a;border-bottom:1px solid #2a2a4a;flex-shrink:0}.header h1{font-size:1.2rem;color:#ff4500;font-weight:700}.header-info{display:flex;align-items:center;gap:12px}.status{font-size:.8rem;padding:3px 10px;border-radius:12px}.status.online{background:#00cc7833;color:#00cc78}.status.offline{background:#ff450033;color:#ff4500}.main-layout{display:flex;flex:1;overflow:hidden}.sidebar{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:8px;padding:8px;overflow-y:auto;background:#12122a}.canvas-area{flex:1;overflow:hidden;position:relative}.canvas-container{width:100%;height:100%;cursor:crosshair;position:relative}.canvas-container canvas{display:block;width:100%;height:100%}.coords-display{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#000000bf;color:#fff;padding:4px 12px;border-radius:4px;font-size:.8rem;font-family:monospace;pointer-events:none}.pixel-author{color:#aaa}.pixel-tooltip{position:fixed;transform:translate(12px,-100%);background:#0a0a1ef2;border:1px solid #3a3a6a;color:#fff;padding:6px 10px;border-radius:6px;font-size:.75rem;font-family:monospace;pointer-events:none;z-index:100;white-space:nowrap}.pixel-tooltip-user{color:#ff9040;margin-top:2px}.pixel-tooltip-time{color:#888;margin-top:2px;font-size:.65rem}.panel{background:#1a1a32;border:1px solid #2a2a4a;border-radius:8px;padding:12px}.panel h3{font-size:.8rem;text-transform:uppercase;color:#888;margin-bottom:8px;letter-spacing:.5px}.palette-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.palette-color{width:100%;aspect-ratio:1;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:transform .1s,border-color .1s}.palette-color:hover{transform:scale(1.1);border-color:#ffffff80}.palette-color.selected{border-color:#fff;transform:scale(1.15);box-shadow:0 0 8px #ffffff4d}.quota-list{display:flex;flex-direction:column;gap:8px}.quota-item{display:flex;flex-direction:column;gap:3px}.quota-label{display:flex;justify-content:space-between;font-size:.75rem;color:#aaa}.quota-bar{height:6px;background:#2a2a4a;border-radius:3px;overflow:hidden}.quota-fill{height:100%;border-radius:3px;transition:width .3s ease}.quota-reset{font-size:.65rem;color:#888;font-family:monospace}.quota-reset-limit{color:#ff4500;font-weight:600}.minimap-canvas{width:100%;border-radius:4px;cursor:pointer;image-rendering:pixelated}.history-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.history-empty{font-size:.75rem;color:#666;text-align:center;padding:12px}.history-item{display:flex;align-items:center;gap:6px;padding:3px 4px;border-radius:3px;font-size:.7rem}.history-item:hover{background:#ffffff0d}.history-color{width:10px;height:10px;border-radius:2px;flex-shrink:0}.history-coords{font-family:monospace;color:#ccc}.history-user{color:#666;margin-left:auto;font-family:monospace}.history-list::-webkit-scrollbar{width:4px}.history-list::-webkit-scrollbar-track{background:transparent}.history-list::-webkit-scrollbar-thumb{background:#2a2a4a;border-radius:2px}@media (max-width: 768px){.main-layout{flex-direction:column}.sidebar{width:100%;flex-direction:row;flex-wrap:wrap;overflow-y:visible}.sidebar .panel{flex:1;min-width:150px}.canvas-area{min-height:50vh}.right-sidebar{display:none}}