.blog{max-width:1280px;margin:0 auto;padding:48px 24px 64px}@media (width<=640px){.blog{padding:32px 48px}}.blog-card{border:1px solid var(--color-border-primary);background:var(--color-bg-primary);width:100%;max-width:380px;box-shadow:0 10px 30px var(--color-shadow);border-radius:18px;transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden}.blog-card:hover{border-color:var(--color-border-primary);box-shadow:0 18px 45px var(--color-shadow-strong);transform:translateY(-4px)}.blog-card__image-link{text-decoration:none;display:block}.blog-card__image{object-fit:cover;background:color-mix(in srgb, var(--color-text-primary) 6%, transparent);width:100%;height:220px;display:block}.blog-card__content{padding:22px}.blog-card__category{border:1px solid var(--color-text-secondary);background:color-mix(in srgb, var(--color-text-primary) 6%, transparent);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;border-radius:9px;margin-bottom:12px;padding:6px 10px;display:inline-flex}.blog-card__title{font-size:var(--font-size-heading);line-height:1.3;font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);margin:0}.blog-card__excerpt{color:var(--color-text-primary);font-size:var(--font-size-body);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:12px 0 0;line-height:1.65;display:-webkit-box;overflow:hidden}.blog-card__footer{color:var(--color-text-gray);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}@media (width<=480px){.blog-card{border-radius:14px;max-width:100%}.blog-card__image{height:190px}.blog-card__content{padding:18px}.blog-card__title{font-size:var(--font-size-body-lg)}}.blog-details{max-width:1280px;margin:0 auto;padding:48px 24px}.blog-details__not-found{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.blog-details__header{text-align:center;flex-direction:column;align-items:center;gap:16px;margin:0 auto 48px;display:flex}.blog-details__date{background:color-mix(in srgb, var(--color-text-primary) 8%, transparent);color:color-mix(in srgb, var(--color-text-primary) 72%, transparent);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);border-radius:999px;padding:6px 14px;display:inline-flex}.blog-details__title{max-width:100%;font-size:var(--font-size-display);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:1.15}.blog-details__excerpt{max-width:42rem;color:color-mix(in srgb, var(--color-text-primary) 72%, transparent);font-size:var(--font-size-body);margin:0;line-height:1.7}.blog-details__image{aspect-ratio:16/9;object-fit:cover;background:color-mix(in srgb, var(--color-text-primary) 6%, transparent);border-radius:20px;width:100%;max-width:520px;margin-top:8px;display:block}.blog-details__body,.blog-details__content{min-width:0}.blog-details__markdown{color:color-mix(in srgb, var(--color-text-primary) 82%, transparent);font-size:var(--font-size-body);line-height:1.8}.blog-details__markdown h1{display:none}.blog-details__markdown h2,.blog-details__markdown h3,.blog-details__markdown h4{scroll-margin-top:96px}.blog-details__markdown h2{font-size:var(--font-size-heading);font-weight:var(--font-weight-bold);color:var(--color-text-primary);border-bottom:0;margin:2.5rem 0 1rem;padding-bottom:0}.blog-details__markdown h3{font-size:var(--font-size-body-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:2rem 0 .75rem}.blog-details__markdown p,.blog-details__markdown ul,.blog-details__markdown ol,.blog-details__markdown blockquote,.blog-details__markdown pre{margin:0 0 1.25rem}.blog-details__markdown a{color:var(--color-text-secondary);text-underline-offset:.15em;text-decoration:underline}.blog-details__markdown a:hover{color:var(--color-link-hover)}.blog-details__markdown blockquote{border-left:3px solid var(--color-text-secondary);color:color-mix(in srgb, var(--color-text-primary) 78%, transparent);padding:.25rem 0 .25rem 1.25rem;font-style:italic}.blog-details__markdown pre{background-color:color-mix(in srgb, var(--color-text-primary) 8%, transparent);border:0;border-radius:12px;max-width:100%;padding:18px 20px;overflow-x:auto}.blog-details__markdown code{color:var(--color-text-secondary);background-color:#0000}.blog-details__markdown ul,.blog-details__markdown ol{padding-left:1.35rem}.blog-details__markdown li+li{margin-top:.5rem}@media (width<=640px){.blog-details{padding-top:32px;padding-bottom:64px}.blog-details__header{margin-bottom:32px;padding:0 4px}.blog-details__title{max-width:none}.blog-details__image{border-radius:14px}}.home{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:64px;max-width:1280px;margin:0 auto;padding:80px 24px 96px;display:grid;position:relative}.home-content{flex-direction:column;gap:24px;display:flex}.home-greeting{font-size:var(--font-size-body-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.home-eyebrow{color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);letter-spacing:.12em;text-transform:uppercase;margin:0}.home-title{font-size:var(--font-size-display);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:1.05}.home-subtitle{font-size:var(--font-size-heading);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);max-width:35rem;margin:0;line-height:1.4}.home-bio{font-size:var(--font-size-body-lg);color:var(--color-text-primary);max-width:38rem;margin:0;line-height:1.75}.home-actions{flex-wrap:wrap;gap:12px;padding-top:8px;display:flex}.home-action{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;text-decoration:none;transition:transform .2s,color .2s,background-color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.home-action:hover{transform:translateY(-2px)}.home-action-primary{background-color:var(--color-text-secondary);color:var(--color-bg-primary);border:1px solid var(--color-text-secondary)}.home-action-primary:hover{color:var(--color-bg-primary);background-color:var(--color-link-hover);border-color:var(--color-link-hover);box-shadow:0 8px 24px color-mix(in srgb, var(--color-text-secondary) 28%, transparent)}.home-action-arrow{transition:transform .2s}.home-action-primary:hover .home-action-arrow{transform:translate(3px)}.home-action-secondary{color:var(--color-text-primary);border:1px solid var(--color-border-primary);background-color:#0000}.home-action-secondary:hover{color:var(--color-link-hover);border-color:var(--color-text-secondary)}.home-aside{flex-direction:column;align-items:stretch;display:flex}.home-card{border:1px solid var(--color-border-primary);background:linear-gradient(180deg, color-mix(in srgb, var(--color-text-primary) 5%, transparent), color-mix(in srgb, var(--color-text-primary) 2%, transparent));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:18px;flex-direction:column;align-items:center;gap:24px;padding:28px;display:flex}.home-portrait-frame{aspect-ratio:1;background:linear-gradient(145deg, var(--color-text-secondary), var(--color-border-primary) 60%);border-radius:20px;width:min(100%,200px);padding:4px;position:relative}.home-socials{justify-content:center;align-items:center;gap:12px;display:flex}.home-social-link{border:1px solid var(--color-border-primary);width:fit-content;color:var(--color-text-primary);background-color:#0000;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:8px 10px;text-decoration:none;transition:transform .2s,color .2s,border-color .2s,background-color .2s;display:inline-flex}.home-social-link:hover{color:var(--color-bg-primary);background-color:var(--color-text-secondary);border-color:var(--color-text-secondary);transform:translateY(-2px)}.home-social-icon{width:18px;height:18px;color:var(--color-text-secondary)}.home-social-link:hover .home-social-icon{color:var(--color-bg-primary)}.home-portrait-image{object-fit:cover;border:1px solid var(--color-border-primary);background-color:var(--color-bg-primary);border-radius:17px;width:100%;height:100%}@media (prefers-reduced-motion:reduce){.home-action:hover,.home-social-link:hover{transform:none}}@media (width<=900px){.home{grid-template-columns:1fr;gap:48px;min-height:auto;padding-top:48px}.home-aside{order:-1}.home-portrait-frame{width:min(100%,180px)}}.header{z-index:100;border-bottom:1px solid var(--color-border-primary);background-color:color-mix(in srgb, var(--color-bg-primary) 88%, transparent);-webkit-backdrop-filter:blur(12px);position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;gap:24px;max-width:1280px;margin:0 auto;padding:16px 24px;display:flex}.header-brand{text-decoration:none;transition:filter .2s}.header-brand:hover{filter:brightness(1.12)}.header-prompt{font-family:MesloLGS NF,MesloLGS Nerd Font,Menlo,Monaco,SF Mono,Courier New,monospace;font-size:var(--font-size-body-lg);font-weight:var(--font-weight-regular);letter-spacing:0;-webkit-font-smoothing:auto;font-smooth:never;color:var(--color-text-secondary);margin:0;padding:0;line-height:1.4;display:inline-block}.header-prompt-path{color:var(--color-text-secondary)}.header-prompt-path-accent{color:var(--color-text-primary)}.header-nav{align-items:center;gap:4px;display:flex}.header-nav-link{color:color-mix(in srgb, var(--color-text-primary) 70%, transparent);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);border:1px solid #0000;border-radius:6px;padding:8px 14px;text-decoration:none;transition:color .2s,background-color .2s,border-color .2s;position:relative}.header-nav-link:hover{color:var(--color-text-primary);background-color:color-mix(in srgb, var(--color-text-primary) 5%, transparent)}.header-nav-link.active{color:var(--color-text-secondary);background-color:color-mix(in srgb, var(--color-text-secondary) 10%, transparent);border-color:color-mix(in srgb, var(--color-text-secondary) 28%, transparent)}@media (width<=640px){.header-container{padding:14px 16px}.header-prompt{font-size:var(--font-size-sm)}.header-nav-link{font-size:var(--font-size-sm);padding:6px 10px}}.usage{max-width:1280px;margin:0 auto;padding:64px 24px 96px}.usage-hero{max-width:760px;margin-bottom:56px}.usage-section__kicker,.usage-card__label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.12em;text-transform:uppercase;margin:0}.usage-title{color:var(--color-text-primary);font-size:var(--font-size-display-lg);line-height:1.04;font-weight:var(--font-weight-bold);margin:12px 0 0}.usage-intro{max-width:42rem;color:color-mix(in srgb, var(--color-text-primary) 78%, transparent);font-size:var(--font-size-md);margin:20px 0 0;line-height:1.75}.usage-section{border-top:1px solid var(--color-border-primary);grid-template-columns:minmax(180px,.32fr) minmax(0,1fr);gap:32px;padding:40px 0;display:grid}.usage-section__header{align-self:start;position:sticky;top:96px}.usage-section__title{color:var(--color-text-primary);font-size:var(--font-size-subheading);margin:10px 0 0;line-height:1.25}.usage-grid,.usage-tools{gap:14px;display:grid}.usage-grid--workspace{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.usage-card{border:1px solid var(--color-border-primary);background:linear-gradient(180deg, color-mix(in srgb, var(--color-text-primary) 5%, transparent), color-mix(in srgb, var(--color-text-primary) 2%, transparent)), var(--color-bg-primary);border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:16px;min-height:100px;padding:20px;transition:transform .18s,border-color .18s,background-color .18s;display:grid}.usage-card:hover{border-color:color-mix(in srgb, var(--color-text-secondary) 42%, var(--color-border-primary));transform:translateY(-3px)}.usage-card__icon{justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.usage-card__content{min-width:0}.usage-card__title{color:var(--color-text-primary);font-size:var(--font-size-body-lg);margin:0;line-height:1.3}.usage-card__detail{color:color-mix(in srgb, var(--color-text-primary) 70%, transparent);font-size:var(--font-size-body-sm);margin:10px 0 0;line-height:1.65}@media (prefers-reduced-motion:reduce){.usage-card:hover{transform:none}}@media (width<=960px){.usage{padding-top:48px}.usage-section{grid-template-columns:1fr;gap:20px}.usage-section__header{position:static}.usage-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.usage{padding:40px 16px 64px}.usage-hero{margin-bottom:36px}.usage-title{font-size:var(--font-size-display-mobile)}.usage-intro{font-size:var(--font-size-sm)}.usage-grid--workspace,.usage-tools{grid-template-columns:1fr}.usage-card{min-height:0;padding:18px}}@media (width<=420px){.usage-card{grid-template-columns:1fr}}:root{background-color:var(--color-bg-primary);color:var(--color-text-primary)}html,body,#root{font-family:var(--font-family-base);margin:0 auto;padding:0}:root{--color-bg-primary:#0c1117;--color-text-primary:#e6edf3;--color-text-secondary:#badfdb;--color-link-hover:#f6f4e8;--color-border-primary:#21262d;--color-shadow:#0f172a0f;--color-shadow-strong:#0f172a1f;--color-text-gray:#666;--font-family-base:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-display:36px;--font-size-heading:24px;--font-size-body-lg:18px;--font-size-body:16px;--font-size-sm:14px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800}@media (width<=768px){:root{--font-size-display:30px;--font-size-heading:24px;--font-size-body-lg:20px;--font-size-body:18px;--font-size-sm:14px}}