:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;background:radial-gradient(circle at 10% 20%,#111927,#0b0f1a 35%,#06080f 70%,#03050a);color:#f6f8ff;min-height:100vh}body{margin:0}*{box-sizing:border-box}.app-shell{display:grid;grid-template-columns:280px 1fr;grid-template-rows:auto 1fr;min-height:100vh}.sidebar{background:linear-gradient(160deg,#1d3755e6,#111827e6);border-right:1px solid rgba(255,255,255,.08);padding:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.main{display:flex;flex-direction:column;align-items:center;padding:12px;gap:12px}.toolbar-section{margin-bottom:12px;padding:10px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.04)}.toolbar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}button,select,input[type=range],input[type=number]{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:inherit;font-weight:600}button.active{background:linear-gradient(120deg,#4cc9f0,#4361ee);border-color:#4361ee80;color:#0b1020}label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#cdd5ff}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}.stat-card{padding:8px 10px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font-size:13px}.canvas-frame{background:#0c1220;border-radius:16px;padding:12px;box-shadow:0 15px 40px #00000073;border:1px solid rgba(255,255,255,.05)}canvas{display:block;image-rendering:pixelated;border-radius:10px;background:#020510}.controls-row{display:flex;gap:8px;margin-top:10px}.small{font-size:12px;opacity:.8}