:root{--bg-sidebar:#e6e6e6;--bg-main:#f5f5f5;--bg-card:#fafafa;--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--border-color:#e5e7eb;--border-light:#f3f4f6;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-purple:#8b5cf6;--color-brand-red:#fe370b;--color-neutral-50:#fafafa;--color-neutral-200:#e6e6e6;--color-neutral-400:#a3a3a3;--color-neutral-500:#737373;--color-neutral-900:#0c0c0c;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-card:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--navbar-height:64px;--sidebar-width:240px;--preview-panel-width:320px}.text-display-large{letter-spacing:0;font-size:96px;line-height:160px}.text-display-medium{letter-spacing:0;font-size:96px;line-height:116px}.text-display-small{letter-spacing:0;font-size:96px;line-height:86px}.text-h1{letter-spacing:0;font-size:60px;line-height:34px}.text-h2{letter-spacing:0;font-size:48px;line-height:60px}.text-h3{letter-spacing:0;font-size:36px;line-height:48px}.text-h4{letter-spacing:0;font-size:24px;line-height:32px}.text-h5{letter-spacing:0;font-size:20px;line-height:26px}.text-body-2xl{letter-spacing:.1px;font-size:24px;line-height:24px}.text-body-xl{letter-spacing:.1px;font-size:20px;line-height:30px}.text-body-lg{letter-spacing:.1px;font-size:18px;line-height:26px}.text-body-md{letter-spacing:.1px;font-size:16px;line-height:22px}.text-body-sm{letter-spacing:.1px;font-size:14px;line-height:20px}.text-body-xs{letter-spacing:.1px;font-size:12px;line-height:16px}.text-label-2xl{letter-spacing:.1px;font-size:24px;line-height:30px}.text-label-xl{letter-spacing:.1px;font-size:20px;line-height:24px}.text-label-lg{letter-spacing:.1px;font-size:18px;line-height:24px}.text-label-md{letter-spacing:.1px;font-size:16px;line-height:20px}.text-label-sm{letter-spacing:.1px;font-size:14px;line-height:20px}.text-label-xs{letter-spacing:.1px;font-size:12px;line-height:16px}.text-caption-xs{letter-spacing:0;font-size:12px;line-height:16px}.text-caption-xxs{letter-spacing:0;font-size:11px;line-height:14px}.text-overline{letter-spacing:0;font-size:11px;line-height:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100%;overflow-x:hidden}body{background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}img,svg,video{max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;background:0 0;border:none}ul{list-style:none}input,textarea,select{max-width:100%}