:root{--color-primary-50:#f0f4ff;--color-primary-100:#e0e7ff;--color-primary-200:#c7d2fe;--color-primary-300:#a5b4fc;--color-primary-400:#818cf8;--color-primary-500:#6366f1;--color-primary-600:#4f46e5;--color-primary-700:#4338ca;--color-primary-800:#3730a3;--color-primary-900:#312e81;--color-accent-pink:#f5d0e6;--color-accent-green:#c8e6c9;--color-accent-blue:#bbdefb;--color-accent-lavender:#e1bee7;--color-bg-primary:#faf9f6;--color-bg-secondary:#f5f5f0;--color-bg-tertiary:#edece6;--color-bg-surface:#fff;--color-text-primary:#2d2d2d;--color-text-secondary:#5a5a5a;--color-text-tertiary:#8a8a8a;--color-text-muted:#a8a8a8;--color-border-light:#e8e6e1;--color-border-medium:#d4d2cd;--color-border-dark:#c0bdb8;--color-shadow:rgba(45,45,45,.08);--color-shadow-md:rgba(45,45,45,.12);--color-shadow-lg:rgba(45,45,45,.16);--color-dot-pattern:rgba(45,45,45,.09);--color-success:#66bb6a;--color-warning:#ffa726;--color-error:#ef5350;--color-info:#42a5f5}html.dark{--color-primary-50:#1a1b2e;--color-primary-100:#25263d;--color-primary-200:#31324f;--color-primary-300:#404163;--color-primary-400:#50517a;--color-primary-500:#6366f1;--color-primary-600:#7b7ef5;--color-primary-700:#9497f8;--color-primary-800:#adafbb;--color-primary-900:#c6c7de;--color-accent-pink:#4a374a;--color-accent-green:#2d3f2f;--color-accent-blue:#1e3a5f;--color-accent-lavender:#3d2f4f;--color-bg-primary:#0f0f12;--color-bg-secondary:#16161a;--color-bg-tertiary:#1e1e24;--color-bg-surface:#25252d;--color-text-primary:#f0f0f0;--color-text-secondary:#c8c8c8;--color-text-tertiary:#9a9a9a;--color-text-muted:#6a6a6a;--color-border-light:#2a2a32;--color-border-medium:#3a3a44;--color-border-dark:#4a4a56;--color-shadow:rgba(0,0,0,.24);--color-shadow-md:rgba(0,0,0,.32);--color-shadow-lg:rgba(0,0,0,.4);--color-dot-pattern:hsla(0,0%,100%,.09);--color-success:#4caf50;--color-warning:#ff9800;--color-error:#f44336;--color-info:#2196f3}@font-face{font-display:optional;font-family:Caveat;font-style:normal;font-weight:700;src:url(./caveat-700.D8_1Nw6V.woff2) format("woff2")}html{font-size:16px}button,input,select,textarea{font-family:inherit}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-primary);background-image:radial-gradient(hsla(0,0%,47%,.06) 1px,transparent 0),radial-gradient(hsla(0,0%,47%,.03) 1px,transparent 0);font-family:PingFang SC,Microsoft YaHei,Hiragino Sans GB,SimHei,sans-serif;height:100%;line-height:1.6;overflow:auto;width:100%}body,html.dark body{background-position:0 0,6px 6px;background-size:24px 24px,12px 12px}html.dark body{background-image:radial-gradient(hsla(0,0%,100%,.05) 1px,transparent 0),radial-gradient(hsla(0,0%,100%,.02) 1px,transparent 0)}.a{text-decoration:none}li{list-style:none}.draw-app{margin:0 auto;padding:40px}@media(max-width:768px){.draw-app{padding:20px}}.main-container{display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}@media(max-width:768px){.main-container{grid-template-columns:1fr}}.side-section{min-width:0}.app-title{color:var(--color-text-primary);font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:center}