:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--font-ui:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sans:var(--font-ui);--heading:var(--font-ui);--mono:var(--font-ui);--font-size-xs:12px;--font-size-sm:13px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:24px;--font-size-2xl:36px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--space-2xs:4px;--space-xs:6px;--space-sm:8px;--space-md:10px;--space-lg:12px;--space-xl:16px;--space-2xl:20px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--text-role-panel-title-size:var(--font-size-md);--text-role-panel-title-weight:var(--font-weight-semibold);--text-role-section-title-size:var(--font-size-sm);--text-role-section-title-weight:var(--font-weight-semibold);--text-role-label-size:var(--font-size-xs);--text-role-label-weight:var(--font-weight-medium);--text-role-body-size:var(--font-size-sm);--text-role-body-weight:var(--font-weight-regular);--text-role-meta-size:var(--font-size-xs);--text-role-meta-weight:var(--font-weight-regular);font-family:var(--font-ui);font-size:var(--font-size-md);letter-spacing:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:var(--font-size-sm)}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{box-sizing:border-box;width:100%;height:100svh;margin:0}body{height:100svh;font-family:var(--font-ui);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);margin:0}h1,h2{font-family:var(--heading);font-weight:var(--font-weight-semibold);color:var(--text-h)}h1{font-size:var(--font-size-2xl);letter-spacing:0;margin:32px 0}@media (width<=1024px){h1{font-size:var(--font-size-xl);margin:20px 0}}h2{font-size:var(--font-size-xl);letter-spacing:0;margin:0 0 8px;line-height:118%}@media (width<=1024px){h2{font-size:var(--font-size-lg)}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{font-size:var(--font-size-sm);background:var(--code-bg);padding:4px 8px;line-height:135%}button,input,select,textarea{font:inherit}.app{flex-direction:column;height:100svh;line-height:1.4;display:flex}.topbar{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--space-lg);display:flex}.title img{height:1.5rem}.layout{flex:1;grid-template-columns:360px 1fr 360px;min-height:0;display:grid}.panel{border-right:1px solid var(--border);min-width:0;min-height:0;overflow:auto}.panel.right{border-right:none;border-left:1px solid var(--border)}.panel.left{flex-direction:column;display:flex;overflow:hidden}.panelSectionScroll{overflow:auto}.canvas{background:linear-gradient(#f4f3ec73,#f4f3ec73);min-width:0;min-height:0;overflow:hidden}.stageWrap{width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.stageViewport{width:100%;min-width:0;height:100%;min-height:0;overflow:auto}.stageViewport.middlePanning{cursor:grabbing;-webkit-user-select:none;user-select:none}.stageViewport.middlePanning *{cursor:grabbing!important}.stageHint{left:var(--space-lg);bottom:var(--space-lg);padding:var(--space-xs) var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);font-size:var(--text-role-meta-size);font-weight:var(--text-role-meta-weight);text-align:left;pointer-events:none;z-index:1;display:inline-block;position:absolute}