:root{--bg-primary: #faf8f5;--bg-secondary: #f0ece5;--bg-elevated: #ffffff;--bg-dark: #2d3130;--bg-darker: #262b29;--bg-darkest: #1f2422;--green-50: #f0f4ef;--green-100: #e0e8de;--green-200: #c8d4c4;--green-300: #a8b5a0;--green-400: #9caa97;--green-500: #6b7c5e;--green-600: #4a5d52;--green-700: #3d4a42;--green-800: #2d3530;--stone-50: #faf8f5;--stone-100: #f0ece5;--stone-200: #e8e0d5;--stone-300: #d4cfc5;--stone-400: #b8a99a;--stone-500: #9a8c7d;--stone-600: #6b6258;--stone-700: #3c3f3d;--stone-800: #2a2c2b;--accent-terracotta: #c17c60;--accent-terracotta-light: #d4927a;--accent-ochre: #d4a957;--accent-ochre-light: #e5c078;--accent-clay: #c4a77d;--editor-bg: var(--bg-dark);--editor-gutter: var(--bg-darker);--editor-chrome: var(--bg-darkest);--editor-border: #3d4340;--editor-text: #e8e0d5;--editor-text-muted: var(--green-400);--editor-line-number: #5a6560;--editor-selection: rgba(156, 170, 151, .2);--editor-highlight: rgba(156, 170, 151, .1);--syntax-keyword: #a8c99c;--syntax-string: var(--accent-ochre);--syntax-comment: #7a8578;--syntax-function: var(--accent-terracotta);--syntax-variable: var(--green-300);--syntax-number: var(--accent-clay);--text-primary: var(--stone-700);--text-secondary: var(--stone-500);--text-muted: var(--green-400);--text-inverse: var(--stone-100);--border-default: var(--stone-300);--border-subtle: var(--stone-200);--border-strong: var(--green-500);--interactive-primary: var(--green-500);--interactive-hover: var(--green-600);--interactive-active: var(--green-700);--interactive-muted: var(--green-100);--focus-ring: var(--green-400);--focus-ring-offset: var(--bg-primary);--shadow-sm: 0 1px 2px rgba(45, 49, 48, .05);--shadow-md: 0 4px 12px rgba(45, 49, 48, .1);--shadow-lg: 0 12px 32px rgba(45, 49, 48, .15);--shadow-xl: 0 24px 48px rgba(45, 49, 48, .2);--font-sans: "DM Sans", "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", "Consolas", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px}*{box-sizing:border-box}:root{color-scheme:light;font-family:var(--font-sans);line-height:1.6;font-weight:400;background-color:var(--bg-primary);color:var(--text-primary)}body{margin:0;background:var(--bg-primary)}#root{min-height:100vh;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.skip-link{position:absolute;top:-40px;left:16px;padding:8px 12px;background-color:var(--interactive-primary);color:var(--text-inverse);border-radius:var(--radius-sm);transition:top .2s ease;text-decoration:none;z-index:100}.skip-link:focus{top:16px}.app-root{margin:0 auto;padding:32px clamp(16px,4vw,56px) 48px;max-width:1400px;display:flex;flex-direction:column;gap:24px}.app-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.app-header__actions{display:flex;gap:12px;align-items:center}.app-header h1{margin:0;font-size:clamp(2rem,4vw,2.8rem);font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.app-header p{margin:0;color:var(--text-secondary);max-width:64ch}.app-main{display:flex;flex-direction:column;gap:24px}@media (min-width: 1100px){.app-main{flex-direction:row;align-items:flex-start}}.catalog-fab{position:fixed;right:16px;bottom:16px;z-index:1000}.catalog-fab__button{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:9999px;border:1px solid var(--border-default);background:var(--bg-dark);color:var(--text-inverse);font-size:.95rem;font-weight:600;text-decoration:none;box-shadow:var(--shadow-lg);transition:all .2s ease}.catalog-fab__button:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);background:var(--bg-darker)}.search-bar{display:flex;flex-direction:column;gap:8px;background:var(--green-50);padding:16px;border-radius:var(--radius-lg);border:1px solid var(--green-200)}.search-bar__label{font-weight:600;color:var(--text-primary)}.search-bar__input-row{display:flex;gap:8px;align-items:center}.search-bar__input-row input{flex:1;border-radius:var(--radius-md);border:1px solid var(--border-default);padding:10px 14px;font-size:1rem;font-family:var(--font-sans);background-color:var(--bg-elevated);color:var(--text-primary);transition:all .15s ease}.search-bar__input-row input:focus{outline:none;border-color:var(--interactive-primary);box-shadow:0 0 0 3px var(--interactive-muted)}.search-bar__clear{border:none;border-radius:var(--radius-md);padding:10px 16px;background-color:var(--interactive-primary);color:var(--text-inverse);cursor:pointer;font-weight:600;font-family:var(--font-sans);transition:all .15s ease}.search-bar__clear:hover{background-color:var(--interactive-hover)}.search-bar__clear:disabled{background-color:var(--stone-300);cursor:not-allowed}.search-bar__results{margin:0;font-size:.95rem;color:var(--text-secondary)}.filter-panel{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.filter-panel__types{display:flex;flex-wrap:wrap;gap:8px}.filter-panel__type-btn{display:flex;align-items:center;gap:8px;background:var(--bg-elevated);border:2px solid var(--border-default);border-radius:var(--radius-lg);padding:10px 18px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);font-size:.95rem;font-weight:500;font-family:var(--font-sans);white-space:nowrap}.filter-panel__type-btn:hover{background:var(--green-50);border-color:var(--interactive-primary);color:var(--interactive-primary);transform:translateY(-1px)}.filter-panel__type-btn--active{background:var(--interactive-primary);border-color:var(--interactive-primary);color:var(--text-inverse)}.filter-panel__type-label{font-weight:600;pointer-events:none}.filter-panel__type-count{background:var(--green-100);padding:2px 8px;border-radius:10px;font-size:.8rem;font-weight:600;color:var(--text-secondary);pointer-events:none}.filter-panel__type-btn--active .filter-panel__type-count{background:var(--interactive-hover);color:var(--text-inverse)}.filter-panel__tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-panel__tags-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);flex-shrink:0}.filter-panel__tags-list{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.filter-panel__tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--green-50);border:1px solid var(--green-200);border-radius:9999px;color:var(--green-600);font-size:.8rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all .15s ease;white-space:nowrap}.filter-panel__tag:hover{background:var(--green-100);border-color:var(--green-400)}.filter-panel__tag--active{background:var(--green-500);border-color:var(--green-500);color:var(--text-inverse)}.filter-panel__tag--active:hover{background:var(--green-600);border-color:var(--green-600)}.filter-panel__tag-count{font-size:.7rem;opacity:.8}.filter-panel__more-btn{padding:6px 12px;background:transparent;border:1px dashed var(--border-default);border-radius:9999px;color:var(--text-secondary);font-size:.8rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all .15s ease;white-space:nowrap}.filter-panel__more-btn:hover{background:var(--stone-100);border-color:var(--text-secondary);color:var(--text-primary)}.tab-panel{position:relative;margin-bottom:24px;display:flex;align-items:center;gap:8px}.tab-panel__container{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:4px 0;flex:1}.tab-panel__container::-webkit-scrollbar{display:none}.tab-panel__tab{flex-shrink:0;display:flex;align-items:center;gap:8px;background:var(--bg-elevated);border:2px solid var(--border-default);border-radius:var(--radius-lg);padding:12px 20px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);font-size:.95rem;font-weight:500;font-family:var(--font-sans);white-space:nowrap}.tab-panel__tab:hover{background:var(--green-50);border-color:var(--interactive-primary);color:var(--interactive-primary);transform:translateY(-1px)}.tab-panel__tab--active{background:var(--interactive-primary);border-color:var(--interactive-primary);color:var(--text-inverse)}.tab-panel__tab-label{font-weight:600;pointer-events:none}.tab-panel__tab-count{background:var(--green-100);padding:2px 8px;border-radius:10px;font-size:.85rem;font-weight:600;color:var(--text-secondary);pointer-events:none}.tab-panel__tab--active .tab-panel__tab-count{background:var(--interactive-hover);color:var(--text-inverse)}.tab-panel__arrow{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:2px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .2s ease;z-index:1}.tab-panel__arrow:hover{background:var(--green-50);border-color:var(--interactive-primary);color:var(--interactive-primary)}.results-summary{font-size:1rem;color:var(--text-secondary)}.chatmode-list{display:grid;grid-template-columns:1fr;gap:20px;outline:none}@media (min-width: 768px){.chatmode-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1200px){.chatmode-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.chatmode-card{position:relative;background:var(--bg-elevated);border-radius:var(--radius-xl);border:1px solid var(--border-default);padding:0;display:flex;flex-direction:column;transition:all .2s ease;box-shadow:var(--shadow-sm);overflow:hidden;cursor:pointer}.chatmode-card:focus{outline:none;box-shadow:0 0 0 3px var(--interactive-muted)}.chatmode-card:hover{border-color:var(--interactive-primary);box-shadow:var(--shadow-lg)}.chatmode-card--active{border-color:var(--interactive-primary);box-shadow:0 0 0 3px var(--interactive-muted)}.chatmode-card__expand-icon{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border-radius:var(--radius-md);color:var(--text-muted);opacity:0;transform:scale(.8);transition:all .15s ease;z-index:2;box-shadow:var(--shadow-sm)}.chatmode-card:hover .chatmode-card__expand-icon{opacity:1;transform:scale(1);color:var(--interactive-primary)}.chatmode-card__header{padding:20px 20px 0;margin-bottom:8px}.chatmode-card__header-main{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.chatmode-card__header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.artifact-type-badge{flex-shrink:0;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.artifact-type-badge--chatmode{background:var(--green-100);color:var(--green-600)}.artifact-type-badge--prompt{background:#fef3c7;color:#92400e}.artifact-type-badge--instructions{background:#dbeafe;color:#1e40af}.artifact-type-badge--task{background:#fce7f3;color:#9d174d}.artifact-type-badge--agent{background:var(--stone-200);color:var(--stone-700)}.chatmode-card__description{margin:0;padding:0 20px;color:var(--text-secondary);font-size:.95rem;line-height:1.6;flex-grow:1}.chatmode-card__tags{list-style:none;display:flex;flex-wrap:wrap;align-items:flex-end;align-content:flex-end;gap:8px;margin:0;padding:12px 20px}.chatmode-card__tags li{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:9999px;background:var(--green-50);border:1px solid var(--green-200);color:var(--green-600);font-size:.75rem;font-weight:500;line-height:1;white-space:nowrap}.chatmode-card__meta{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid var(--border-subtle);background:var(--stone-50)}.chatmode-card__timestamp{font-size:.8rem;color:var(--text-muted)}.chatmode-card__install-badge{display:inline-flex;align-items:center;text-decoration:none;transition:all .15s ease;border-radius:4px}.chatmode-card__install-badge:hover{transform:scale(1.02)}.chatmode-card__install-badge img{height:22px;width:auto}.chatmode-card__footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;border-top:1px solid var(--border-subtle)}.chatmode-card__footer-info{display:flex;flex-direction:column;gap:4px}.chatmode-card__install-button{display:inline-flex;align-items:center;text-decoration:none;transition:all .15s ease}.chatmode-card__install-button:hover{transform:scale(1.05);opacity:.9}.chatmode-card__install-button img{display:block;height:20px;width:auto}.chatmode-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:flex-start;padding:32px 16px;z-index:200}.chatmode-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#2d313099;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chatmode-modal__dialog{position:relative;max-width:min(1200px,calc(100vw - 32px));width:100%;background:var(--bg-dark);border-radius:var(--radius-xl);border:1px solid var(--editor-border);box-shadow:var(--shadow-xl);overflow:hidden;max-height:calc(100vh - 64px);display:flex;flex-direction:column}.ide-layout{display:flex;flex-direction:column;height:100%;min-height:500px;max-height:calc(100vh - 64px)}.ide-layout__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--editor-chrome);border-bottom:1px solid var(--editor-border)}.ide-layout__header-info{display:flex;flex-direction:column;gap:4px}.ide-layout__title{margin:0;font-size:1.25rem;font-weight:600;color:var(--editor-text)}.ide-layout__description{margin:0;font-size:.9rem;color:var(--editor-text-muted);max-width:50ch}.ide-layout__close{border:none;background:transparent;color:var(--editor-text-muted);font-size:1.5rem;width:36px;height:36px;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.ide-layout__close:hover{background:var(--editor-highlight);color:var(--editor-text)}.ide-layout__body{display:flex;flex:1;overflow:hidden}.ide-layout__footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--editor-chrome);border-top:1px solid var(--editor-border)}.ide-layout__footer-info{font-size:.85rem;color:var(--editor-text-muted);font-style:italic}.ide-layout__footer-actions{display:flex;gap:12px;align-items:center}.ide-layout__vscode-btn{display:inline-flex;align-items:center;text-decoration:none;transition:all .15s ease}.ide-layout__vscode-btn:hover{transform:scale(1.05)}.ide-layout__vscode-btn img{height:28px;width:auto}.file-tree{width:260px;flex-shrink:0;background:var(--editor-gutter);border-right:1px solid var(--editor-border);display:flex;flex-direction:column;overflow:hidden}.file-tree__header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--editor-chrome);border-bottom:1px solid var(--editor-border)}.file-tree__header-icon{font-size:1.1rem}.file-tree__header-title{font-weight:600;font-size:.9rem;color:var(--editor-text);text-transform:uppercase;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-tree__nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0}.file-tree__list,.file-tree__children{list-style:none;margin:0;padding:0}.file-tree__node{display:flex;flex-direction:column}.file-tree__item{display:flex;align-items:center;gap:6px;padding:7px 12px;background:transparent;border:none;color:var(--editor-text-muted);font-size:.875rem;font-family:var(--font-sans);cursor:pointer;text-align:left;width:100%;transition:all .1s ease}.file-tree__item:hover:not(:disabled){background:var(--editor-highlight);color:var(--editor-text)}.file-tree__item--selected{background:var(--editor-selection);color:var(--syntax-keyword);border-left:2px solid var(--syntax-keyword)}.file-tree__item--folder{color:var(--editor-text);cursor:pointer}.file-tree__item--folder:hover{background:var(--editor-highlight)}.file-tree__chevron{font-size:.7rem;color:var(--editor-text-muted);width:12px;transition:transform .15s ease}.file-tree__chevron--collapsed{transform:rotate(-90deg)}.file-tree__count{margin-left:auto;font-size:.7rem;color:var(--editor-line-number);background:var(--editor-highlight);padding:1px 6px;border-radius:8px}.file-tree__icon{font-size:.95rem;flex-shrink:0}.file-tree__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-tree__footer{display:flex;gap:16px;padding:10px 16px;background:var(--editor-chrome);border-top:1px solid var(--editor-border)}.file-tree__stat{font-size:.75rem;color:var(--editor-text-muted)}.editor-preview{flex:1;display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-mono);background:var(--editor-bg)}.editor-chrome{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--editor-chrome);border-bottom:1px solid var(--editor-border)}.editor-chrome__title{display:flex;align-items:center;justify-content:flex-start;gap:8px;color:var(--editor-text-muted);font-size:.85rem;font-family:var(--font-sans)}.editor-chrome__icon{font-size:1rem}.editor-body{display:flex;flex:1;overflow:hidden}.editor-body__status{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px;color:var(--editor-text-muted);font-family:var(--font-sans)}.editor-body__status--error{color:var(--accent-terracotta)}.editor-body__spinner{width:32px;height:32px;border:3px solid var(--editor-border);border-top-color:var(--green-400);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.editor-body__retry{padding:8px 16px;background:var(--accent-terracotta);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:600;cursor:pointer;transition:background .15s ease}.editor-body__retry:hover{background:var(--accent-terracotta-light)}.editor-gutter{display:flex;flex-direction:column;padding:20px 0;background:var(--editor-gutter);border-right:1px solid var(--editor-border);-webkit-user-select:none;user-select:none;overflow-y:auto}.editor-gutter__line{padding:0 16px;font-size:.85rem;line-height:1.7;color:var(--editor-line-number);text-align:right;min-width:48px}.editor-content{flex:1;padding:20px 24px;overflow:auto;background:var(--editor-bg)}.editor-content__markdown{color:var(--editor-text);font-family:var(--font-sans);font-size:.95rem;line-height:1.7}.editor-content__markdown h1,.editor-content__markdown h2,.editor-content__markdown h3,.editor-content__markdown h4{color:var(--editor-text);margin:1.5em 0 .75em;font-weight:600}.editor-content__markdown h1{font-size:1.75rem;border-bottom:1px solid var(--editor-border);padding-bottom:.5em}.editor-content__markdown h2{font-size:1.4rem}.editor-content__markdown h3{font-size:1.15rem}.editor-content__markdown p{margin:0 0 1em}.editor-content__markdown a{color:var(--syntax-keyword);text-decoration:none}.editor-content__markdown a:hover{text-decoration:underline}.editor-content__markdown code{background:var(--editor-gutter);border:1px solid var(--editor-border);border-radius:4px;padding:2px 6px;color:var(--syntax-string);font-family:var(--font-mono);font-size:.9em}.editor-content__markdown pre{background:var(--editor-gutter);border:1px solid var(--editor-border);border-left:3px solid var(--green-500);border-radius:var(--radius-md);padding:16px 20px;overflow-x:auto;margin:1em 0}.editor-content__markdown pre code{background:transparent;border:none;padding:0;color:var(--editor-text);font-size:.9rem;line-height:1.6}.editor-content__markdown ul,.editor-content__markdown ol{margin:0 0 1em;padding-left:1.5em}.editor-content__markdown li{margin-bottom:.5em}.editor-content__markdown blockquote{margin:1em 0;padding:12px 20px;background:var(--editor-highlight);border-left:3px solid var(--accent-ochre);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--editor-text-muted)}.editor-content__markdown table{width:100%;border-collapse:collapse;margin:1em 0}.editor-content__markdown th,.editor-content__markdown td{padding:10px 14px;border:1px solid var(--editor-border);text-align:left}.editor-content__markdown th{background:var(--editor-gutter);font-weight:600}.editor-content__markdown hr{border:none;border-top:1px solid var(--editor-border);margin:2em 0}.editor-content__raw{margin:0;background:transparent;border:none}.editor-content__raw code{font-size:.9rem;line-height:1.7;color:var(--editor-text);background:transparent;border:none;padding:0}.editor-statusbar{display:flex;justify-content:space-between;padding:6px 16px;background:var(--editor-chrome);border-top:1px solid var(--editor-border);font-family:var(--font-sans)}.editor-statusbar__left,.editor-statusbar__right{display:flex;gap:20px}.editor-statusbar__item{font-size:.75rem;color:var(--editor-text-muted)}@media (max-width: 768px){.file-tree{display:none}.ide-layout__body{flex-direction:column}.chatmode-modal{padding:16px 8px}.ide-layout__header{flex-direction:column;align-items:flex-start;gap:12px}.ide-layout__close{position:absolute;top:12px;right:12px}}.chatmode-detail__header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.chatmode-detail__header h2{margin:0 0 8px;font-size:clamp(1.6rem,2.4vw,2rem);color:var(--text-primary)}.chatmode-detail__header p{margin:0;color:var(--text-secondary)}.chatmode-detail__close{border:none;background:var(--interactive-primary);color:var(--text-inverse);font-size:1.6rem;line-height:1;border-radius:9999px;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease}.chatmode-detail__close:hover{background:var(--interactive-hover)}.chatmode-detail__content{flex:1 1 auto;overflow-y:auto;padding:20px;border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid var(--border-default)}.chatmode-detail__actions{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.chatmode-detail__helper{margin:0;font-size:.875rem;color:var(--text-muted);font-style:italic}.chatmode-detail__button{border:none;border-radius:var(--radius-md);padding:10px 16px;background:var(--interactive-primary);color:var(--text-inverse);font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:background-color .15s ease}.chatmode-detail__button:hover{background:var(--interactive-hover)}.chatmode-detail__status{padding:16px;background:var(--green-50);border-radius:var(--radius-lg);border:1px solid var(--green-200);color:var(--text-secondary)}