:root{--primary-color: #FF897B;--primary-color-hover: #E66657;--secondary-color: #89A1DE;--secondary-button-hover: #ff897b0d;--text-color: #1f2937;--bg-color: #f9f9f9;--border-color: #e5e7eb;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--border-radius: .5rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--breakpoint-mobile: 768px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--text-dark: #1f2937;--text-medium: #64748b;--text-light: #9ca3af;--text-muted: #555555;--surface: #ffffff;--surface-secondary: #f8fafc;--surface-hover: #00000005;--border: #e5e7eb;--border-hover: #d1d5db;--header-height: 5rem;--divider-color: #e9ecef;--icon-color: #888888;--color-danger: #f16b6b;--color-danger-bg: #fef2f2;--color-danger-border: #fecaca;--color-success: #10b981;--color-success-alt: #059669;--color-warning: #f59e0b;--scrollbar-thumb: #d1d5db;--scrollbar-thumb-hover: #9ca3af;--scrollbar-track: #f9fafb}*{font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button{font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:inherit;line-height:inherit}.weight-100{font-weight:100}.weight-200{font-weight:200}.weight-300{font-weight:300}.weight-400{font-weight:400}.weight-500{font-weight:500}.weight-600{font-weight:600}.weight-700{font-weight:700}.weight-800{font-weight:800}.text-lead{font-size:1.75rem}.text-small{font-size:.875rem}.text-muted{color:var(--text-medium);opacity:.7}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Satoshi,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:var(--text-color);background-color:var(--bg-color)}#app{min-height:100vh;display:flex;flex-direction:column}body:has(stylebook-document-editor){overflow:hidden}body:has(stylebook-document-editor) #app{height:100vh;overflow:hidden}stylebook-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;border:none;outline:none;font-family:inherit}stylebook-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}