:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-accent:#f1f3f4;--bg-hover:#e8eaed;--color-primary:#1a73e8;--color-secondary:#34a853;--color-success:#137333;--color-warning:#ea4335;--color-error:#d33b2c;--text-primary:#202124;--text-secondary:#5f6368;--text-muted:#9aa0a6;--text-disabled:#dadce0;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--border-radius-sm:.25rem;--border-radius-md:.375rem;--border-radius-lg:.5rem;--border-color:#dadce0;--shadow-sm:0 1px 3px rgba(0,0,0,.1);--shadow-md:0 4px 6px rgba(0,0,0,.05);--shadow-lg:0 10px 15px rgba(0,0,0,.1)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.prototype-mode{position:relative}.prototype-mode:before{background:#8b5cf6;border-bottom-left-radius:.5rem;color:#fff;content:"🎨 DESIGN PROTOTYPE";font-size:.75rem;font-weight:600;padding:.5rem 1rem;position:fixed;right:0;top:0;z-index:9999}