*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);width:100%;height:100%;color:var(--color-text-primary);font-family:Inter,Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}#app{width:100%;height:100%}:root{--morandi-green:#a8b5a0;--morandi-green-light:#c5cec0;--morandi-green-dark:#7a8a72;--morandi-beige:#d4c5b0;--morandi-pink:#c9aeb4;--morandi-blue:#9db4c4;--morandi-gray:#b0aeb2;--morandi-brown:#b5a08c;--morandi-lavender:#b8b0c8;--color-primary:var(--morandi-green);--color-primary-light:var(--morandi-green-light);--color-primary-dark:var(--morandi-green-dark);--color-bg:#f5f3f0;--color-surface:#fff9;--color-surface-solid:#fff;--color-text-primary:#2c2c2c;--color-text-secondary:#ffffffb3;--color-text-on-light:#2c2c2c;--color-text-on-dark:#fff;--color-border:#ffffff4d;--color-divider:#0000000f;--color-overlay:#0000004d;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:50%;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 8px 32px #00000029;--shadow-fab:0 4px 20px #00000026;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--font-sans:"Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif:"Playfair Display", "Noto Sans SC", serif;--font-display:"ZCOOL XiaoWei", "Noto Sans SC", serif;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--z-toolbar:100;--z-fab:200;--z-overlay:300;--z-modal:400;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.35s ease}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffff26;border:1px solid #ffffff40}.glass-strong{-webkit-backdrop-filter:blur(20px);background:#ffffff40;border:1px solid #ffffff4d}.glass-dark{-webkit-backdrop-filter:blur(12px);background:#00000026;border:1px solid #ffffff1a}.glass-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:#fff3;border:1px solid #ffffff4d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.08)}}@keyframes swatchIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up-enter-active{animation:.5s forwards fadeInUp}.fade-in-up-leave-active{animation:.3s reverse forwards fadeInUp}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-base)}.fade-enter-from,.fade-leave-to{opacity:0}.btn-interactive{transition:transform var(--transition-base);cursor:pointer}.btn-interactive:hover{transform:scale(1.05)}.btn-interactive:active{transform:scale(.95)}@media (width>=768px){.editor-canvas{max-width:480px;margin:0 auto}}@media (width>=1024px){.editor-canvas{max-width:520px;margin:0 auto}.desktop-center{justify-content:center;align-items:center;display:flex}}