:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#f5f5f5;background:radial-gradient(circle at 10% 20%,#1f2a44,#0f1629 45%,#0a0f1a);color-scheme:light dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0a101f}a{color:#80d5ff}.app-shell{display:grid;grid-template-columns:320px 1fr 360px;gap:16px;padding:16px;height:100vh;box-sizing:border-box}.panel{background:#121a2be6;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:14px;box-shadow:0 10px 40px #00000059}.panel h2,.panel h3{margin:0 0 8px;font-weight:600}.button{width:100%;padding:10px 12px;border-radius:10px;border:none;color:#0a101f;background:linear-gradient(135deg,#66f0c9,#3db8ff);font-weight:700;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease}.button:active{transform:scale(.98)}.input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#f5f5f5}.row{display:flex;align-items:center;gap:8px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:12px;background:#ffffff14}.tag-danger{color:#ff7b7b;background:#ff7b7b14}.progress{width:100%;background:#ffffff0d;height:12px;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.progress .bar{height:100%;background:linear-gradient(90deg,#66f0c9,#3db8ff);transition:width .2s ease}.grid-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.canvas-container{position:relative;height:calc(100vh - 48px);background:#0f172a;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.canvas-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.suspicious{outline:2px solid #ff7b7b}.palette-item{display:flex;align-items:center;justify-content:space-between;padding:8px;border-radius:8px;background:#ffffff08;margin-bottom:6px;cursor:pointer;border:1px solid transparent}.palette-item.active{border-color:#66f0c9;background:#66f0c914}.palette-color{width:22px;height:22px;border-radius:6px;border:1px solid rgba(255,255,255,.1);margin-right:6px}.flex-between{display:flex;justify-content:space-between;align-items:center}.code{font-family:SFMono-Regular,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:#ffffff0d;padding:4px 6px;border-radius:6px}.accordion{border-top:1px solid rgba(255,255,255,.06);padding-top:10px;margin-top:10px}