:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--theme-background: #ffffff;--theme-canvas-bg: #fafafa;--theme-text: #1f2937;--theme-text-secondary: #6b7280;--theme-border: #e5e7eb;--theme-card-bg: #ffffff;--theme-dot-color: #e5e7eb;--theme-minimap-bg: rgba(255, 255, 255, .9);--theme-minimap-border: #e5e7eb;--theme-button-bg: #f3f4f6;--theme-button-hover: #e5e7eb;--theme-input-bg: #ffffff;--theme-input-border: #d1d5db;--theme-modal-bg: #ffffff;--theme-overlay-bg: rgba(0, 0, 0, .5);--theme-shadow-color: rgba(0, 0, 0, .1);--accent-color: #f59e0b;--accent-hover: #d97706;--accent-bg: rgba(251, 191, 36, .1);--accent-border: rgba(251, 191, 36, .4);--accent-text: #92400e}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;height:100vh;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.transformation-display-container{position:relative;width:100%;height:100%;overflow:hidden}.svg-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;will-change:transform,opacity,filter;backface-visibility:hidden;transform:translateZ(0)}.svg-layer svg{max-width:80%;max-height:80%;filter:drop-shadow(0 0 10px rgba(0,0,0,.1));will-change:transform,opacity}.morphing-element{will-change:transform,opacity,filter;backface-visibility:hidden;transform:translateZ(0)}.transition-smooth{transition:all .2s ease-out}.transition-morph{transition:transform .3s ease-out,opacity .2s ease-out,filter .2s ease-out}.cosmic-glow{filter:drop-shadow(0 0 20px rgba(255,107,53,.3))}.psychedelic-blur{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}.foundation-background-layer{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;z-index:-1000;pointer-events:none}#root,.react-flow,.react-flow__viewport{width:100%;height:100%}.photo-node-container{cursor:grab}.photo-node-container:active{cursor:grabbing}.btn-accent{background-color:var(--accent-color);color:#fff;border:none;transition:background-color .2s ease,transform .2s ease}.btn-accent:hover{background-color:var(--accent-hover);transform:scale(1.05)}.btn-accent:active{transform:scale(.98)}.btn-theme-secondary{background-color:var(--theme-button-bg);color:var(--theme-text);border:1px solid var(--theme-border);transition:background-color .2s ease}.btn-theme-secondary:hover{background-color:var(--theme-button-hover)}.btn-accent-outline{background-color:transparent;color:var(--accent-color);border:1px solid var(--accent-border);transition:background-color .2s ease,color .2s ease}.btn-accent-outline:hover{background-color:var(--accent-bg);color:var(--accent-hover)}.card-themed{background-color:var(--theme-card-bg);border:1px solid var(--theme-border);box-shadow:0 1px 3px var(--theme-shadow-color)}.input-themed{background-color:var(--theme-input-bg);border:1px solid var(--theme-input-border);color:var(--theme-text)}.input-themed:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px var(--accent-bg)}.text-themed{color:var(--theme-text)}.text-themed-secondary{color:var(--theme-text-secondary)}.text-accent{color:var(--accent-color)}.bg-themed{background-color:var(--theme-background)}.bg-themed-card{background-color:var(--theme-card-bg)}.bg-themed-canvas{background-color:var(--theme-canvas-bg)}.bg-accent{background-color:var(--accent-bg)}.border-themed{border-color:var(--theme-border)}.border-accent{border-color:var(--accent-border)}
