:root{--bg-app: #F0F4F9;--bg-card: #FFFFFF;--bg-hover: #F5F7FA;--text-primary: #1F1F1F;--text-secondary: #444746;--text-tertiary: #747775;--border-color: transparent;--border-light: #E0E3E7;--shadow-card: 0 2px 6px rgba(60, 64, 67, .04), 0 0 2px rgba(60, 64, 67, .06);--shadow-hover: 0 4px 8px rgba(60, 64, 67, .08), 0 0 4px rgba(60, 64, 67, .08);--radius-card: 16px;--radius-btn: 20px}.theme-dark{--bg-app: #131314;--bg-card: #1E1F20;--bg-hover: #2D2E30;--text-primary: #E3E3E3;--text-secondary: #C4C7C5;--text-tertiary: #8E918F;--border-color: transparent;--border-light: #444746;--shadow-card: 0 2px 6px rgba(0, 0, 0, .2);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .4)}body{background-color:var(--bg-app);color:var(--text-primary);margin:0;font-family:Google Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#80808033;border-radius:3px}::-webkit-scrollbar-track{background:transparent}.el-button{border-radius:var(--radius-btn)}.el-input__wrapper{border-radius:8px;box-shadow:0 0 0 1px var(--border-light) inset!important}.app-layout[data-v-97c82754]{display:flex;flex-direction:column;height:100vh;background-color:var(--bg-app);padding:12px;box-sizing:border-box;gap:12px;overflow:hidden}.header-card[data-v-97c82754]{height:56px;flex-shrink:0;background-color:var(--bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);z-index:10}.main-content[data-v-97c82754]{flex:1;display:flex;overflow:hidden;min-height:0}.floating-card[data-v-97c82754]{background-color:var(--bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden;display:flex;flex-direction:column}.sidebar-card[data-v-97c82754]{flex-shrink:0;transition:width .05s linear}.canvas-card[data-v-97c82754]{flex:1;margin:0;position:relative}.resize-handle[data-v-97c82754]{width:12px;cursor:col-resize;flex-shrink:0;display:flex;justify-content:center;align-items:center}.resize-handle[data-v-97c82754]:after{content:"";width:4px;height:32px;background-color:#0000001a;border-radius:2px;opacity:0;transition:opacity .2s}.resize-handle[data-v-97c82754]:hover:after{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.anim-fade{animation:fadeIn .8s ease both}@keyframes zoomIn{0%{transform:scale(.3);opacity:0}60%{opacity:1}to{transform:scale(1)}}.anim-zoom{animation:zoomIn .7s cubic-bezier(.4,0,.2,1) both}@keyframes slideLeft{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.anim-slide-left{animation:slideLeft .6s ease-out both}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.anim-slide-up{animation:slideUp .6s ease-out both}@keyframes bounceIn{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1);opacity:1}80%{transform:scale(.95)}to{transform:scale(1)}}.anim-bounce{animation:bounceIn .7s cubic-bezier(.68,-.55,.27,1.55) both}@keyframes rotateIn{0%{transform:rotate(-180deg);opacity:0}to{transform:rotate(0);opacity:1}}.anim-rotate{animation:rotateIn .7s ease-out both}