@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Sora:wght@400;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text-primary:#d6f6ff;--text-secondary:#9fc7d8;--panel-bg:#060d1ab8;--panel-border:#89d8ff3d;--line-primary:#73f5ff;--line-dim:#73f5ff47;--focus-outline:#ffcb96;--progress-bg:#85d3ff26;--progress-fill:linear-gradient(90deg, #68ddff, #9affb2 58%, #ffb166);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Sora,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;max-height:100%;margin:0;padding:0;overflow:hidden}body{color:var(--text-primary);overscroll-behavior:none;background:#000}button,input,textarea,select{font:inherit}.portfolio-app-shell{color:var(--text-primary);box-sizing:border-box;background:#020612;grid-template-rows:auto 1fr auto;gap:16px;padding:16px 20px;display:grid;position:fixed;inset:0;overflow:hidden}.ambient-glow-1,.ambient-glow-2{pointer-events:none;z-index:0;border-radius:50%;position:fixed}.ambient-glow-1{filter:blur(80px);background:radial-gradient(circle,#ffc8500a 0%,#0000 70%);width:50vw;height:50vw;top:-15%;left:15%}.ambient-glow-2{filter:blur(100px);background:radial-gradient(circle,#64b4ff08 0%,#0000 70%);width:55vw;height:55vw;bottom:-20%;right:5%}.portfolio-navbar{-webkit-backdrop-filter:blur(16px);z-index:10;box-sizing:border-box;background:#080e1c99;border:1px solid #ffd70014;border-radius:16px;flex-shrink:0;justify-content:flex-end;align-items:center;padding:10px 22px;display:flex}.navbar-brand{cursor:pointer;align-items:center;gap:10px;text-decoration:none;display:flex}.navbar-avatar{object-fit:cover;border:1.5px solid #ffd7004d;border-radius:10px;width:34px;height:34px;transition:border-color .25s,box-shadow .25s;box-shadow:0 2px 10px #ffd7001f}.navbar-brand:hover .navbar-avatar{border-color:#ffd70099;box-shadow:0 2px 16px #ffd70040}.navbar-name{letter-spacing:.5px;color:var(--text-primary);font-size:14px;font-weight:600;transition:color .2s}.navbar-brand:hover .navbar-name{color:gold}.navbar-actions{align-items:center;gap:6px;display:flex}.nav-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff0f;border-radius:10px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .2s}.nav-btn:hover{color:gold;background:#ffd7000a;border-color:#ffd70040}.nav-btn.accent{border-color:#ffd70026}.nav-btn.accent:hover{border-color:#ffd70066;box-shadow:0 0 12px #ffd7001a}.nav-divider{background:#ffffff14;width:1px;height:16px;margin:0 4px}.content-panes{z-index:1;grid-template-columns:380px 520px;justify-content:center;align-items:stretch;gap:24px;width:100%;max-width:980px;height:100%;min-height:0;margin:0 auto;display:grid;overflow:hidden}.chat-pane,.canvas-pane{border-radius:20px;height:100%;min-height:0;overflow:hidden}.portfolio-footer{text-align:center;z-index:1;flex-shrink:0}.portfolio-footer p{color:var(--text-secondary);opacity:.45;letter-spacing:.3px;margin:0;font-size:10px}.anim-slide-down{animation:.6s cubic-bezier(.16,1,.3,1) both slideDown}.anim-slide-left{animation:.7s cubic-bezier(.16,1,.3,1) .1s both slideLeft}.anim-slide-right{animation:.7s cubic-bezier(.16,1,.3,1) .15s both slideRight}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-dot{0%,to{opacity:.4}50%{opacity:1}}@keyframes bounce-dot{0%,80%,to{opacity:.3;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@keyframes slide-drawer{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.preset-chips-container{flex-wrap:wrap;flex-shrink:0;gap:6px 8px;padding:0 16px 8px;display:flex}@media (width<=900px){.portfolio-app-shell{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;height:100%;padding:12px;display:flex;position:fixed;inset:0;overflow-x:hidden;overflow-y:auto!important}.content-panes{flex-shrink:0;grid-template-columns:1fr;gap:16px;height:auto;display:grid;overflow:visible}.chat-pane{height:480px}.canvas-pane{height:340px}.navbar-name{display:none}}@media (width<=480px){.portfolio-navbar{border-radius:12px;padding:8px 12px}.navbar-actions{gap:4px}.nav-btn-home{display:none}.nav-btn{border-radius:8px;padding:5px 8px;font-size:10.5px}.nav-divider{margin:0 2px}.chat-pane{height:410px}.canvas-pane{height:280px}.preset-chips-container{-ms-overflow-style:none;scrollbar-width:none;flex-wrap:nowrap;gap:8px;padding:0 16px 12px;overflow-x:auto}.preset-chips-container::-webkit-scrollbar{display:none}}