:root{--color-stone-50: #FAFAF9;--color-stone-100: #F5F5F4;--color-stone-200: #E7E5E4;--color-stone-300: #D6D3D1;--color-stone-400: #A8A29E;--color-stone-500: #78716C;--color-stone-600: #57534E;--color-stone-700: #44403C;--color-stone-800: #292524;--color-stone-900: #1C1917;--color-slate-700: #334155;--color-slate-800: #1E293B;--color-slate-900: #0F172A;--color-slate-950: #020617;--color-teal-50: #F0FDFA;--color-teal-100: #CCFBF1;--color-teal-200: #99F6E4;--color-teal-300: #5EEAD4;--color-teal-400: #2DD4BF;--color-teal-500: #14B8A6;--color-teal-600: #0D9488;--color-teal-700: #0F766E;--color-teal-800: #115E59;--color-teal-900: #134E4A;--color-amber-50: #FFFBEB;--color-amber-100: #FEF3C7;--color-amber-200: #FDE68A;--color-amber-300: #FCD34D;--color-amber-400: #FBBF24;--color-amber-500: #F59E0B;--color-amber-600: #D97706;--color-amber-700: #B45309;--color-amber-800: #92400E;--color-amber-900: #78350F;--color-success: #10B981;--color-success-bg: #ECFDF5;--color-success-border: #A7F3D0;--color-success-text: #065F46;--color-warning: #F59E0B;--color-warning-bg: #FFFBEB;--color-warning-border: #FDE68A;--color-warning-text: #92400E;--color-error: #EF4444;--color-error-bg: #FEF2F2;--color-error-border: #FECACA;--color-error-text: #991B1B;--color-info: #0D9488;--color-info-bg: #F0FDFA;--color-info-border: #99F6E4;--color-info-text: #115E59;--surface-bg: var(--color-stone-50);--surface-card: #FFFFFF;--surface-border: #E5E5E3;--surface-hover: var(--color-stone-100);--sidebar-bg: var(--color-slate-900);--sidebar-hover: var(--color-slate-800);--sidebar-active: rgba(255, 255, 255, .08);--sidebar-text: rgba(255, 255, 255, .7);--sidebar-text-active: #FFFFFF;--sidebar-border: rgba(255, 255, 255, .08);--user-bubble-bg: var(--color-slate-800);--user-bubble-text: #FFFFFF;--assistant-bubble-bg: #FFFFFF;--assistant-bubble-border: var(--surface-border);--assistant-accent: var(--color-teal-600);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .04);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .06), 0 1px 2px -1px rgb(0 0 0 / .06);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .06);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .06);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .08);--shadow-dark-lg: 0 10px 30px -5px rgb(0 0 0 / .4);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--header-height: 56px;--sidebar-width: 280px;--preview-width: 420px;--z-sidebar: 20;--z-header: 30;--z-dropdown: 40;--z-overlay: 50;--z-toast: 100;--color-gray-50: var(--color-stone-50);--color-gray-100: var(--color-stone-100);--color-gray-200: var(--color-stone-200);--color-gray-300: var(--color-stone-300);--color-gray-400: var(--color-stone-400);--color-gray-500: var(--color-stone-500);--color-gray-600: var(--color-stone-600);--color-gray-700: var(--color-stone-700);--color-gray-800: var(--color-stone-800);--color-gray-900: var(--color-stone-900);--color-primary-50: var(--color-teal-50);--color-primary-100: var(--color-teal-100);--color-primary-200: var(--color-teal-200);--color-primary-300: var(--color-teal-300);--color-primary-400: var(--color-teal-400);--color-primary-500: var(--color-teal-500);--color-primary-600: var(--color-teal-600);--color-primary-700: var(--color-teal-700);--color-primary-800: var(--color-teal-800);--color-primary-900: var(--color-teal-900);--color-primary: var(--color-teal-600)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;color:var(--color-stone-900);background-color:var(--surface-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-teal-600);text-decoration:none}a:hover{color:var(--color-teal-700)}code{font-family:var(--font-mono)}::selection{background:var(--color-teal-100);color:var(--color-teal-900)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-stone-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-stone-400)}.app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-layout__header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);border-bottom:1px solid var(--surface-border);background:var(--surface-card);height:var(--header-height);flex-shrink:0;box-shadow:var(--shadow-xs);z-index:var(--z-header);position:relative}.app-layout__header-left{display:flex;align-items:center;gap:var(--space-3)}.app-layout__toggle{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;width:36px;height:36px;cursor:pointer;color:var(--color-stone-500);border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast)}.app-layout__toggle:hover{background:var(--color-stone-100);color:var(--color-stone-700)}.app-layout__toggle svg{width:20px;height:20px}.app-layout__logo{font-size:var(--text-lg);font-weight:700;color:var(--color-stone-900);letter-spacing:-.01em}.app-layout__header-right{display:flex;align-items:center}.app-layout__settings-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-stone-400);border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast)}.app-layout__settings-link:hover{background:var(--color-stone-100);color:var(--color-teal-600)}.app-layout__settings-link svg{width:20px;height:20px}.app-layout__mobile-tabs{display:none}.app-layout__body{display:grid;grid-template-columns:var(--sidebar-width) 1fr var(--preview-width);flex:1;overflow:hidden}.app-layout--collapsed .app-layout__body{grid-template-columns:0px 1fr var(--preview-width)}.app-layout--no-preview .app-layout__body{grid-template-columns:var(--sidebar-width) 1fr}.app-layout--collapsed.app-layout--no-preview .app-layout__body{grid-template-columns:0px 1fr}.app-layout__sidebar{background:var(--sidebar-bg);overflow-y:auto;overflow-x:hidden;transition:width var(--transition-normal);border-right:none}.app-layout__sidebar::-webkit-scrollbar-thumb{background:#ffffff26}.app-layout__sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff40}.app-layout__sidebar--collapsed{width:0;overflow:hidden}.app-layout__chat{display:flex;flex-direction:column;overflow:hidden;background:var(--surface-bg)}.app-layout__preview{border-left:1px solid var(--surface-border);overflow-y:auto;background:var(--surface-bg)}@media(max-width:1024px){.app-layout__body{grid-template-columns:0px 1fr}.app-layout__sidebar{position:absolute;left:0;top:var(--header-height);bottom:0;width:var(--sidebar-width);z-index:var(--z-sidebar);box-shadow:var(--shadow-dark-lg)}.app-layout__sidebar--collapsed,.app-layout__preview{display:none}}@media(max-width:640px){.app-layout__mobile-tabs{display:flex;border-bottom:1px solid var(--surface-border);background:var(--surface-card);flex-shrink:0}.app-layout__mobile-tab{flex:1;padding:var(--space-2);border:none;background:none;font-size:var(--text-sm);font-weight:500;color:var(--color-stone-500);cursor:pointer;border-bottom:2px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.app-layout__mobile-tab--active{color:var(--color-teal-600);border-bottom-color:var(--color-teal-600)}.app-layout__body{grid-template-columns:1fr}.app-layout__sidebar,.app-layout__chat--hidden-mobile,.app-layout__preview--hidden-mobile{display:none}.app-layout__preview{display:flex;flex-direction:column;border-left:none}}.conversation-list{display:flex;flex-direction:column;height:100%;padding:var(--space-3);gap:var(--space-2)}.conversation-list__header{flex-shrink:0}.conversation-list__new-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:var(--color-teal-600);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.conversation-list__new-btn:hover:not(:disabled){background:var(--color-teal-700)}.conversation-list__new-btn:active:not(:disabled){transform:scale(.98)}.conversation-list__new-btn:disabled{opacity:.5;cursor:not-allowed}.conversation-list__search{flex-shrink:0}.conversation-list__search-input{width:100%;padding:var(--space-2) var(--space-3);background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-sans);color:#ffffffe6;transition:background var(--transition-fast),border-color var(--transition-fast)}.conversation-list__search-input::placeholder{color:#ffffff59}.conversation-list__search-input:focus{outline:none;background:#ffffff1a;border-color:var(--color-teal-600)}.conversation-list__items{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:0}.conversation-list__empty{color:#fff6;font-size:var(--text-sm);text-align:center;padding:var(--space-4)}.conversation-list__error{color:var(--color-error);font-size:var(--text-sm);text-align:center;padding:var(--space-2)}.conversation-list__group{margin-bottom:var(--space-1)}.conversation-list__group-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#ffffff4d;padding:var(--space-3) var(--space-2) var(--space-1)}.conversation-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);position:relative;border-left:3px solid transparent}.conversation-item:hover{background:var(--sidebar-hover)}.conversation-item--active{background:var(--sidebar-active);border-left-color:var(--color-teal-500)}.conversation-item__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.conversation-item__title{font-size:var(--text-sm);font-weight:500;color:var(--sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item--active .conversation-item__title{color:var(--sidebar-text-active)}.conversation-item__fork-icon{color:var(--color-teal-400);margin-right:2px}.conversation-item__time{font-size:11px;color:#ffffff40}.conversation-item__edit-input{width:100%;padding:2px var(--space-2);background:#ffffff1a;border:1px solid var(--color-teal-600);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-sans);color:#fff}.conversation-item__edit-input:focus{outline:none}.conversation-item__actions{position:relative;opacity:0;transition:opacity var(--transition-fast)}.conversation-item:hover .conversation-item__actions,.conversation-item__actions:focus-within{opacity:1}.conversation-item__menu-btn{background:none;border:none;color:#fff6;font-size:var(--text-base);cursor:pointer;padding:2px var(--space-1);border-radius:var(--radius-sm);letter-spacing:1px;line-height:1;transition:color var(--transition-fast),background var(--transition-fast)}.conversation-item__menu-btn:hover{color:#fffc;background:#ffffff14}.conversation-item__menu{position:absolute;right:0;top:100%;margin-top:4px;background:var(--color-slate-800);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);box-shadow:var(--shadow-dark-lg);z-index:var(--z-dropdown);min-width:120px;overflow:hidden;animation:menuFadeIn .12s var(--ease-out-expo)}.conversation-item__menu button{display:block;width:100%;padding:var(--space-2) var(--space-3);border:none;background:none;font-size:var(--text-sm);color:#ffffffb3;text-align:left;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.conversation-item__menu button:hover{background:#ffffff14;color:#fff}.conversation-item__menu button:disabled{opacity:.4;cursor:not-allowed}.chat-page__welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-4);padding:var(--space-8);text-align:center}.chat-page__welcome-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-teal-50);border-radius:var(--radius-2xl);margin-bottom:var(--space-2)}.chat-page__welcome-icon svg{width:32px;height:32px;color:var(--color-teal-600)}.chat-page__welcome h1{font-size:var(--text-3xl);font-weight:700;color:var(--color-stone-900);letter-spacing:-.02em}.chat-page__welcome p{font-size:var(--text-lg);color:var(--color-stone-500);max-width:480px}.chat-page__preview-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-stone-400);font-size:var(--text-sm)}.chat-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-panel__messages{flex:1;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);max-width:720px;width:100%;margin:0 auto}.chat-panel__loading{text-align:center;color:var(--color-stone-400);font-size:var(--text-sm);padding:var(--space-4)}.chat-panel__error{text-align:center;color:var(--color-error-text);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-lg)}.chat-panel__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:var(--space-8);text-align:center;gap:var(--space-3)}.chat-panel__empty-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-teal-50);border-radius:var(--radius-xl);margin-bottom:var(--space-2)}.chat-panel__empty-icon svg{width:28px;height:28px;color:var(--color-teal-600)}.chat-panel__empty-title{font-size:var(--text-xl);font-weight:600;color:var(--color-stone-800)}.chat-panel__empty-desc{font-size:var(--text-sm);color:var(--color-stone-500);max-width:400px}.chat-panel__examples{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4);width:100%;max-width:440px}.chat-panel__example{padding:var(--space-3) var(--space-4);border:1px solid var(--surface-border);border-radius:var(--radius-lg);background:var(--surface-card);font-size:var(--text-sm);color:var(--color-stone-700);cursor:pointer;text-align:left;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.chat-panel__example:hover{border-color:var(--color-teal-300);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.message-bubble{display:flex;flex-direction:column;max-width:85%;animation:fadeSlideIn .2s var(--ease-out-expo)}.message-bubble--user{align-self:flex-end}.message-bubble--assistant{align-self:flex-start}.message-bubble--system{align-self:center;max-width:90%}.message-bubble__row{display:flex;gap:var(--space-3);align-items:flex-start}.message-bubble__avatar{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-teal-50);border-radius:var(--radius-md);margin-top:2px}.message-bubble__avatar svg{width:16px;height:16px;color:var(--color-teal-600)}.message-bubble__content{padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);font-size:var(--text-sm);line-height:1.6;word-break:break-word}.message-bubble__content--user{background:var(--user-bubble-bg);color:var(--user-bubble-text);border-bottom-right-radius:var(--radius-sm);white-space:pre-wrap}.message-bubble__content--assistant{background:var(--assistant-bubble-bg);color:var(--color-stone-900);border:1px solid var(--assistant-bubble-border);border-left:3px solid var(--assistant-accent);border-bottom-left-radius:var(--radius-sm);box-shadow:var(--shadow-xs)}.message-bubble__content--assistant h1,.message-bubble__content--assistant h2,.message-bubble__content--assistant h3{margin-top:var(--space-3);margin-bottom:var(--space-1);font-weight:600}.message-bubble__content--assistant h1{font-size:var(--text-lg)}.message-bubble__content--assistant h2{font-size:var(--text-base)}.message-bubble__content--assistant h3{font-size:var(--text-sm);font-weight:600}.message-bubble__content--assistant p{margin-bottom:var(--space-2)}.message-bubble__content--assistant p:last-child{margin-bottom:0}.message-bubble__content--assistant ul,.message-bubble__content--assistant ol{padding-left:var(--space-5);margin-bottom:var(--space-2)}.message-bubble__content--assistant li{margin-bottom:var(--space-1)}.message-bubble__content--assistant code{background:var(--color-teal-50);color:var(--color-teal-800);padding:1px 5px;border-radius:var(--radius-sm);font-size:.85em}.message-bubble__content--assistant pre{background:var(--color-slate-900);color:var(--color-stone-200);padding:var(--space-3);border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-2) 0;font-size:var(--text-xs)}.message-bubble__content--assistant pre code{background:none;padding:0;color:inherit}.message-bubble__content--assistant table{border-collapse:collapse;margin:var(--space-2) 0;font-size:var(--text-xs);width:100%}.message-bubble__content--assistant th,.message-bubble__content--assistant td{border:1px solid var(--surface-border);padding:var(--space-1) var(--space-2);text-align:left}.message-bubble__content--assistant th{background:var(--color-stone-50);font-weight:600}.message-bubble__content--assistant blockquote{border-left:3px solid var(--color-teal-300);padding-left:var(--space-3);color:var(--color-stone-600);margin:var(--space-2) 0}.message-bubble__system-text{font-size:var(--text-xs);color:var(--color-stone-400);text-align:center}.message-bubble__cursor{display:inline-block;width:2px;height:1em;background:var(--color-teal-600);margin-left:2px;animation:blink 1s step-end infinite;vertical-align:text-bottom}.typing-indicator{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2)}.typing-indicator__dots{display:flex;gap:4px}.typing-indicator__dot{width:6px;height:6px;background:var(--color-stone-400);border-radius:var(--radius-full);animation:bounce 1.4s infinite ease-in-out both}.typing-indicator__dot:nth-child(1){animation-delay:-.32s}.typing-indicator__dot:nth-child(2){animation-delay:-.16s}.typing-indicator__label{font-size:var(--text-xs);color:var(--color-stone-500)}.context-chip{margin-bottom:var(--space-2)}.context-chip__toggle{display:flex;align-items:center;gap:var(--space-2);background:var(--color-teal-50);border:1px solid var(--color-teal-200);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--color-teal-700);cursor:pointer;transition:background var(--transition-fast)}.context-chip__toggle:hover{background:var(--color-teal-100)}.context-chip__icon{font-size:var(--text-sm)}.context-chip__arrow{font-size:8px;transition:transform var(--transition-fast)}.context-chip__arrow--open{transform:rotate(180deg)}.context-chip__list{list-style:none;margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.context-chip__item{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.context-chip__path{display:block;font-family:var(--font-mono);color:var(--color-teal-700);margin-bottom:2px}.context-chip__summary{display:block;color:var(--color-stone-600);line-height:1.4}.context-chip__repo{display:block;color:var(--color-stone-400);margin-top:2px}.clarification-card{background:var(--color-amber-50);border:1px solid var(--color-amber-200);border-radius:var(--radius-xl);padding:var(--space-4)}.clarification-card__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.clarification-card__title{font-size:var(--text-sm);font-weight:600;color:var(--color-amber-800)}.clarification-card__questions{list-style:decimal;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.clarification-card__question{font-size:var(--text-sm);color:var(--color-stone-800);line-height:1.5}.clarification-card__hint{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-stone-500)}.message-input{display:flex;align-items:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--surface-bg);position:relative;max-width:720px;width:100%;margin:0 auto;padding-bottom:var(--space-4)}.message-input__textarea{flex:1;resize:none;border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);line-height:1.5;color:var(--color-stone-900);background:var(--surface-card);max-height:200px;overflow-y:auto;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.message-input__textarea:focus{outline:none;border-color:var(--color-teal-400);box-shadow:var(--shadow-sm),0 0 0 3px var(--color-teal-50)}.message-input__textarea:disabled{background:var(--color-stone-50);color:var(--color-stone-400)}.message-input__send{flex-shrink:0;padding:var(--space-2) var(--space-4)}.message-input__hint{position:absolute;bottom:calc(var(--space-4) + 4px);right:calc(var(--space-6) + 80px);font-size:10px;color:var(--color-stone-400);pointer-events:none}.issue-preview-panel{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:var(--space-4) var(--space-5);gap:var(--space-4)}.issue-preview-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.issue-preview-panel__title{font-size:var(--text-lg);font-weight:700;color:var(--color-stone-900);flex:1;min-width:0;letter-spacing:-.01em}.issue-preview-panel__streaming-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background:var(--color-teal-50);color:var(--color-teal-700);border:1px solid var(--color-teal-200);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;animation:pulse 2s infinite}.issue-preview-panel__sections{display:flex;flex-direction:column;gap:var(--space-3)}.issue-preview-panel__loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-stone-400);font-size:var(--text-sm)}.issue-preview-panel__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;gap:var(--space-3);padding:var(--space-8)}.issue-preview-panel__empty-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-stone-100);border-radius:var(--radius-xl)}.issue-preview-panel__empty-icon svg{width:28px;height:28px;color:var(--color-stone-400)}.issue-preview-panel__empty-title{font-size:var(--text-base);font-weight:600;color:var(--color-stone-500)}.issue-preview-panel__empty-desc{font-size:var(--text-sm);color:var(--color-stone-400);max-width:280px}.issue-preview-panel__empty-hint{font-size:var(--text-xs);color:var(--color-stone-300);max-width:280px}.issue-section{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-xs);animation:fadeSlideIn .2s var(--ease-out-expo);transition:box-shadow var(--transition-normal)}.issue-section:hover{box-shadow:var(--shadow-sm)}.issue-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);gap:var(--space-2)}.issue-section__heading{font-size:11px;font-weight:600;color:var(--color-stone-500);text-transform:uppercase;letter-spacing:.06em}.issue-section__badge{flex-shrink:0;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.issue-section__badge--repo{background:var(--color-teal-100);color:var(--color-teal-800)}.issue-section__badge--user{background:var(--color-success-bg);color:var(--color-success-text)}.issue-section__badge--mixed{background:var(--color-amber-100);color:var(--color-amber-800)}.issue-section__badge--generated{background:var(--color-stone-100);color:var(--color-stone-600)}.issue-section__content{font-size:var(--text-sm);line-height:1.6;color:var(--color-stone-700)}.issue-section__content p{margin-bottom:var(--space-2)}.issue-section__content p:last-child{margin-bottom:0}.issue-section__content ul,.issue-section__content ol{padding-left:var(--space-5);margin-bottom:var(--space-2)}.issue-section__content li{margin-bottom:var(--space-1)}.issue-section__content code{background:var(--color-teal-50);color:var(--color-teal-800);padding:1px 5px;border-radius:var(--radius-sm);font-size:.85em}.issue-section__content pre{background:var(--color-slate-900);color:var(--color-stone-200);padding:var(--space-3);border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-2) 0;font-size:var(--text-xs)}.issue-section__content pre code{background:none;padding:0;color:inherit}.issue-section__citations{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-stone-100);display:flex;flex-direction:column;gap:var(--space-1)}.citation-link__toggle{display:inline-flex;align-items:center;gap:var(--space-1);background:none;border:1px solid var(--color-teal-200);border-radius:var(--radius-md);padding:2px var(--space-2);font-size:var(--text-xs);color:var(--color-teal-700);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.citation-link__toggle:hover{background:var(--color-teal-50);border-color:var(--color-teal-300)}.citation-link__icon{font-size:var(--text-sm)}.citation-link__path{font-family:var(--font-mono);font-size:11px}.citation-link__arrow{font-size:8px;transition:transform var(--transition-fast)}.citation-link__arrow--open{transform:rotate(180deg)}.citation-link__detail{background:var(--color-stone-50);border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);margin-top:var(--space-1);font-size:var(--text-xs);animation:fadeSlideIn .15s var(--ease-out-expo)}.citation-link__repo{display:block;color:var(--color-stone-400);margin-bottom:2px}.citation-link__filepath{display:block;font-family:var(--font-mono);color:var(--color-teal-700);margin-bottom:2px}.citation-link__summary{color:var(--color-stone-600);line-height:1.4;margin:0}.quality-indicator{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-xs)}.quality-indicator__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.quality-indicator__label{font-size:11px;font-weight:600;color:var(--color-stone-500);text-transform:uppercase;letter-spacing:.06em}.quality-indicator__score{font-size:var(--text-xs);color:var(--color-stone-500)}.quality-indicator__track{height:6px;background:var(--color-stone-100);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.quality-indicator__bar{height:100%;border-radius:var(--radius-full);transition:width .4s ease-out}.quality-indicator__bar--high{background:var(--color-success)}.quality-indicator__bar--medium{background:var(--color-warning)}.quality-indicator__bar--low{background:var(--color-error)}.quality-indicator__details{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-xs)}.quality-indicator__check--pass{color:var(--color-success)}.quality-indicator__check--fail{color:var(--color-stone-400)}.quality-indicator__stat{color:var(--color-stone-500)}.quality-indicator__stat--warn{color:var(--color-warning)}.version-selector{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.version-selector__label{font-size:var(--text-xs);font-weight:500;color:var(--color-stone-500)}.version-selector__select{padding:2px var(--space-2);border:1px solid var(--surface-border);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-stone-700);background:var(--surface-card);cursor:pointer;max-width:180px;transition:border-color var(--transition-fast)}.version-selector__select:focus{outline:none;border-color:var(--color-teal-500);box-shadow:0 0 0 3px var(--color-teal-50)}.issue-preview-panel__toolbar{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.issue-section__actions{display:flex;align-items:center;gap:var(--space-2)}.settings-page{max-width:640px;margin:0 auto;padding:var(--space-10) var(--space-6)}.settings-page__back{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--color-stone-500);margin-bottom:var(--space-4);transition:color var(--transition-fast)}.settings-page__back:hover{color:var(--color-teal-600)}.settings-page__back svg{width:16px;height:16px}.settings-page h2{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-8);color:var(--color-stone-900)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--surface-border);margin-bottom:var(--space-8)}.tab{padding:var(--space-2) var(--space-4);border:none;background:none;font-size:var(--text-sm);font-weight:500;color:var(--color-stone-500);cursor:pointer;border-bottom:2px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.tab:hover{color:var(--color-stone-700)}.tab-active{color:var(--color-teal-600);border-bottom-color:var(--color-teal-600)}.settings-section h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);color:var(--color-stone-900)}.settings-description{color:var(--color-stone-500);font-size:var(--text-sm);margin-bottom:var(--space-6)}.settings-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-group label{font-size:var(--text-sm);font-weight:500;color:var(--color-stone-700)}.form-group input[type=text],.form-group input[type=password],.form-group input[type=number],.form-group select{padding:var(--space-2) var(--space-3);border:1px solid var(--surface-border);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-stone-900);background:var(--surface-card);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-teal-500);box-shadow:0 0 0 3px var(--color-teal-50)}.form-group input[type=range]{accent-color:var(--color-teal-600)}.form-group-checkbox label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.form-group-checkbox input[type=checkbox]{accent-color:var(--color-teal-600);width:16px;height:16px}.field-hint{font-size:var(--text-xs);color:var(--color-stone-400)}.form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.btn{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background-color var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-teal-600);color:#fff;box-shadow:var(--shadow-xs)}.btn-primary:hover:not(:disabled){background-color:var(--color-teal-700);box-shadow:var(--shadow-sm)}.btn-secondary{background-color:var(--color-stone-100);color:var(--color-stone-700)}.btn-secondary:hover:not(:disabled){background-color:var(--color-stone-200)}.btn-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.btn-danger{background:var(--color-error);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer}.btn-danger:hover{opacity:.9}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm)}.alert-success{background-color:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border)}.alert-error{background-color:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-error-border)}.copy-button{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface-card);font-size:var(--text-xs);color:var(--color-stone-600);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.copy-button:hover{background:var(--color-stone-50);border-color:var(--color-stone-400)}.copy-button--copied{color:var(--color-success);border-color:var(--color-success)}.copy-button--icon-only{padding:2px 4px}.copy-button--icon-only .copy-button__label{display:none}.copy-button__icon{font-size:var(--text-sm);line-height:1}.export-menu{position:relative}.export-menu__trigger{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface-card);font-size:var(--text-xs);color:var(--color-stone-600);cursor:pointer;transition:background var(--transition-fast);white-space:nowrap}.export-menu__trigger:hover{background:var(--color-stone-50)}.export-menu__trigger:disabled{opacity:.5;cursor:not-allowed}.export-menu__arrow{font-size:8px}.export-menu__dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);min-width:120px;overflow:hidden;animation:menuFadeIn .12s var(--ease-out-expo)}.export-menu__option{display:block;width:100%;padding:var(--space-2) var(--space-3);border:none;background:none;font-size:var(--text-sm);color:var(--color-stone-700);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.export-menu__option:hover{background:var(--color-stone-50)}.toast-container{position:fixed;bottom:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{pointer-events:auto;padding:var(--space-3) var(--space-5);background:var(--color-slate-800);color:#fff;border-radius:var(--radius-lg);font-size:var(--text-sm);box-shadow:var(--shadow-xl);animation:toastSlideIn .3s var(--ease-out-expo);cursor:pointer}.template-selector-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.template-selector-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.template-selector{position:relative;z-index:1;background:var(--color-slate-800);border-radius:var(--radius-xl);padding:var(--space-6);max-width:560px;width:90%;box-shadow:var(--shadow-lg);color:var(--sidebar-text)}.template-selector__header h3{margin:0 0 var(--space-1) 0;font-size:var(--text-lg);color:var(--sidebar-text-active)}.template-selector__header p{margin:0 0 var(--space-4) 0;color:#fff6;font-size:var(--text-sm)}.template-selector__empty{color:#fff6;font-size:var(--text-sm);margin-bottom:var(--space-4)}.template-selector__grid{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.template-card{display:block;width:100%;text-align:left;padding:var(--space-3);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:#ffffff0a;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.template-card:hover{border-color:var(--color-teal-600);background:#ffffff0f}.template-card--selected{border-color:var(--color-teal-500);background:#0d94881f;box-shadow:0 0 0 1px var(--color-teal-500)}.template-card__name{font-weight:600;font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2);color:#ffffffe6}.template-card__badge{font-size:var(--text-xs);background:var(--color-teal-600);color:#fff;padding:1px 6px;border-radius:var(--radius-sm);font-weight:500}.template-card__desc{font-size:var(--text-xs);color:#fff6;margin-top:var(--space-1)}.template-card__sections{font-size:var(--text-xs);color:#ffffff40;margin-top:var(--space-1)}.template-selector__actions{display:flex;gap:var(--space-2);justify-content:flex-end}.template-manager{padding:var(--space-2) 0}.template-manager__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.template-manager__header h3{margin:0}.template-manager__empty{color:var(--color-stone-500);font-size:var(--text-sm)}.template-manager__actions{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--surface-border)}.template-list-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);border:1px solid var(--surface-border);border-radius:var(--radius-lg);margin-bottom:var(--space-2);transition:box-shadow var(--transition-fast)}.template-list-item:hover{box-shadow:var(--shadow-xs)}.template-list-item__name{font-weight:600;font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2)}.template-list-item__desc{font-size:var(--text-xs);color:var(--color-stone-500);margin-top:var(--space-1)}.template-list-item__actions{display:flex;gap:var(--space-1)}.template-sections__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.template-sections__header h4{margin:0;font-size:var(--text-sm)}.template-sections__empty{color:var(--color-stone-500);font-size:var(--text-xs);font-style:italic}.template-section-row{display:flex;gap:var(--space-2);align-items:center;margin-bottom:var(--space-2)}.template-section-row__name{width:160px;flex-shrink:0}.template-section-row__guidance{flex:1}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}:focus-visible{outline:2px solid var(--color-teal-500);outline-offset:2px}.message-input__textarea:focus-visible,.conversation-list__search-input:focus-visible,.form-group input:focus-visible,.form-group select:focus-visible,.version-selector__select:focus-visible{outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}