:root{--background:#080808;--foreground:#f0e6d2;--surface:#111;--surface-hover:#1a1a1a;--border:#2a2a2a;--accent:#f0e6d2;--accent-muted:#8a8880;--font-mono:"Courier New",Courier,monospace}*{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:#333;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#444}.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{background-color:var(--background);border-right:1px solid var(--border);z-index:50;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:#000;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:#000000b3;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}#preact-border-shadow-host{display:none!important}@media (min-width:1024px){.chat-input-container{background:var(--surface)!important;border-top:1px solid var(--border)!important;box-shadow:none!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{height:60px!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 pulse-ring{0%{opacity:.5;border-color:var(--foreground);transform:scale(.8)}50%{opacity:.2;border-color:var(--accent);transform:scale(1.1)}to{opacity:.5;border-color:var(--foreground);transform:scale(.8)}}@keyframes rotate-loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes text-shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes gradient-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}