:root{--background:#fdfbf7;--foreground:#1a1a1a;--card:#fff;--card-foreground:#1a1a1a;--popover:#fff;--popover-foreground:#1a1a1a;--primary:#1a1a1a;--primary-foreground:#fff;--secondary:#f3f0e8;--secondary-foreground:#1a1a1a;--muted:#f3f0e8;--muted-foreground:#71716a;--accent:#1a1a1a;--accent-foreground:#fff;--destructive:#ef4444;--destructive-foreground:#fff;--border:#e8e6df;--surface:#fff;--input:#fff;--ring:#1a1a1a;--radius:.75rem;--glass-bg:#ffffffb3;--glass-border:#e8e6df80;--glass-blur:16px;--brand-gradient:linear-gradient(135deg,#1a1a1a 0%,#4a4a4a 100%);--luxury-gradient:linear-gradient(225deg,#fdfbf7 0%,#f3f0e8 100%);--gold-accent:linear-gradient(135deg,#d4af37 0%,#f9f295 50%,#d4af37 100%);--luxury-shadow:0 10px 40px #0000000d;--surface-glass:#ffffffa6}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000000a}.glass-header{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#fdfbf7cc}.brand-text{background:var(--brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:900}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);width:100%;max-width:100vw;height:100%;color:var(--foreground);overflow:hidden!important}body{-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#__next,[data-nextjs-scroll-focus-boundary]{width:100%;height:100%}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d1d1ca;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#b1b1aa}.app-container{flex-direction:column;width:100vw;height:100dvh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.layout-body{flex:1;display:flex;position:relative;overflow:hidden}.main-view{background-color:var(--background);flex:1;display:flex;position:relative;overflow:hidden}.sidebar-container{border-right:1px solid var(--border);z-index:50;background-color:#fdfbf7;flex-direction:column;flex-shrink:0;transition:width .3s;display:flex;overflow:hidden}@media (max-width:1023px){.sidebar-container{width:280px;top:0;bottom:0;left:0;transform:translate(-100%);z-index:1000!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;position:fixed!important}.sidebar-container.open{transform:translate(0)}}.pane{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.chat-pane{border-right:1px solid var(--border);flex:1}.preview-pane{background-color:#f0f0f0;flex:1.2}@media (max-width:1023px){.pane{width:100%;display:none;flex:1!important}.pane.active{display:flex}}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:900;background:#1a1a1a4d;position:fixed;inset:0}@media (min-width:1024px){.sidebar-overlay{display:none!important}}iframe{background-color:#fff;border:none;width:100%;height:100%;display:block}@media (min-width:1024px){.chat-input-container{border-top:1px solid var(--border)!important;box-shadow:none!important;background:#fff!important;padding:0!important;position:relative!important}.chat-input-container form{max-width:none!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;padding:4px 8px!important}.chat-input-container input{background:0 0!important;height:64px!important;padding:16px 24px!important}}.messages-scroll-area{padding:1.5rem 1.5rem 140px}@media (min-width:1024px){.messages-scroll-area{padding-bottom:1.5rem!important}}@media (max-width:1023px){.hidden-mobile{display:none!important}}.mobile-toggle{display:flex!important}.desktop-only{display:none!important}@media (min-width:1024px){.mobile-toggle{display:none!important}.desktop-only{display:flex!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}@keyframes text-shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulse-subtle{0%{opacity:.6;transform:scale(.98)}50%{opacity:1;transform:scale(1)}to{opacity:.6;transform:scale(.98)}}.animate-pulse-subtle{animation:2s ease-in-out infinite pulse-subtle}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.shimmer-wrapper{position:relative;overflow:hidden}.shimmer-wrapper:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:0}@keyframes gradient-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-gradient-flow{background-size:200% 200%;animation:3s infinite gradient-flow}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.animate-float{animation:3s ease-in-out infinite float}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-ring{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.animate-spin{animation:1s linear infinite spin}