:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f4f6;--surface:#fff;--surface-2:#f8fafc;--border:#d9dee7;--text:#0f172a;--muted:#667085;--primary:#0f172a;--primary-contrast:#fff;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--shadow-soft:0 8px 24px #0f172a0f;font-family:Inter,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--bg);color:var(--text)}button,input{font:inherit}.app-shell{max-width:1440px;margin:0 auto;padding:20px}.app-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.app-header__brand{align-items:center;gap:16px;display:flex}.app-header__icon{color:#fff;background:#111827;border-radius:18px;place-items:center;width:56px;height:56px;font-weight:700;display:grid}.app-header__title{margin:0;font-size:2rem;line-height:1.1}.app-header__subtitle{color:var(--muted);margin:4px 0 0}.app-header__selection{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);white-space:nowrap;border-radius:18px;padding:12px 18px}.app-layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:20px;display:grid}.app-layout__main,.app-layout__sidebar{flex-direction:column;gap:20px;display:flex}.app-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.search-panel{padding:24px}.search-panel__input{border:1px solid var(--border);background:var(--surface-2);border-radius:16px;outline:none;width:100%;padding:18px 20px}.search-panel__input:focus{border-color:#94a3b8}.template-groups-panel{flex-direction:column;gap:20px;padding:24px;display:flex}.template-category{border:1px solid #0000;border-radius:20px;padding:20px}.template-category--language{background:#eef4ff;border-color:#cfe0ff}.template-category--framework{background:#f5efff;border-color:#dfccff}.template-category--ide{background:#edf8f0;border-color:#cdebd4}.template-category--os{background:#fbf3ea;border-color:#f0d9bf}.template-category__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.template-category__count{color:var(--muted);font-size:.95rem}.template-category__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.template-category__header-button{border:1px solid var(--border);background:var(--surface);width:100%;font:inherit;color:inherit;cursor:pointer;text-align:left;border-radius:8px;padding:12px 16px;transition:background .12s,border-color .12s}.template-category__header-button:hover{background:var(--surface-2);border-color:var(--primary)}.template-category__chevron{margin-left:auto;font-size:clamp(1.2rem,2vw,2rem)}.template-chip{border:1px solid var(--border);cursor:pointer;background:#fffc;border-radius:16px;padding:14px 16px;transition:transform .12s,border-color .12s,background .12s}.template-chip:hover{transform:translateY(-1px)}.template-chip--selected{color:#fff;background:#0f172a;border-color:#0f172a}.preview-panel{padding:24px}.preview-panel__header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:16px;display:flex}.preview-panel__title{margin:0;font-size:1.6rem}.preview-panel__meta{color:var(--muted);margin:4px 0 0}.preview-panel__selected{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.selected-template-pill{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.selected-template-pill__remove{opacity:.7}.preview-panel__content{color:#fff;white-space:pre-wrap;background:#0b132b;border-radius:20px;min-height:560px;margin:0;padding:20px;overflow:auto}.app-loading{padding:40px}.app-layout__sidebar{position:relative}.preview-panel-card{position:sticky;top:20px}.template-category__title-row{align-items:center;gap:12px;min-width:0;display:flex}.template-category__icon{background:#fffc;border:1px solid #0f172a14;border-radius:12px;flex:none;place-items:center;width:36px;height:36px;font-size:.95rem;font-weight:700;display:grid}.template-category__title{margin:0;font-size:1.4rem}.preview-panel__empty{background:var(--surface-2);border:1px dashed var(--border);min-height:220px;color:var(--muted);border-radius:20px;padding:20px}.app-footer{border-top:1px solid var(--border);margin-top:32px;padding:20px 0}.app-footer__content{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:10px;font-size:.9rem;display:flex}.app-footer__divider{opacity:.6}.app-footer__link{color:var(--text);font-weight:500;text-decoration:none}.app-footer__link:hover{text-decoration:underline}.preview-panel__actions{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.preview-panel__action{color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:16px;padding:14px 18px}.preview-panel__action--secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.preview-panel__action:disabled{opacity:.55;cursor:not-allowed}@media (width<=1080px){.app-layout{grid-template-columns:1fr}.template-category__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-panel-card{position:static}}@media (width<=640px){.app-shell{padding:12px}.app-header{flex-direction:column;align-items:stretch}.template-category__grid{grid-template-columns:1fr}}