*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{margin:0;padding:0;overflow-x:hidden;min-height:100vh}#root{width:100%;min-height:100vh}button{font-family:inherit;transition:all .2s ease}button:disabled{opacity:.6;cursor:not-allowed}input[type=range]{cursor:pointer;accent-color:#3b82f6}code{background:#ffffff1a;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.app-container{width:100vw;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);padding:12px;box-sizing:border-box;overflow-x:hidden}.app-content{max-width:1380px;width:100%;margin:0 auto;background:#1e293b;border-radius:16px;box-shadow:0 20px 25px -5px #00000080;padding:16px;border:1px solid #334155;box-sizing:border-box}.app-title{font-size:clamp(20px,5vw,28px);font-weight:700;color:#f1f5f9;margin-bottom:8px;margin-top:0}.app-subtitle{color:#94a3b8;margin-bottom:20px;font-size:clamp(13px,2.5vw,15px)}.canvas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}.canvas-container{background:#0f172a;padding:16px;border-radius:12px;border:1px solid #334155;text-align:center}.canvas-title{color:#cbd5e1;font-size:clamp(14px,3vw,16px);font-weight:600;margin-bottom:12px}.canvas-wrapper{width:100%;display:flex;justify-content:center}.canvas-info{color:#64748b;font-size:clamp(11px,2vw,13px);margin-top:12px}