.guide-main {max-width:1060px;margin:auto;padding:28px 20px 90px;}
.guide-nav {display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:22px;}
.guide-nav a {text-decoration:none;}
.guide-intro {max-width:760px;margin:35px 0;}
.guide-intro h1 {font-size:clamp(34px,6vw,58px);line-height:1.3;margin:12px 0;}
.guide-intro p,.guide-card p,.guide-card li {line-height:1.95;color:var(--text-secondary);font-size:16px;}
.guide-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.guide-card {background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:26px;scroll-margin-top:24px;}
.guide-card h2 {font-size:25px;margin:0 0 12px;}
.guide-card ol {padding-inline-start:24px;}
.guide-card li {margin-bottom:10px;}
.guide-card .btn {margin-top:8px;}
.guide-wide {grid-column:1/-1;}
.guide-note {color:var(--text-muted);font-size:14px!important;}
.guide-links {display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px;}
.guide-links a {color:var(--text-secondary);border-bottom:1px solid var(--border);padding:5px;}
.guide-card details {padding:12px 0;border-top:1px solid var(--border);}
.guide-card summary {cursor:pointer;font-size:18px;line-height:1.7;}
.remote-screen {overflow:auto;border:1px solid var(--border);border-radius:12px;background:#fff;margin:18px 0;direction:ltr;}
.remote-screen img {width:100%;display:block;cursor:crosshair;}
.remote-screen img[hidden] {display:none;}
.remote-screen img.zoomed {width:1000px;max-width:none;}
.remote-entry {flex:1;min-width:220px;line-height:2;}
@media(max-width:650px) {.guide-grid{grid-template-columns:1fr;}.guide-card{padding:20px;}.guide-main{padding-inline:16px;}.guide-nav .btn{font-size:13px;}}
.visual-guide .guide-intro {margin:25px 0;}
.visual-guide .guide-intro h1 {font-size:clamp(36px,5vw,54px);}
.tour-topics {display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px;}
.tour-topics button {font:inherit;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);padding:10px 15px;border-radius:12px;cursor:pointer;}
.tour-topics button[aria-pressed="true"] {color:var(--text);border-color:var(--accent);background:var(--surface2);}
.tour-panel {display:grid;grid-template-columns:1.1fr 1fr;border:1px solid var(--border);border-radius:22px;overflow:hidden;background:var(--surface);}
.tour-demo {position:relative;background:var(--bg2);min-height:370px;padding:20px;border-inline-end:1px solid var(--border);}
.tour-demo-bar {display:flex;justify-content:space-between;gap:10px;font-size:13px;padding-bottom:18px;border-bottom:1px solid var(--border);color:var(--text-muted);}
.tour-example {font-size:11px;}
.tour-scene {padding:20px 8px;pointer-events:none;}
.tour-mini-title {font-size:20px;font-weight:700;margin:0 0 22px;}
.tour-tile {position:relative;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:13px 16px;margin:10px 0;color:var(--text-secondary);font-size:15px;line-height:1.6;}
.tour-target {border-color:var(--accent);color:var(--text);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent);}
.tour-bubble {background:var(--surface2);border:1px solid var(--border);border-radius:16px;padding:20px;font-size:16px;line-height:1.8;margin:12px 0;}
.tour-cursor {position:absolute;top:51%;left:24%;color:var(--text);font-family:Arial,sans-serif;font-size:26px;transform:rotate(-25deg);pointer-events:none;text-shadow:0 2px 5px var(--bg);}
.tour-playing .tour-cursor {animation:tour-point 1.4s ease both;}
.tour-playing .tour-target {animation:tour-emphasis 1.4s ease both;}
.tour-explanation {padding:34px 28px;display:flex;flex-direction:column;align-items:flex-start;}
.tour-explanation h2 {font-size:30px;margin:16px 0 10px;}
.tour-explanation p {font-size:17px;line-height:1.9;color:var(--text-secondary);min-height:65px;}
.tour-explanation .guide-note {margin:18px 0;min-height:0;}
.tour-steps {display:flex;gap:8px;margin:16px 0;}
.tour-steps button {width:32px;height:32px;background:var(--surface2);color:var(--text-muted);border:1px solid var(--border);border-radius:50%;font:inherit;cursor:pointer;}
.tour-steps button[aria-current="step"] {color:var(--text);border-color:var(--accent);}
.tour-controls {display:flex;gap:8px;flex-wrap:wrap;}
.tour-controls .btn {min-height:40px;}
.tour-controls .btn:disabled {opacity:.4;cursor:default;}
.tour-details {margin:22px 0;padding:18px 24px;}
.tour-faq {margin-top:16px;}
.tour-footer {display:flex;align-items:center;flex-wrap:wrap;gap:16px;color:var(--text-muted);font-size:14px;}
.tour-footer a:not(.btn) {color:var(--text-secondary);}
.visual-guide button:focus-visible {outline:2px solid var(--accent);outline-offset:4px;}
@keyframes tour-point {from{transform:translate(-45px,40px) rotate(-25deg);opacity:0;}50%{opacity:1;}to{transform:rotate(-25deg);opacity:1;}}
@keyframes tour-emphasis {0%,50%{box-shadow:none;}75%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 20%,transparent);}100%{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent);}}
@media(max-width:700px) {.tour-panel{grid-template-columns:1fr;}.tour-demo{min-height:290px;border-inline-end:0;border-bottom:1px solid var(--border);padding:16px;}.tour-explanation{padding:24px 20px;}.tour-explanation h2{font-size:26px;}.tour-explanation p{font-size:16px;min-height:0;}.tour-topics button{font-size:13px;padding:9px 11px;}.tour-demo-bar{font-size:12px;}.tour-mini-title{font-size:18px;margin-bottom:14px;}.tour-scene{padding:16px 4px;}}
@media(prefers-reduced-motion:reduce) {.tour-playing .tour-cursor,.tour-playing .tour-target{animation:none;}}
.tour-demo:has(#tourGif) {padding:14px;min-height:0;}
.tour-demo:has(#tourGif) .tour-scene {padding:12px 0;pointer-events:auto;}
#tourGif {display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:12px;background:var(--bg);}
.gif-controls {display:flex;flex-wrap:wrap;gap:8px;}
.gif-controls .btn {font-size:13px;}
.gif-step-list {padding-inline-start:23px;color:var(--text-secondary);font-size:16px;line-height:2.1;margin:10px 0;}
.gif-step-list li {padding-inline-start:4px;margin-bottom:8px;}
.gif-step-list li::marker {color:var(--accent);}
.gif-dialog {width:min(720px,calc(100vw - 24px));max-height:94dvh;margin:auto;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text);padding:14px;overflow:auto;}
.gif-dialog::backdrop {background:#000d;}
.gif-dialog header {display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-14px;background:var(--surface);padding:10px 0;}
.gif-dialog h2 {font-size:21px;margin:0;}
.gif-dialog img {display:block;width:100%;height:auto;}
@media(max-width:700px) {.tour-panel:has(#tourGif){display:flex;flex-direction:column;}.tour-panel:has(#tourGif) .tour-explanation{order:-1;padding:22px 20px;}.tour-panel:has(#tourGif) .tour-explanation p{margin:8px 0;}.tour-panel:has(#tourGif) .guide-note{margin:10px 0;}.gif-step-list{font-size:14px;line-height:1.7;margin:4px 0;}.gif-step-list li{margin-bottom:5px;}}