body{color:#fff;background-color:#0a0a0a;height:100vh;margin:0;padding:0;font-family:monospace;display:flex;overflow:hidden}.left-panel{background:radial-gradient(circle,#111 0%,#000 100%);flex:1;justify-content:center;align-items:center;display:flex;position:relative}canvas{cursor:crosshair;image-rendering:pixelated;background-color:#0a0a0a;border:1px solid #333;width:800px;max-width:95vh;height:800px;max-height:95vh;box-shadow:0 0 50px #00ff880d}.tooltip{pointer-events:none;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#ccc;background:#0a0a0af2;border:1px solid #333;padding:12px;font-size:12px;display:none;position:absolute;box-shadow:0 4px 15px #00000080}.tooltip strong{color:#fff;font-size:14px}.text-green{color:#0f8}.text-red{color:#f44}.right-panel{background:#0f0f0ff2;border-left:1px solid #333;flex-direction:column;width:380px;display:flex;overflow-y:auto;box-shadow:-10px 0 30px #00000080}.header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:20px;font-size:18px;font-weight:700;display:flex}.badge-base{color:#fff;vertical-align:middle;background:#0052ff;border-radius:4px;margin-left:8px;padding:3px 8px;font-size:11px}.btn{color:#fff;cursor:pointer;text-transform:uppercase;background:0 0;border:2px solid #555;padding:10px 15px;font-family:monospace;font-size:12px;transition:all .2s}.btn:hover{background:#222}.btn.mint{color:#0f8;border-color:#0f8;font-size:14px;font-weight:700}.btn.mint:hover{background:#00ff881a}.btn.takeover{color:#f44;border-color:#f44;font-size:14px;font-weight:700}.btn.takeover:hover{background:#ff44441a}.section{border-bottom:1px solid #333;padding:20px}.section h3{color:#888;letter-spacing:1px;margin:0 0 15px;font-size:14px}.info-row{color:#ccc;margin-bottom:10px;font-size:13px}.info-row span{color:#fff;float:right}.swatch{vertical-align:middle;border:1px solid #555;border-radius:2px;width:20px;height:20px;display:inline-block}.slider-group{align-items:center;margin-bottom:12px;display:flex}.slider-group label{width:15px;font-weight:700}input[type=range]{-webkit-appearance:none;background:#222;border-radius:2px;outline:none;flex:1;height:4px;margin:0 15px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;border-radius:50%;width:14px;height:14px}#rngR::-webkit-slider-thumb{background:#f44}#rngG::-webkit-slider-thumb{background:#0f8}#rngB::-webkit-slider-thumb{background:#44f}#loader{color:#0f8;z-index:100;background:#0a0a0ae6;flex-direction:column;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;inset:0}@media (width<=768px){body{flex-direction:column;height:auto;overflow-y:auto}.left-panel{background:#000;height:55vh;min-height:420px;padding:10px}canvas{width:100%;max-width:95vw;height:auto;max-height:95vw}.right-panel{border-top:1px solid #333;border-left:none;width:100%;height:auto;overflow-y:visible;box-shadow:0 -10px 30px #00000080}.header,.section{padding:15px 20px}}