@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{overflow-wrap:break-word;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--tt-gray-light-a-50: rgba(56, 56, 56, .04);--tt-gray-light-a-100: rgba(15, 22, 36, .05);--tt-gray-light-a-200: rgba(37, 39, 45, .1);--tt-gray-light-a-300: rgba(47, 50, 55, .2);--tt-gray-light-a-400: rgba(40, 44, 51, .42);--tt-gray-light-a-500: rgba(52, 55, 60, .64);--tt-gray-light-a-600: rgba(36, 39, 46, .78);--tt-gray-light-a-700: rgba(35, 37, 42, .87);--tt-gray-light-a-800: rgba(30, 32, 36, .95);--tt-gray-light-a-900: rgba(29, 30, 32, .98);--tt-gray-light-50: rgba(250, 250, 250, 1);--tt-gray-light-100: rgba(244, 244, 245, 1);--tt-gray-light-200: rgba(234, 234, 235, 1);--tt-gray-light-300: rgba(213, 214, 215, 1);--tt-gray-light-400: rgba(166, 167, 171, 1);--tt-gray-light-500: rgba(125, 127, 130, 1);--tt-gray-light-600: rgba(83, 86, 90, 1);--tt-gray-light-700: rgba(64, 65, 69, 1);--tt-gray-light-800: rgba(44, 45, 48, 1);--tt-gray-light-900: rgba(34, 35, 37, 1);--tt-gray-dark-a-50: rgba(232, 232, 253, .05);--tt-gray-dark-a-100: rgba(231, 231, 243, .07);--tt-gray-dark-a-200: rgba(238, 238, 246, .11);--tt-gray-dark-a-300: rgba(239, 239, 245, .22);--tt-gray-dark-a-400: rgba(244, 244, 255, .37);--tt-gray-dark-a-500: rgba(236, 238, 253, .5);--tt-gray-dark-a-600: rgba(247, 247, 253, .64);--tt-gray-dark-a-700: rgba(251, 251, 254, .75);--tt-gray-dark-a-800: rgba(253, 253, 253, .88);--tt-gray-dark-a-900: rgba(255, 255, 255, .96);--tt-gray-dark-50: rgba(25, 25, 26, 1);--tt-gray-dark-100: rgba(32, 32, 34, 1);--tt-gray-dark-200: rgba(45, 45, 47, 1);--tt-gray-dark-300: rgba(70, 70, 73, 1);--tt-gray-dark-400: rgba(99, 99, 105, 1);--tt-gray-dark-500: rgba(124, 124, 131, 1);--tt-gray-dark-600: rgba(163, 163, 168, 1);--tt-gray-dark-700: rgba(192, 192, 195, 1);--tt-gray-dark-800: rgba(224, 224, 225, 1);--tt-gray-dark-900: rgba(245, 245, 245, 1);--tt-brand-color-50: rgba(239, 238, 255, 1);--tt-brand-color-100: rgba(222, 219, 255, 1);--tt-brand-color-200: rgba(195, 189, 255, 1);--tt-brand-color-300: rgba(157, 138, 255, 1);--tt-brand-color-400: rgba(122, 82, 255, 1);--tt-brand-color-500: rgba(98, 41, 255, 1);--tt-brand-color-600: rgba(84, 0, 229, 1);--tt-brand-color-700: rgba(75, 0, 204, 1);--tt-brand-color-800: rgba(56, 0, 153, 1);--tt-brand-color-900: rgba(43, 25, 102, 1);--tt-brand-color-950: hsla(257, 100%, 9%, 1);--tt-color-green-inc-5: hsla(129, 100%, 97%, 1);--tt-color-green-inc-4: hsla(129, 100%, 92%, 1);--tt-color-green-inc-3: hsla(131, 100%, 86%, 1);--tt-color-green-inc-2: hsla(133, 98%, 78%, 1);--tt-color-green-inc-1: hsla(137, 99%, 70%, 1);--tt-color-green-base: hsla(147, 99%, 50%, 1);--tt-color-green-dec-1: hsla(147, 97%, 41%, 1);--tt-color-green-dec-2: hsla(146, 98%, 32%, 1);--tt-color-green-dec-3: hsla(146, 100%, 24%, 1);--tt-color-green-dec-4: hsla(144, 100%, 16%, 1);--tt-color-green-dec-5: hsla(140, 100%, 9%, 1);--tt-color-yellow-inc-5: hsla(50, 100%, 97%, 1);--tt-color-yellow-inc-4: hsla(50, 100%, 91%, 1);--tt-color-yellow-inc-3: hsla(50, 100%, 84%, 1);--tt-color-yellow-inc-2: hsla(50, 100%, 77%, 1);--tt-color-yellow-inc-1: hsla(50, 100%, 68%, 1);--tt-color-yellow-base: hsla(52, 100%, 50%, 1);--tt-color-yellow-dec-1: hsla(52, 100%, 41%, 1);--tt-color-yellow-dec-2: hsla(52, 100%, 32%, 1);--tt-color-yellow-dec-3: hsla(52, 100%, 24%, 1);--tt-color-yellow-dec-4: hsla(51, 100%, 16%, 1);--tt-color-yellow-dec-5: hsla(50, 100%, 9%, 1);--tt-color-red-inc-5: hsla(11, 100%, 96%, 1);--tt-color-red-inc-4: hsla(11, 100%, 88%, 1);--tt-color-red-inc-3: hsla(10, 100%, 80%, 1);--tt-color-red-inc-2: hsla(9, 100%, 73%, 1);--tt-color-red-inc-1: hsla(7, 100%, 64%, 1);--tt-color-red-base: hsla(7, 100%, 54%, 1);--tt-color-red-dec-1: hsla(7, 100%, 41%, 1);--tt-color-red-dec-2: hsla(5, 100%, 32%, 1);--tt-color-red-dec-3: hsla(4, 100%, 24%, 1);--tt-color-red-dec-4: hsla(3, 100%, 16%, 1);--tt-color-red-dec-5: hsla(1, 100%, 9%, 1);--white: rgba(255, 255, 255, 1);--black: rgba(14, 14, 17, 1);--transparent: rgba(255, 255, 255, 0);--tt-shadow-elevated-md: 0px 16px 48px 0px rgba(17, 24, 39, .04), 0px 12px 24px 0px rgba(17, 24, 39, .04), 0px 6px 8px 0px rgba(17, 24, 39, .02), 0px 2px 3px 0px rgba(17, 24, 39, .02);--tt-radius-xxs: .125rem;--tt-radius-xs: .25rem;--tt-radius-sm: .375rem;--tt-radius-md: .5rem;--tt-radius-lg: .75rem;--tt-radius-xl: 1rem;--tt-transition-duration-short: .1s;--tt-transition-duration-default: .2s;--tt-transition-duration-long: .64s;--tt-transition-easing-default: cubic-bezier(.46, .03, .52, .96);--tt-transition-easing-cubic: cubic-bezier(.65, .05, .36, 1);--tt-transition-easing-quart: cubic-bezier(.77, 0, .18, 1);--tt-transition-easing-circ: cubic-bezier(.79, .14, .15, .86);--tt-transition-easing-back: cubic-bezier(.68, -.55, .27, 1.55);--tt-accent-contrast: 8%;--tt-destructive-contrast: 8%;--tt-foreground-contrast: 8%}:root,:root *,:root :before,:root :after{box-sizing:border-box;transition:none var(--tt-transition-duration-default) var(--tt-transition-easing-default)}:root{--tt-bg-color: var(--white);--tt-border-color: var(--tt-gray-light-a-200);--tt-border-color-tint: var(--tt-gray-light-a-100);--tt-sidebar-bg-color: var(--tt-gray-light-100);--tt-scrollbar-color: var(--tt-gray-light-a-200);--tt-cursor-color: var(--tt-brand-color-500);--tt-selection-color: rgba(157, 138, 255, .2);--tt-card-bg-color: var(--white);--tt-card-border-color: var(--tt-gray-light-a-100)}.dark{--tt-bg-color: var(--black);--tt-border-color: var(--tt-gray-dark-a-200);--tt-border-color-tint: var(--tt-gray-dark-a-100);--tt-sidebar-bg-color: var(--tt-gray-dark-100);--tt-scrollbar-color: var(--tt-gray-dark-a-200);--tt-cursor-color: var(--tt-brand-color-400);--tt-selection-color: rgba(122, 82, 255, .2);--tt-card-bg-color: var(--tt-gray-dark-50);--tt-card-border-color: var(--tt-gray-dark-a-50);--tt-shadow-elevated-md: 0px 16px 48px 0px rgba(0, 0, 0, .5), 0px 12px 24px 0px rgba(0, 0, 0, .24), 0px 6px 8px 0px rgba(0, 0, 0, .22), 0px 2px 3px 0px rgba(0, 0, 0, .12)}:root{--tt-color-text-gray: hsl(45, 2%, 46%);--tt-color-text-brown: hsl(19, 31%, 47%);--tt-color-text-orange: hsl(30, 89%, 45%);--tt-color-text-yellow: hsl(38, 62%, 49%);--tt-color-text-green: hsl(148, 32%, 39%);--tt-color-text-blue: hsl(202, 54%, 43%);--tt-color-text-purple: hsl(274, 32%, 54%);--tt-color-text-pink: hsl(328, 49%, 53%);--tt-color-text-red: hsl(2, 62%, 55%);--tt-color-text-gray-contrast: hsla(39, 26%, 26%, .15);--tt-color-text-brown-contrast: hsla(18, 43%, 69%, .35);--tt-color-text-orange-contrast: hsla(24, 73%, 55%, .27);--tt-color-text-yellow-contrast: hsla(44, 82%, 59%, .39);--tt-color-text-green-contrast: hsla(126, 29%, 60%, .27);--tt-color-text-blue-contrast: hsla(202, 54%, 59%, .27);--tt-color-text-purple-contrast: hsla(274, 37%, 64%, .27);--tt-color-text-pink-contrast: hsla(331, 60%, 71%, .27);--tt-color-text-red-contrast: hsla(8, 79%, 79%, .4)}.dark{--tt-color-text-gray: hsl(0, 0%, 61%);--tt-color-text-brown: hsl(18, 35%, 58%);--tt-color-text-orange: hsl(25, 53%, 53%);--tt-color-text-yellow: hsl(36, 54%, 55%);--tt-color-text-green: hsl(145, 32%, 47%);--tt-color-text-blue: hsl(202, 64%, 52%);--tt-color-text-purple: hsl(270, 55%, 62%);--tt-color-text-pink: hsl(329, 57%, 58%);--tt-color-text-red: hsl(1, 69%, 60%);--tt-color-text-gray-contrast: hsla(0, 0%, 100%, .09);--tt-color-text-brown-contrast: hsla(17, 45%, 50%, .25);--tt-color-text-orange-contrast: hsla(27, 82%, 53%, .2);--tt-color-text-yellow-contrast: hsla(35, 49%, 47%, .2);--tt-color-text-green-contrast: hsla(151, 55%, 39%, .2);--tt-color-text-blue-contrast: hsla(202, 54%, 43%, .2);--tt-color-text-purple-contrast: hsla(271, 56%, 60%, .18);--tt-color-text-pink-contrast: hsla(331, 67%, 58%, .22);--tt-color-text-red-contrast: hsla(0, 67%, 60%, .25)}:root{--tt-color-highlight-yellow: #fef9c3;--tt-color-highlight-green: #dcfce7;--tt-color-highlight-blue: #e0f2fe;--tt-color-highlight-purple: #f3e8ff;--tt-color-highlight-red: #ffe4e6;--tt-color-highlight-gray: rgb(248, 248, 247);--tt-color-highlight-brown: rgb(244, 238, 238);--tt-color-highlight-orange: rgb(251, 236, 221);--tt-color-highlight-pink: rgb(252, 241, 246);--tt-color-highlight-yellow-contrast: #fbe604;--tt-color-highlight-green-contrast: #c7fad8;--tt-color-highlight-blue-contrast: #ceeafd;--tt-color-highlight-purple-contrast: #e4ccff;--tt-color-highlight-red-contrast: #ffccd0;--tt-color-highlight-gray-contrast: rgba(84, 72, 49, .15);--tt-color-highlight-brown-contrast: rgba(210, 162, 141, .35);--tt-color-highlight-orange-contrast: rgba(224, 124, 57, .27);--tt-color-highlight-pink-contrast: rgba(225, 136, 179, .27)}.dark{--tt-color-highlight-yellow: #6b6524;--tt-color-highlight-green: #509568;--tt-color-highlight-blue: #6e92aa;--tt-color-highlight-purple: #583e74;--tt-color-highlight-red: #743e42;--tt-color-highlight-gray: rgb(47, 47, 47);--tt-color-highlight-brown: rgb(74, 50, 40);--tt-color-highlight-orange: rgb(92, 59, 35);--tt-color-highlight-pink: rgb(78, 44, 60);--tt-color-highlight-yellow-contrast: #58531e;--tt-color-highlight-green-contrast: #47855d;--tt-color-highlight-blue-contrast: #5e86a1;--tt-color-highlight-purple-contrast: #4c3564;--tt-color-highlight-red-contrast: #643539;--tt-color-highlight-gray-contrast: rgba(255, 255, 255, .094);--tt-color-highlight-brown-contrast: rgba(184, 101, 69, .25);--tt-color-highlight-orange-contrast: rgba(233, 126, 37, .2);--tt-color-highlight-pink-contrast: rgba(220, 76, 145, .22)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes zoomIn{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes zoomOut{0%{transform:scale(1)}to{transform:scale(.95)}}@keyframes zoom{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideFromTop{0%{transform:translateY(-.5rem)}to{transform:translateY(0)}}@keyframes slideFromRight{0%{transform:translate(.5rem)}to{transform:translate(0)}}@keyframes slideFromLeft{0%{transform:translate(-.5rem)}to{transform:translate(0)}}@keyframes slideFromBottom{0%{transform:translateY(.5rem)}to{transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--bg-primary: #0f1117;--bg-secondary: #1a1d27;--bg-tertiary: #242836;--bg-hover: #2a2f3e;--bg-active: #323848;--surface: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .08);--border-focus: rgba(245, 158, 11, .5);--text-primary: #f0f0f5;--text-secondary: #9ca3af;--text-muted: #6b7280;--accent: #f59e0b;--accent-hover: #d97706;--accent-soft: rgba(245, 158, 11, .12);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .12);--success: #10b981;--sidebar-width: 280px;--header-height: 56px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;height:100dvh;width:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}.landing-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,sans-serif;position:relative;overflow:hidden}.landing-background{position:absolute;inset:0;z-index:0;pointer-events:none}.landing-background-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at center,#f59e0b26,#0000 80%)}.landing-stars-static{position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20px 30px,#eee,#0000),radial-gradient(2px 2px at 40px 70px,#fff,#0000),radial-gradient(2px 2px at 50px 160px,#ddd,#0000),radial-gradient(2px 2px at 90px 40px,#fff,#0000),radial-gradient(2px 2px at 130px 80px,#fff,#0000),radial-gradient(2px 2px at 160px 120px,#ddd,#0000);background-repeat:repeat;background-size:200px 200px;animation:static-twinkle 5s ease-in-out infinite;opacity:.5}@keyframes static-twinkle{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}.landing-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;position:relative;z-index:10}.landing-logo{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.1rem}.landing-nav{display:flex;gap:1rem;align-items:center}.landing-btn-ghost{background:transparent;color:var(--text-primary);border:none;font-size:.875rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:var(--radius-md);transition:background-color .2s ease}.landing-btn-ghost:hover{background:var(--surface)}.landing-btn-solid{background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:99px;font-size:.875rem;font-weight:500;padding:.5rem 1.25rem;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.landing-btn-solid:hover{opacity:.9;transform:translateY(-1px)}.landing-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;margin-top:-5vh;position:relative;z-index:10}.landing-heading{font-size:clamp(2rem,8vw,3.5rem);font-weight:600;line-height:1.15;text-align:center;margin-bottom:1rem;letter-spacing:-.02em}.desktop-heading{display:block}.mobile-heading{display:none}.landing-subheading{font-size:.875rem;color:var(--text-secondary);margin-bottom:3rem;text-align:center}.landing-interactive-area{width:100%;max-width:640px;display:flex;flex-direction:column;align-items:center}.landing-chatbox{cursor:pointer;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;width:100%;padding:1.25rem 1.5rem 4rem;display:flex;flex-direction:column;box-shadow:0 10px 30px #0003;transition:transform .2s ease,filter .2s ease,border-color .2s ease;min-height:160px;position:relative}.landing-chatbox:hover{transform:translateY(-2px);filter:drop-shadow(0 8px 24px var(--accent-soft));border-color:var(--border-focus)}.chatbox-placeholder{color:var(--text-muted);font-size:1rem;text-align:left}.chatbox-actions{display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:1.25rem;left:1.5rem;right:1.5rem}.chatbox-icon-btn{width:32px;height:32px;border-radius:8px;background:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;border:1px solid var(--border);transition:color .2s ease,border-color .2s ease}.landing-chatbox:hover .chatbox-icon-btn{color:var(--text-primary);border-color:var(--border-focus)}.chatbox-submit{margin-left:auto}.landing-chips{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;align-items:center}.landing-chips-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.landing-chip{cursor:pointer;background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:.5rem 1rem;border-radius:8px;font-size:.85rem;display:flex;align-items:center;gap:.4rem;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.landing-chip:hover{border-color:var(--border-focus);color:var(--text-primary);background:var(--surface);transform:translateY(-1px)}.landing-footer{text-align:center;padding:3rem 1.5rem;margin-top:auto;color:var(--text-muted);font-size:.85rem;display:flex;align-items:center;justify-content:center;position:relative;z-index:10}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;border:none;border-radius:var(--radius-md);font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b4d}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-hover);border-color:#ffffff26}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text-primary)}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.btn-full{width:100%;justify-content:center}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s}.btn-icon:hover{background:var(--surface-hover);color:var(--text-primary)}.btn-icon-danger:hover{background:var(--danger-soft);color:var(--danger)}.btn-copy{background:var(--accent-soft);color:var(--accent);border:1px solid rgba(245,158,11,.2)}.btn-copy:hover{background:var(--accent);color:#000}.btn-send{background:var(--accent);color:#000;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;right:.85rem;bottom:.85rem;z-index:10}.btn-send:hover{background:var(--accent-hover)}.btn-send:disabled{opacity:.3;cursor:not-allowed}.dashboard{height:100vh;height:100dvh;display:flex;flex-direction:column}.dashboard-body{display:flex;flex:1;overflow:hidden}.mobile-sidebar-toggle{display:none;flex-shrink:0}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:hidden;height:100%;transition:width .25s ease}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border)}.sidebar-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.sidebar-list{flex:1;padding:.5rem;overflow-y:auto}.sidebar-item{display:flex;align-items:center;justify-content:space-between;padding:.65rem .75rem;border-radius:var(--radius-md);cursor:pointer;transition:all .15s;margin-bottom:2px}.sidebar-item:hover{background:var(--surface-hover)}.sidebar-item.active{background:var(--accent-soft)}.sidebar-item-content{display:flex;flex-direction:column;min-width:0}.sidebar-item-name{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item-date{font-size:.7rem;color:var(--text-muted);margin-top:2px}.sidebar-empty{text-align:center;padding:2rem 1rem;color:var(--text-muted)}.sidebar-empty-icon{margin-bottom:.5rem;opacity:.4}.sidebar-empty p{margin-bottom:1rem;font-size:.85rem}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}.workspace-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;position:sticky;top:0;z-index:40}.workspace-name{font-size:1rem;font-weight:600}.workspace-meta{font-size:.75rem;color:var(--text-muted);margin-top:2px}.chat-area{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.chat-message{display:flex;gap:.75rem;max-width:85%;animation:fadeIn .3s ease}.canvas-chat-column .chat-message{max-width:100%}.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.chat-message.assistant{align-self:flex-start}.chat-message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}.chat-message.assistant .chat-message-avatar{background:var(--accent-soft);color:var(--accent)}.chat-message.user .chat-message-avatar{background:var(--surface);color:var(--text-secondary)}.chat-message-body{min-width:0}.chat-message-content{padding:.75rem 1rem;border-radius:var(--radius-lg);font-size:.9rem;line-height:1.65}.chat-message.assistant .chat-message-content{background:transparent;border:none;padding:.75rem 0}.chat-message.user .chat-message-content{background:var(--accent);color:#000}.chat-message.user .chat-message-content p{color:#000}.cover-letter-block{position:relative}.cover-letter-text{white-space:pre-wrap;font-family:Inter,sans-serif;font-size:.875rem;line-height:1.75;margin-bottom:.75rem;padding:1rem;background:#0003;border-radius:var(--radius-md);border:1px solid var(--border)}.cover-letter-text p{margin:0;padding:0;min-height:1.75em}.chat-input-container{display:flex;align-items:center;margin:0 1.5rem 1.5rem;background:transparent;flex-shrink:0;position:relative}.canvas-chat-column{width:380px!important;flex:none!important;border-right:1px solid var(--border)}.canvas-column{flex:1;display:flex;flex-direction:column;background:#fff;overflow:hidden}.chat-input{flex:1;resize:none;min-height:96px;height:96px;border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 3.5rem 1rem 1rem;background:var(--bg-tertiary);color:var(--text-primary);font-family:inherit;font-size:.875rem;line-height:1.5;outline:none;transition:border-color .2s}.chat-input:focus{border-color:var(--border-focus)}.chat-input::-moz-placeholder{color:var(--text-muted)}.chat-input::placeholder{color:var(--text-muted)}.typing-indicator{display:flex;gap:4px;padding:.75rem;align-self:flex-start}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:var(--text-muted);animation:bounce 1.4s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .15s}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);width:90vw;max-width:480px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .2s ease}.modal-wide{max-width:600px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.modal-header h2{font-size:1.05rem;font-weight:600}.modal-body{padding:1.5rem}.field{margin-bottom:1.25rem}.field label{display:block;font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:.4rem}.field input,.field textarea,.field select{width:100%;padding:.6rem .85rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary);font-family:inherit;font-size:.875rem;outline:none;transition:border-color .2s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--border-focus)}.field textarea{resize:vertical;line-height:1.5}.field select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%239ca3af' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.toggle-group{display:flex;gap:.5rem;margin-bottom:.5rem}.toggle-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-family:inherit;font-size:.8rem;cursor:pointer;transition:all .2s}.toggle-btn.active{background:var(--accent-soft);border-color:#f59e0b4d;color:var(--accent)}.resume-list{margin-bottom:1.25rem}.resume-item{display:flex;align-items:center;justify-content:space-between;padding:.65rem .75rem;border-radius:var(--radius-md);transition:background .15s}.resume-item:hover{background:var(--surface-hover)}.resume-item-info{display:flex;align-items:center;gap:.6rem;color:var(--text-secondary)}.resume-item-name{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary)}.resume-item-meta{display:flex;align-items:center;gap:.5rem;font-size:.7rem;color:var(--text-muted)}.mobile-delete-btn{display:none;background:none;border:none;color:var(--danger);font-weight:500;font-size:.7rem;padding:0;cursor:pointer}.mobile-delete-btn:hover{text-decoration:underline}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;border:2px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;color:var(--text-muted);transition:all .2s;text-align:center}.dropzone:hover,.dropzone.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.dropzone.uploading{opacity:.5;pointer-events:none}.dropzone p{font-size:.875rem}.dropzone-hint{font-size:.7rem}.saved-letters-list{display:flex;flex-direction:column;gap:.75rem}.saved-letter-item{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem;background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border)}.saved-letter-info h3{font-size:.9rem;font-weight:600;margin-bottom:.25rem}.saved-letter-preview{font-size:.8rem;color:var(--text-secondary);line-height:1.5;margin-bottom:.25rem}.saved-letter-date{font-size:.7rem;color:var(--text-muted)}.saved-letter-actions{display:flex;gap:.35rem;flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;flex:1}.empty-state-icon{color:var(--accent);opacity:.5;margin-bottom:1rem}.empty-state h2{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.empty-state p{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem;max-width:360px;line-height:1.6}.empty-state span{color:var(--text-muted);font-size:.8rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes toast-fade-in{0%{opacity:0;transform:translate(-50%,15px)}to{opacity:1;transform:translate(-50%)}}.mobile-toast,.mobile-navbar{display:none}@media(max-width:768px){.mobile-sidebar-toggle{display:flex}.mobile-navbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.mobile-hide-text,.mobile-hide{display:none!important}.mobile-toast{display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:var(--bg-tertiary);color:var(--text-primary);padding:.75rem 1.25rem;border-radius:99px;font-size:.85rem;font-weight:500;align-items:center;gap:.5rem;box-shadow:0 4px 12px #00000080;z-index:9999;animation:toast-fade-in .2s ease-out forwards;border:1px solid var(--border)}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:70;transform:translate(-100%);transition:transform .25s ease}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:65}.sidebar-overlay.visible{display:block}.dashboard-body{position:relative}.main-content{width:100%}.landing-main{padding-top:6rem}.landing-heading{font-size:2.25rem}.desktop-heading{display:none!important}.mobile-heading{display:block!important}.landing-chips-row{gap:.4rem}.landing-chip{padding:.4rem .6rem;font-size:.75rem;gap:.25rem}.workspace-header{padding:.65rem 1rem}.workspace-name{font-size:1rem}.chat-input{padding-right:4rem}.btn-send{right:1.25rem}.chat-area{padding:.75rem}.chat-input-container{padding:.5rem .75rem}.chat-message{max-width:95%}.cover-letter-actions{justify-content:flex-start}.cover-letter-block .btn{font-size:.8rem;padding:.5rem .6rem;min-width:auto;flex:0 1 auto;justify-content:center}.saved-letter-item,.resume-item{flex-direction:column;align-items:flex-start;gap:.75rem}.saved-letter-actions{width:100%;flex-wrap:wrap;justify-content:flex-start}.saved-letter-actions button{flex:1;justify-content:center}.desktop-delete-btn{display:none!important}.mobile-delete-btn{display:inline-block}.landing{min-height:100vh;min-height:100dvh}.landing-content{padding:2rem 1.5rem}.landing-title{font-size:2rem}.landing-subtitle{font-size:.95rem}.landing-actions{flex-direction:column;gap:.75rem}.landing-actions .btn{width:100%;justify-content:center}.canvas-column{position:fixed;inset:0;z-index:60;background:var(--bg-primary)}.modal{width:95vw;max-height:90vh}}@media(min-width:769px){.header{display:none}.mobile-sidebar-toggle{display:none!important}.sidebar:not(.sidebar-open){width:64px;overflow:hidden}.sidebar:not(.sidebar-open) .sidebar-branding>div,.sidebar:not(.sidebar-open) .sidebar-item-name,.sidebar:not(.sidebar-open) .sidebar-item-date,.sidebar:not(.sidebar-open) .sidebar-title,.sidebar:not(.sidebar-open) .btn-full span{display:none!important}.sidebar:not(.sidebar-open) .sidebar-branding{justify-content:center;padding:1rem 0}.sidebar:not(.sidebar-open) .sidebar-branding .btn-icon{margin:0!important}.sidebar:not(.sidebar-open) .sidebar-item-content{justify-content:center}.sidebar:not(.sidebar-open) .btn-full{padding:.5rem;justify-content:center}.sidebar:not(.sidebar-open) .sidebar-header{padding:.5rem}.sidebar-overlay{display:none!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{animation:blink 1s step-end infinite;margin-left:2px;color:var(--accent)}.mobile-header-logo{display:none}@media(max-width:768px){.landing-brand-text{display:none}.mobile-header-logo{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;transform:translate(-50%)}.desktop-only-toggle,.desktop-toggle{display:none!important}}.canvas-prose{outline:none;max-width:100%}.canvas-prose p{margin-top:0;margin-bottom:1.25em;line-height:1.6}.canvas-prose p:last-child{margin-bottom:0}.canvas-prose h1{font-size:2.25em;margin-top:0;margin-bottom:.8em;line-height:1.2;font-weight:700}.canvas-prose h2{font-size:1.5em;margin-top:1.5em;margin-bottom:.8em;line-height:1.3;font-weight:600}.canvas-prose h3{font-size:1.25em;margin-top:1.5em;margin-bottom:.8em;line-height:1.4;font-weight:600}.canvas-prose ul{list-style-type:disc;padding-left:1.5em;margin-top:1em;margin-bottom:1em}.canvas-prose ol{list-style-type:decimal;padding-left:1.5em;margin-top:1em;margin-bottom:1em}.canvas-prose li{margin-bottom:.25em}.canvas-prose li>p{margin-top:0;margin-bottom:.25em}.canvas-prose blockquote{font-style:italic;border-left:4px solid var(--border);padding-left:1em;margin-top:1.5em;margin-bottom:1.5em;color:var(--text-secondary)}.canvas-prose strong,.canvas-prose b{font-weight:600}