.how-to-use-module-scss-module__G4_Fyq__page{background:var(--color-background);min-height:100svh;color:var(--color-text)}.how-to-use-module-scss-module__G4_Fyq__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:stretch;min-height:88px;display:flex}.how-to-use-module-scss-module__G4_Fyq__logo,.how-to-use-module-scss-module__G4_Fyq__back{color:var(--color-text);font-size:var(--text-sm);align-items:center;text-decoration:none;display:flex}.how-to-use-module-scss-module__G4_Fyq__back{justify-content:space-between;gap:var(--space-5);border-left:1px solid var(--color-border);min-width:170px;color:var(--color-text-secondary);padding-left:24px}.how-to-use-module-scss-module__G4_Fyq__arrow{font-size:11px}.how-to-use-module-scss-module__G4_Fyq__mobileBack{display:none}.how-to-use-module-scss-module__G4_Fyq__hero{min-height:62svh;padding-top:var(--space-6);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border)}.how-to-use-module-scss-module__G4_Fyq__meta{color:var(--color-text-tertiary);font-size:var(--text-xs);letter-spacing:.08em;justify-content:space-between;align-items:center;display:flex}.how-to-use-module-scss-module__G4_Fyq__heroContent{margin-top:clamp(110px,16vh,190px)}.how-to-use-module-scss-module__G4_Fyq__title{letter-spacing:-.065em;font-size:clamp(4rem,8vw,8.5rem);font-weight:500;line-height:.9}.how-to-use-module-scss-module__G4_Fyq__description{max-width:520px;margin-top:var(--space-6);color:var(--color-text-secondary);font-size:var(--text-lg);line-height:1.5}.how-to-use-module-scss-module__G4_Fyq__stepsSection{border-bottom:1px solid var(--color-border);padding-top:clamp(80px,9vw,140px);padding-bottom:clamp(80px,9vw,140px)}.how-to-use-module-scss-module__G4_Fyq__stepsHeader{gap:var(--space-8);color:var(--color-text-tertiary);font-size:var(--text-xs);letter-spacing:.08em;grid-template-columns:minmax(180px,.32fr) minmax(0,1fr);margin-bottom:72px;display:grid}.how-to-use-module-scss-module__G4_Fyq__stepsHeader p{max-width:420px;color:var(--color-text-secondary);font-family:inherit;font-size:var(--text-sm);letter-spacing:normal;line-height:1.5}.how-to-use-module-scss-module__G4_Fyq__steps{border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.how-to-use-module-scss-module__G4_Fyq__step{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);flex-direction:column;min-height:620px;display:flex}.how-to-use-module-scss-module__G4_Fyq__number{color:var(--color-text-tertiary);font-size:var(--text-xs);padding:22px 24px}.how-to-use-module-scss-module__G4_Fyq__stepContent{padding:0 24px 32px}.how-to-use-module-scss-module__G4_Fyq__stepContent h2{letter-spacing:-.04em;font-size:clamp(1.8rem,2.6vw,2.8rem);font-weight:500;line-height:1}.how-to-use-module-scss-module__G4_Fyq__stepContent p{max-width:320px;color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:14px;line-height:1.5}.how-to-use-module-scss-module__G4_Fyq__demo{border-top:1px solid var(--color-border);flex:1;justify-content:center;align-items:center;margin-top:auto;padding:32px 24px;display:flex}.how-to-use-module-scss-module__G4_Fyq__demoHeader{color:var(--color-text-tertiary);justify-content:space-between;margin-bottom:12px;font-size:10px;display:flex}.how-to-use-module-scss-module__G4_Fyq__option{border-bottom:1px solid var(--color-border);min-width:260px;font-size:var(--text-sm);padding:14px 0}.how-to-use-module-scss-module__G4_Fyq__drumPreview{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.how-to-use-module-scss-module__G4_Fyq__drumPreview span{font-size:1.65rem}.how-to-use-module-scss-module__G4_Fyq__drumPreview .how-to-use-module-scss-module__G4_Fyq__selected{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);text-align:center;width:100%;padding:18px 0}.how-to-use-module-scss-module__G4_Fyq__muted{opacity:.3}.how-to-use-module-scss-module__G4_Fyq__resultPreview{flex-direction:column;width:100%;max-width:300px;display:flex}.how-to-use-module-scss-module__G4_Fyq__resultPreview>span{color:var(--color-text-tertiary);letter-spacing:.08em;font-size:10px}.how-to-use-module-scss-module__G4_Fyq__resultPreview strong{letter-spacing:-.04em;margin-top:12px;font-size:2.6rem;font-weight:500}.how-to-use-module-scss-module__G4_Fyq__resultPreview button{border:1px solid var(--color-border);text-align:left;margin-top:28px;padding:14px 16px}.how-to-use-module-scss-module__G4_Fyq__shortcuts{gap:var(--space-8);grid-template-columns:minmax(180px,.32fr) minmax(0,1fr);padding-top:100px;padding-bottom:100px;display:grid}.how-to-use-module-scss-module__G4_Fyq__shortcutsLabel{color:var(--color-text-tertiary);font-size:var(--text-xs)}.how-to-use-module-scss-module__G4_Fyq__shortcutsList{border-top:1px solid var(--color-border)}.how-to-use-module-scss-module__G4_Fyq__shortcut{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;min-height:72px;display:flex}.how-to-use-module-scss-module__G4_Fyq__shortcut kbd{border:1px solid var(--color-border);color:var(--color-text-secondary);letter-spacing:.08em;padding:7px 10px;font-family:inherit;font-size:10px}.how-to-use-module-scss-module__G4_Fyq__step:first-child .how-to-use-module-scss-module__G4_Fyq__demo{flex-direction:column}@media (max-width:768px){.how-to-use-module-scss-module__G4_Fyq__header{min-height:78px}.how-to-use-module-scss-module__G4_Fyq__mobileBack{width:44px;height:44px;color:var(--color-text);justify-content:center;align-items:center;margin-right:12px;font-size:22px;text-decoration:none;display:flex}.how-to-use-module-scss-module__G4_Fyq__logo{flex:1}.how-to-use-module-scss-module__G4_Fyq__back{display:none}.how-to-use-module-scss-module__G4_Fyq__hero{min-height:58svh;padding-top:24px}.how-to-use-module-scss-module__G4_Fyq__heroContent{margin-top:100px}.how-to-use-module-scss-module__G4_Fyq__title{font-size:clamp(3.7rem,16vw,6rem)}.how-to-use-module-scss-module__G4_Fyq__description{font-size:var(--text-base)}.how-to-use-module-scss-module__G4_Fyq__stepsHeader{grid-template-columns:1fr;gap:20px;margin-bottom:48px}.how-to-use-module-scss-module__G4_Fyq__steps{border-left:0;grid-template-columns:1fr}.how-to-use-module-scss-module__G4_Fyq__step{border-left:1px solid var(--color-border);min-height:auto}.how-to-use-module-scss-module__G4_Fyq__demo{min-height:320px}.how-to-use-module-scss-module__G4_Fyq__option{width:100%;min-width:0}.how-to-use-module-scss-module__G4_Fyq__shortcuts{grid-template-columns:1fr;gap:40px;padding-top:72px;padding-bottom:72px}.how-to-use-module-scss-module__G4_Fyq__step:first-child .how-to-use-module-scss-module__G4_Fyq__demo{flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:300px;padding:32px 24px}.how-to-use-module-scss-module__G4_Fyq__step:first-child .how-to-use-module-scss-module__G4_Fyq__demo>div{width:100%}.how-to-use-module-scss-module__G4_Fyq__demoHeader{justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;display:flex}.how-to-use-module-scss-module__G4_Fyq__option{border-top:1px solid var(--color-border);border-bottom:0;align-items:center;width:100%;min-width:0;min-height:52px;padding:0;font-size:1.15rem;display:flex}.how-to-use-module-scss-module__G4_Fyq__option:last-child{border-bottom:1px solid var(--color-border)}}