:root,html.chakra-ui-light,body.chakra-ui-light{--app-bg:radial-gradient(circle at 8% 8%, #14b8a61f, transparent 28%), radial-gradient(circle at 90% 4%, #f59e0b1a, transparent 22%), linear-gradient(180deg, #eef5f8 0%, #f7f4ec 100%);--page-bg:radial-gradient(circle at 12% 14%, #14b8a62e, transparent 30%), radial-gradient(circle at 82% 16%, #f59e0b29, transparent 24%), linear-gradient(180deg, #eef5f8 0%, #f7f4ec 100%);--graph-page-bg:radial-gradient(circle at 12% 8%, #14b8a633, transparent 28%), radial-gradient(circle at 92% 12%, #f59e0b24, transparent 24%), linear-gradient(135deg, #f8fbf7 0%, #eaf2f5 52%, #dfe9ef 100%);--grid-page-bg:radial-gradient(circle at 14% 16%, #2563eb21, transparent 28%), radial-gradient(circle at 86% 12%, #14b8a624, transparent 24%), linear-gradient(180deg, #eef5f8 0%, #f7f4ec 100%);--nav-bg:linear-gradient(180deg, #eef5f8eb, #eef5f894 70%, transparent);--panel-bg:linear-gradient(135deg, #fffdf7f5, #f1f8f6e6);--panel-bg-vertical:linear-gradient(180deg, #fffdf7f5, #f6faf7eb);--panel-bg-cool:linear-gradient(180deg, #f8fbfff5, #f1f6fdf0);--panel-glass:#fffdf7d6;--control-bg:#ffffffad;--control-bg-strong:#ffffffd1;--control-hover:#fffffff0;--text-main:#0f172a;--text-soft:#52627a;--text-muted:#64748b;--text-control:#102a43;--border-soft:#0f172a1f;--border-subtle:#0f172a14;--shadow-panel:0 24px 70px #0f172a21, inset 0 1px 0 #ffffffdb;--shadow-soft:0 22px 60px #0f172a1f, inset 0 1px 0 #ffffffdb;--canvas-blank-bg:linear-gradient(180deg, #fffefa 0%, #f5faf8 100%);--canvas-grid-bg:linear-gradient(180deg, #f8fbff 0%, #f1f6fd 100%);--canvas-grid-line:#0e749012;--code-bg:#0f172a;--code-text:#e6fffb}html.chakra-ui-dark,body.chakra-ui-dark{--app-bg:radial-gradient(circle at 8% 8%, #14b8a624, transparent 28%), radial-gradient(circle at 90% 4%, #f59e0b17, transparent 22%), linear-gradient(180deg, #061314 0%, #0c171c 52%, #111827 100%);--page-bg:radial-gradient(circle at 12% 14%, #14b8a621, transparent 30%), radial-gradient(circle at 82% 16%, #f59e0b1a, transparent 24%), linear-gradient(180deg, #061314 0%, #0c171c 52%, #111827 100%);--graph-page-bg:radial-gradient(circle at 12% 8%, #14b8a624, transparent 28%), radial-gradient(circle at 92% 12%, #f59e0b1a, transparent 24%), linear-gradient(135deg, #061314 0%, #0b1a20 52%, #111827 100%);--grid-page-bg:radial-gradient(circle at 14% 16%, #2563eb24, transparent 28%), radial-gradient(circle at 86% 12%, #14b8a61f, transparent 24%), linear-gradient(180deg, #061314 0%, #0c171c 52%, #111827 100%);--nav-bg:linear-gradient(180deg, #061314f0, #0613149e 70%, transparent);--panel-bg:linear-gradient(135deg, #0a1c1ef5, #0d1f25e8);--panel-bg-vertical:linear-gradient(180deg, #0a1c1ef5, #0e2023eb);--panel-bg-cool:linear-gradient(180deg, #091820f5, #0f1f2cf0);--panel-glass:#0a1c1ed6;--control-bg:#0f262ab8;--control-bg-strong:#133034db;--control-hover:#1a3a3ef5;--text-main:#e6fffb;--text-soft:#a7c7c2;--text-muted:#8aa5a0;--text-control:#dffcf7;--border-soft:#94a3b833;--border-subtle:#94a3b824;--shadow-panel:0 24px 70px #00000057, inset 0 1px 0 #ffffff0f;--shadow-soft:0 22px 60px #0000004d, inset 0 1px 0 #ffffff0f;--canvas-blank-bg:linear-gradient(180deg, #07181d 0%, #0d1f2b 100%);--canvas-grid-bg:linear-gradient(180deg, #091820 0%, #0f1f2c 100%);--canvas-grid-line:#5eead41a;--code-bg:#020617;--code-text:#ccfbf1}.root-shell{min-height:100vh}html{background:#eef5f8}body{background:var(--app-bg);min-width:320px;color:var(--text-main);margin:0}.stage-container{border:0 solid #0000}.code-full-width code{width:100%}.shape{color:"red"}