.skill-detail-module__sbLx6q__shell{width:var(--sg-shell);margin-inline:auto}.skill-detail-module__sbLx6q__crumbs{color:var(--sg-text-dim);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px;font-size:13px;display:flex}.skill-detail-module__sbLx6q__crumbs a:hover{color:var(--sg-text)}.skill-detail-module__sbLx6q__crumbs [aria-current]{color:var(--sg-text-muted)}.skill-detail-module__sbLx6q__hero{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.skill-detail-module__sbLx6q__heroCopy{justify-items:start;gap:18px;display:grid}.skill-detail-module__sbLx6q__categoryChip{border:1px solid var(--sg-line-strong);height:32px;color:var(--sg-text-muted);border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:13px;transition:color .2s,border-color .2s;display:inline-flex}.skill-detail-module__sbLx6q__categoryChip:hover{border-color:rgb(var(--sg-accent-rgb) / .5);color:var(--sg-text)}.skill-detail-module__sbLx6q__title{letter-spacing:-.048em;text-wrap:balance;font-size:clamp(2.4rem,5vw,4rem);font-weight:600;line-height:1.02}.skill-detail-module__sbLx6q__lead{max-width:52ch;color:var(--sg-text-muted);font-size:clamp(1.02rem,1.35vw,1.15rem);line-height:1.6}.skill-detail-module__sbLx6q__facts{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.skill-detail-module__sbLx6q__facts li{background:rgb(var(--sg-text-rgb) / .05);color:var(--sg-text-muted);border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:13px;display:inline-flex}.skill-detail-module__sbLx6q__facts svg{color:var(--sg-accent)}.skill-detail-module__sbLx6q__installLine{border:1px solid var(--sg-line-strong);background:var(--sg-surface);border-radius:999px;align-items:center;gap:8px;width:min(520px,100%);margin-top:6px;padding:6px 6px 6px 18px;display:flex}.skill-detail-module__sbLx6q__installLine code{min-width:0;font-family:var(--font-geist-mono), monospace;white-space:nowrap;scrollbar-width:none;flex:1;font-size:13.5px;overflow-x:auto}.skill-detail-module__sbLx6q__installLine code span{color:var(--sg-accent)}.skill-detail-module__sbLx6q__works{color:var(--sg-text-dim);--stack-ring:var(--sg-bg);flex-wrap:wrap;align-items:center;gap:10px 14px;font-size:13px;display:flex}.skill-detail-module__sbLx6q__heroArt{aspect-ratio:1/.86;box-shadow:inset 0 0 0 1px rgb(var(--sg-text-rgb) / .12);border-radius:28px;place-items:center;display:grid;position:relative}.skill-detail-module__sbLx6q__heroTile{aspect-ratio:1;border-radius:var(--sg-radius-art);width:58%;box-shadow:0 40px 60px -30px rgb(var(--shadow-rgb) / var(--shadow-opacity));animation:7s ease-in-out infinite alternate skill-detail-module__sbLx6q__float;position:relative;overflow:hidden;transform:rotate(-4deg)}.skill-detail-module__sbLx6q__heroTile img{object-fit:cover;transform:scale(1.06)}@keyframes skill-detail-module__sbLx6q__float{to{transform:rotate(-1deg)translateY(-12px)}}.skill-detail-module__sbLx6q__heroPrice{background:rgb(var(--sg-bg-rgb) / .78);color:var(--sg-text);font-family:var(--font-geist-mono), monospace;-webkit-backdrop-filter:blur(8px);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;position:absolute;top:18px;left:18px}.skill-detail-module__sbLx6q__heroPrice[data-free=true]{background:var(--sg-accent);color:var(--sg-accent-ink)}.skill-detail-module__sbLx6q__body{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:clamp(32px,4vw,56px);margin-top:clamp(56px,7vw,96px);display:grid}.skill-detail-module__sbLx6q__main{gap:56px;min-width:0;display:grid}.skill-detail-module__sbLx6q__section h2{letter-spacing:-.03em;font-size:clamp(1.4rem,2vw,1.75rem);font-weight:600}.skill-detail-module__sbLx6q__sectionLead{max-width:64ch;color:var(--sg-text-muted);margin:8px 0 20px;font-size:15px;line-height:1.6}.skill-detail-module__sbLx6q__sectionLead a{color:var(--sg-accent);text-underline-offset:3px;text-decoration:underline}.skill-detail-module__sbLx6q__tabs{scrollbar-width:none;gap:6px;margin:0 -16px 16px;padding:2px 16px;display:flex;overflow-x:auto}.skill-detail-module__sbLx6q__tabs::-webkit-scrollbar{display:none}.skill-detail-module__sbLx6q__tab{border:1px solid var(--sg-line);height:38px;color:var(--sg-text-muted);border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 14px 0 12px;font-size:13.5px;transition:color .2s;display:inline-flex;position:relative}.skill-detail-module__sbLx6q__tab[aria-selected=true]{border-color:rgb(var(--sg-accent-rgb) / .5);color:var(--sg-text)}.skill-detail-module__sbLx6q__tab>:not(.skill-detail-module__sbLx6q__tabActive){position:relative}.skill-detail-module__sbLx6q__tabActive{border-radius:inherit;background:rgb(var(--sg-accent-rgb) / .12);position:absolute;inset:-1px}.skill-detail-module__sbLx6q__tabLogo{background:var(--sg-chip);width:22px;height:22px;color:var(--on-primary);border-radius:7px;place-items:center;display:grid}.skill-detail-module__sbLx6q__panel{min-height:120px}.skill-detail-module__sbLx6q__steps{counter-reset:step;gap:18px;list-style:none;display:grid}.skill-detail-module__sbLx6q__steps li{counter-increment:step;gap:10px;padding-left:40px;display:grid;position:relative}.skill-detail-module__sbLx6q__steps li:before{content:counter(step);background:var(--sg-accent-soft);width:26px;height:26px;color:var(--sg-accent);font-family:var(--font-geist-mono), monospace;border-radius:999px;place-items:center;font-size:12px;font-weight:600;display:grid;position:absolute;top:-2px;left:0}.skill-detail-module__sbLx6q__steps li:not(:last-child):after{content:"";background:var(--sg-line-strong);width:1px;position:absolute;top:30px;bottom:-14px;left:12.5px}.skill-detail-module__sbLx6q__steps p{color:var(--sg-text);font-size:14.5px}.skill-detail-module__sbLx6q__code{border:1px solid var(--sg-line);background:var(--sg-bg-raised);border-radius:16px;overflow:hidden}.skill-detail-module__sbLx6q__code figcaption{border-bottom:1px solid var(--sg-line);font-family:var(--font-geist-mono), monospace;color:var(--sg-text-dim);justify-content:space-between;align-items:center;padding:6px 6px 6px 14px;font-size:12px;display:flex}.skill-detail-module__sbLx6q__code pre{font-family:var(--font-geist-mono), monospace;color:var(--sg-text);scrollbar-width:thin;scrollbar-color:var(--sg-line-strong) transparent;padding:14px 16px;font-size:13px;line-height:1.7;overflow-x:auto}.skill-detail-module__sbLx6q__copy{width:32px;height:32px;color:var(--sg-text-muted);border-radius:999px;flex:none;place-items:center;transition:background-color .2s,color .2s;display:grid}.skill-detail-module__sbLx6q__copy:hover{background:rgb(var(--sg-text-rgb) / .08);color:var(--sg-text)}.skill-detail-module__sbLx6q__fields{border:1px solid var(--sg-line);border-radius:16px;overflow:hidden}.skill-detail-module__sbLx6q__fieldsHead,.skill-detail-module__sbLx6q__fieldRow{grid-template-columns:minmax(140px,1fr) 110px minmax(0,2fr);gap:16px;padding:12px 16px;display:grid}.skill-detail-module__sbLx6q__fieldsHead{background:rgb(var(--sg-text-rgb) / .03);color:var(--sg-text-dim);font-size:12.5px}.skill-detail-module__sbLx6q__fieldRow{border-top:1px solid var(--sg-line);font-size:14px}.skill-detail-module__sbLx6q__fieldRow code{font-family:var(--font-geist-mono), monospace;font-size:13px}.skill-detail-module__sbLx6q__fieldRow em{background:var(--sg-accent-soft);color:var(--sg-accent);border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11px;font-style:normal}.skill-detail-module__sbLx6q__fieldType{font-family:var(--font-geist-mono), monospace;color:var(--sg-text-muted);font-size:13px}.skill-detail-module__sbLx6q__fieldNotes{color:var(--sg-text-muted)}.skill-detail-module__sbLx6q__aside{position:sticky;top:100px}.skill-detail-module__sbLx6q__summary{border:1px solid var(--sg-line-strong);border-radius:var(--sg-radius-card);background:radial-gradient(320px circle at 100% 0%, rgb(var(--sg-accent-rgb) / .12), transparent 70%), var(--sg-surface);gap:18px;padding:24px;display:grid}.skill-detail-module__sbLx6q__summaryLabel{color:var(--sg-text-dim);font-size:13px}.skill-detail-module__sbLx6q__summaryPrice{letter-spacing:-.05em;margin-top:-10px;font-size:2.6rem;font-weight:600;line-height:1}.skill-detail-module__sbLx6q__summaryList{gap:12px;list-style:none;display:grid}.skill-detail-module__sbLx6q__summaryList li{color:var(--sg-text-muted);gap:10px;font-size:14px;line-height:1.45;display:flex}.skill-detail-module__sbLx6q__summaryList svg{color:var(--sg-accent);flex:none;margin-top:2px}.skill-detail-module__sbLx6q__primary{background:var(--sg-accent);height:46px;color:var(--sg-accent-ink);transition:box-shadow .25s var(--sg-ease);border-radius:999px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:600;display:inline-flex}.skill-detail-module__sbLx6q__primary:hover{box-shadow:0 0 0 4px var(--sg-accent-soft)}.skill-detail-module__sbLx6q__summaryFoot{border-top:1px solid var(--sg-line);padding-top:16px}.skill-detail-module__sbLx6q__related{margin-top:clamp(72px,8vw,112px)}.skill-detail-module__sbLx6q__relatedTitle{letter-spacing:-.035em;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:600}.skill-detail-module__sbLx6q__viewAll{color:var(--sg-text-muted);align-items:center;gap:6px;margin-right:6px;font-size:14px;font-weight:500;display:inline-flex}.skill-detail-module__sbLx6q__viewAll:hover{color:var(--sg-accent)}@media (max-width:1023px){.skill-detail-module__sbLx6q__body{grid-template-columns:minmax(0,1fr)}.skill-detail-module__sbLx6q__aside{order:-1;position:static}}@media (max-width:899px){.skill-detail-module__sbLx6q__hero{grid-template-columns:minmax(0,1fr)}.skill-detail-module__sbLx6q__heroArt{aspect-ratio:16/10;order:-1}.skill-detail-module__sbLx6q__heroTile{width:38%}}@media (max-width:640px){.skill-detail-module__sbLx6q__fieldsHead{display:none}.skill-detail-module__sbLx6q__fieldRow{grid-template-columns:minmax(0,1fr) auto}.skill-detail-module__sbLx6q__fieldNotes{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.skill-detail-module__sbLx6q__heroTile{animation:none}}