.howto-module__UA5jiW__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.howto-module__UA5jiW__card{--accent:var(--brand-1);background:var(--glass-bg);border:1px solid var(--glass-border);border-left:3px solid var(--accent);-webkit-backdrop-filter:var(--glass-blur);cursor:pointer;animation:howto-module__UA5jiW__byom-card-in var(--dur-slower) var(--ease-enter) both;border-radius:18px;flex-direction:column;gap:12px;padding:22px 24px;transition:transform .22s,box-shadow .22s,background .22s,border-color .22s;display:flex}.howto-module__UA5jiW__card:hover{background:rgb(var(--surface-rgb) / .1);border-color:color-mix(in srgb, var(--accent) 45%, transparent);box-shadow:0 16px 38px rgb(var(--shadow-rgb) / calc(.3 * var(--shadow-alpha)));transform:translateY(-4px)}.howto-module__UA5jiW__cardTop{align-items:center;gap:12px;display:flex}.howto-module__UA5jiW__cardIcon{flex-shrink:0;font-size:1.7rem;line-height:1}.howto-module__UA5jiW__cardHeading{flex:1;min-width:0}.howto-module__UA5jiW__cardTitle{color:var(--fg);font-size:1.12rem;font-weight:600;line-height:1.3}.howto-module__UA5jiW__cardGroup{text-transform:uppercase;letter-spacing:.5px;color:color-mix(in srgb, var(--accent) 70%, var(--fg));font-size:.72rem;font-weight:700}.howto-module__UA5jiW__cardTagline{color:rgb(var(--fg-rgb) / calc(.66 * var(--text-alpha)));font-size:.94rem;line-height:1.6}.howto-module__UA5jiW__cardFooter{justify-content:space-between;align-items:center;gap:10px;margin-top:4px;display:flex}.howto-module__UA5jiW__cardMeta{color:rgb(var(--fg-rgb) / calc(.45 * var(--text-alpha)));font-size:.78rem;font-weight:500}.howto-module__UA5jiW__cardArrow{color:color-mix(in srgb, var(--accent) 75%, var(--fg));font-size:.85rem;font-weight:600;transition:transform .2s}.howto-module__UA5jiW__card:hover .howto-module__UA5jiW__cardArrow{transform:translate(4px)}.howto-module__UA5jiW__backLink{border:1px solid var(--glass-border);background:rgb(var(--surface-rgb) / .04);color:rgb(var(--fg-rgb) / calc(.7 * var(--text-alpha)));border-radius:10px;align-items:center;gap:6px;margin-bottom:18px;padding:7px 14px;font-size:.85rem;font-weight:600;transition:all .18s;display:inline-flex}.howto-module__UA5jiW__backLink:hover{color:var(--fg);background:rgb(var(--surface-rgb) / .1)}.howto-module__UA5jiW__section{--accent:var(--brand-1);margin-top:30px}.howto-module__UA5jiW__sectionHead{align-items:baseline;gap:10px;margin-bottom:18px;display:flex}.howto-module__UA5jiW__sectionKicker{text-transform:uppercase;letter-spacing:.6px;color:color-mix(in srgb, var(--accent) 72%, var(--fg));font-size:.74rem;font-weight:700}.howto-module__UA5jiW__sectionTitle{color:var(--fg);font-size:1.35rem;font-weight:600}.howto-module__UA5jiW__sectionHint{color:rgb(var(--fg-rgb) / calc(.5 * var(--text-alpha)));font-size:.9rem;font-weight:400}.howto-module__UA5jiW__howToTitle{text-align:center;color:rgb(var(--fg-rgb) / calc(.85 * var(--text-alpha)));text-shadow:0 4px 8px rgb(var(--shadow-rgb) / calc(.3 * var(--shadow-alpha)));margin:6px 0 30px;font-size:1.9rem;font-weight:700}.howto-module__UA5jiW__howToTitleName{color:var(--fg)}.howto-module__UA5jiW__stepsPlate{--accent:var(--brand-1);background:var(--glass-bg);border:1px solid var(--glass-border);border-top:3px solid var(--accent);-webkit-backdrop-filter:var(--glass-blur);box-shadow:0 8px 30px rgb(var(--shadow-rgb) / calc(.22 * var(--shadow-alpha)));border-radius:18px;padding:6px 26px}.howto-module__UA5jiW__steps{counter-reset:step;margin:0;padding:0;list-style:none}.howto-module__UA5jiW__step{border-bottom:1px solid var(--glass-border);gap:16px;padding:20px 0;display:flex}.howto-module__UA5jiW__step:last-child{border-bottom:none}.howto-module__UA5jiW__stepNum{width:30px;height:30px;color:var(--on-brand);background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 55%, var(--brand-2)));box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 34%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.howto-module__UA5jiW__stepBody{flex:1;min-width:0}.howto-module__UA5jiW__stepTitle{color:var(--fg);margin-bottom:5px;font-size:1.02rem;font-weight:600}.howto-module__UA5jiW__stepText{color:rgb(var(--fg-rgb) / calc(.66 * var(--text-alpha)));font-size:.94rem;line-height:1.65}.howto-module__UA5jiW__preview{border:1px solid var(--glass-border);background:rgb(var(--surface-solid-rgb) / .6);box-shadow:0 20px 50px rgb(var(--shadow-rgb) / calc(.4 * var(--shadow-alpha)));border-radius:18px;overflow:hidden}.howto-module__UA5jiW__previewBar{background:rgb(var(--surface-rgb) / .05);border-bottom:1px solid var(--glass-border);align-items:center;gap:12px;padding:10px 16px;display:flex}.howto-module__UA5jiW__previewDots{flex-shrink:0;gap:7px;display:flex}.howto-module__UA5jiW__previewDot{background:rgb(var(--surface-rgb) / .2);border-radius:50%;width:11px;height:11px}.howto-module__UA5jiW__previewUrl{background:rgb(var(--sunken-rgb) / calc(.25 * var(--sunken-alpha)));min-width:0;color:rgb(var(--fg-rgb) / calc(.5 * var(--text-alpha)));white-space:nowrap;text-overflow:ellipsis;border-radius:8px;flex:1;padding:5px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;overflow:hidden}.howto-module__UA5jiW__previewOpen{border:1px solid var(--glass-border);background:rgb(var(--surface-rgb) / .06);color:rgb(var(--fg-rgb) / calc(.8 * var(--text-alpha)));white-space:nowrap;border-radius:8px;flex-shrink:0;padding:6px 13px;font-size:.78rem;font-weight:600;transition:all .18s}.howto-module__UA5jiW__previewOpen:hover{color:var(--fg);background:rgb(var(--surface-rgb) / .14)}.howto-module__UA5jiW__frame{background:var(--bg-dark);border:0;width:100%;height:640px;display:block}.howto-module__UA5jiW__previewNote{color:rgb(var(--fg-rgb) / calc(.45 * var(--text-alpha)));text-align:center;margin-top:12px;font-size:.82rem;line-height:1.55}.howto-module__UA5jiW__notFound{text-align:center;background:var(--glass-bg);border:1px dashed var(--glass-border);border-radius:20px;padding:56px 24px}.howto-module__UA5jiW__notFoundIcon{opacity:.85;margin-bottom:14px;font-size:3rem}.howto-module__UA5jiW__notFoundTitle{color:var(--fg);margin-bottom:18px;font-size:1.3rem;font-weight:600}@media (max-width:768px){.howto-module__UA5jiW__grid{grid-template-columns:1fr}.howto-module__UA5jiW__frame{height:560px}.howto-module__UA5jiW__previewUrl{display:none}}