.tutorial,.tutorial-reading{--guide-panel: #fff;padding-bottom:clamp(52px,7vw,90px)}.tutorial [hidden]{display:none!important}.tutorial-intro{padding:clamp(36px,5vw,68px) 0 22px;max-width:780px}.tutorial-intro h1{font-size:clamp(32px,4.5vw,54px);margin:6px 0 14px}.tutorial-intro p:last-child{font-size:clamp(15px,1.4vw,18px);line-height:1.85;margin:0}.tutorial-label{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.08em;margin:0}.platform-selector{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.platform-selector a{display:inline-flex;align-items:center;gap:7px;padding:7px 20px;border-radius:8px;font-size:15px;font-weight:650}.platform-selector a[aria-current]{background:var(--guide-panel);color:var(--accent);box-shadow:0 1px 5px #1513291c}.platform-selector svg,.tutorial-search svg{width:18px;height:18px}.tutorial-workflow,.tutorial-library{padding-top:clamp(28px,4vw,52px)}.tutorial-heading{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:22px}.tutorial-heading h2{margin:5px 0 0;font-size:clamp(25px,2.8vw,36px)}.library-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tutorial-library{margin-top:16px;border-top:1px solid var(--line)}.tutorial-search{position:relative;min-width:min(100%,300px)}.tutorial-search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.tutorial-search input{padding:10px 14px 10px 40px;border-radius:10px;border-color:var(--line)}.search-feedback{margin:8px 0;font-size:14px}.search-feedback:empty{display:none}.library-columns{align-items:start;gap:clamp(24px,5vw,70px)}.library-columns h3{font-size:20px;margin:0;padding:14px 0}.library-columns h3 span{margin-left:6px;color:var(--muted);font-size:12px;font-weight:500}.faq-item,.tutorial-links li{border-top:1px solid var(--line)}.faq-item summary{cursor:pointer;padding:14px 0;color:var(--ink);font-size:15px;font-weight:600}.faq-item p{font-size:14px;margin:0 0 18px}.tutorial-links,.chapter-directory ul{list-style:none;margin:0;padding:0}.tutorial-links a{padding:11px 0;display:flex;justify-content:space-between;align-items:center}.tutorial-links span{color:var(--accent)}.tutorial-back{display:inline-block;margin-bottom:18px;font-size:14px;color:var(--muted)}.reading-columns{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,780px);gap:clamp(26px,6vw,80px);align-items:start}.chapter-directory{position:sticky;top:100px;max-height:calc(100svh - 120px);overflow:auto}.chapter-directory summary{cursor:pointer;font-weight:650;padding-block:8px}.chapter-directory li a{display:block;padding:5px 12px;border-left:2px solid var(--line);font-size:14px}.chapter-directory li a[aria-current]{background:var(--soft);color:var(--accent);border-color:var(--accent)}.chapter{min-width:0;border-top:1px solid var(--line)}.chapter h2{margin:22px 0 12px;font-size:clamp(22px,2.3vw,28px)}.chapter p,.chapter li{line-height:1.9;color:var(--ink)}.chapter ol,.chapter ul{padding-inline-start:1.6em}.chapter li+li{margin-top:7px}.chapter li::marker{color:var(--accent);font-weight:650}.chapter a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.chapter .tutorial-screen{margin-block:24px;border-radius:14px}.chapter-switch{margin-top:32px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;border-top:1px solid var(--line);padding-top:16px;font-size:14px}@media(prefers-color-scheme:dark){.tutorial,.tutorial-reading{--guide-panel: #24212c}}@media(max-width:720px){.library-columns,.reading-columns{grid-template-columns:1fr}.chapter-directory{position:static;max-height:none;order:1}.tutorial-search{width:100%}}.tutorial-primer{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);align-items:center;gap:clamp(22px,5vw,76px);margin-block:26px 24px;padding:clamp(24px,4vw,58px);border:1px solid var(--line);border-radius:24px;background:linear-gradient(122deg,var(--guide-panel),var(--soft))}.tutorial-primer h1{font-size:clamp(28px,3.4vw,46px);margin:7px 0 16px}.tutorial-primer p:not(.tutorial-label){margin:6px 0 0;font-size:15px;line-height:1.8}.walkthrough{display:grid;grid-template-columns:minmax(184px,.55fr) minmax(0,1.65fr);gap:clamp(12px,2.2vw,30px);align-items:start}.walkthrough [hidden]{display:none!important}.walk-index ol{display:grid;gap:4px;list-style:none;padding:0;margin:0}.walk-index button,.walk-actions button,.capture-viewer button{font:inherit;cursor:pointer}.walk-index button{width:100%;display:flex;align-items:center;gap:10px;line-height:1.4;padding:11px 12px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:10px;text-align:left;font-weight:580}.walk-index button span{color:var(--accent);font-size:12px;font-variant-numeric:tabular-nums}.walk-index button:hover,.walk-index button[aria-current]{color:var(--ink);background:var(--soft)}.walk-index button[aria-current]{border-color:var(--line)}.walk-select{display:none;align-items:center;gap:12px;font-weight:650;color:var(--muted)}.walk-select select{flex:1;min-width:0;padding:9px 11px;font:inherit;color:var(--ink);background:var(--guide-panel);border:1px solid var(--line);border-radius:9px}.walk-body{min-width:0}.walk-step{background:var(--guide-panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}.walkthrough:has(.walk-index[hidden]){display:block}.walkthrough:has(.walk-index[hidden]) .walk-step+.walk-step{margin-top:16px}.step-content{padding:clamp(18px,2.3vw,30px)}.step-number{font-size:12px;font-weight:650;letter-spacing:.06em;color:var(--accent)}.step-content h3{margin:4px 0 6px;font-size:clamp(19px,2vw,26px)}.step-content p{margin:0;line-height:1.7;font-size:15px}.walk-actions{display:flex;justify-content:space-between;gap:12px;padding:10px 0}.walk-actions button,.capture-viewer button{min-height:42px;padding:7px 15px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--guide-panel,var(--paper))}.walk-actions button:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.walk-actions button:disabled{opacity:.48;cursor:default}.walk-announcement{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.tutorial-screen{position:relative;margin:0;padding:14px;background:var(--soft)}.capture-stage{display:flex;justify-content:center;align-items:center}.capture-frame{display:inline-block;max-width:100%;position:relative;line-height:0}.capture-frame img{display:block;width:auto;max-width:100%;height:auto;margin:0;border-radius:7px}.capture-stage img{max-height:min(58svh,480px)}.capture-stage:has(img){min-height:260px}.click-target{position:absolute;top:var(--target-y);left:var(--target-x);z-index:1;width:clamp(15px,2.6vw,24px);aspect-ratio:1;transform:translate(-50%,-50%);border:3px solid #e33452;background:#e3345215;border-radius:50%;box-shadow:0 0 0 2px #fff,0 1px 6px 2px #2d162650;pointer-events:none}.tutorial-screen figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;padding-top:10px}.tutorial-zoom{display:inline-flex;gap:5px;align-items:center;font-weight:650;color:var(--accent);text-decoration:none;white-space:nowrap;cursor:zoom-in}.tutorial-zoom:after{content:"";position:absolute;inset:0;border-radius:8px}.tutorial-zoom:focus-visible:after{outline:2px solid var(--accent);outline-offset:-3px}.tutorial-screen .zoom-dark{display:none}.capture-viewer{padding:0;border:1px solid var(--line);border-radius:16px;width:max-content;max-width:min(96vw,1320px);max-height:94dvh;color:var(--ink);background:var(--paper)}.capture-viewer::backdrop{background:#141122c7}.capture-viewer header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:14px}.capture-viewer header strong{margin-right:auto}.capture-viewer header button{white-space:nowrap}.capture-viewer [data-scale][aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.capture-viewer .enlarged-frame{text-align:center;overflow:auto;max-height:calc(92dvh - 64px)}.capture-viewer[data-actual] .capture-frame{max-width:none;display:block;width:max-content;margin-inline:auto}.capture-viewer[data-actual] img{max-height:none;max-width:none}.capture-viewer img{max-height:calc(92dvh - 64px)}.chapter .walkthrough{grid-template-columns:1fr;margin-block:22px}.chapter .walk-index ol{display:none}.chapter .walk-select{display:flex}.chapter .walk-step .tutorial-screen{margin:0;border-radius:0}@media(prefers-color-scheme:dark){.tutorial-screen .zoom-dark{display:inline-flex}.tutorial-screen .zoom-light{display:none}}@media(max-width:760px){.tutorial-primer{grid-template-columns:1fr;gap:20px;padding:24px 18px}.walkthrough{grid-template-columns:1fr}.walk-index ol{display:none}.walk-select{display:flex}.capture-stage:has(img){min-height:0}.capture-stage img{max-height:min(56svh,440px)}}