.g-list{gap:28px;padding-bottom:40px;display:grid}.g-ch{background:var(--card);border:1px solid var(--line);border-radius:28px;grid-template-columns:minmax(0,1fr);align-items:center;gap:28px;padding:26px;display:grid;box-shadow:0 1px 2px #00000008}@media (min-width:880px){.g-ch{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding:36px 40px}.g-ch.flip .g-copy{order:2}}.g-num{background:var(--paper-2);border:1px solid var(--line);height:26px;color:var(--ink-2);border-radius:999px;place-items:center;padding:0 10px;font-size:.76rem;display:inline-grid}.g-copy h2{margin:14px 0 10px;font-size:clamp(1.5rem,2.8vw,2.1rem)}.g-copy p{color:var(--ink-2);margin:0 0 12px;font-size:1rem}.g-copy .g-tip{color:var(--ink-3);font-size:.86rem}.g-keys{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;max-width:720px;margin:0 auto;display:grid}.g-keys div{border:1px solid var(--line);background:var(--card);border-radius:14px;align-items:center;gap:10px;padding:12px 14px;font-size:.9rem;display:flex}.g-art{background:radial-gradient(110% 90% at 50% 35%, var(--stage-hi), var(--stage) 60%, var(--stage-2));border:1px solid var(--line);min-height:260px;color:var(--ink-2);border-radius:22px;place-items:center;display:grid;position:relative;overflow:hidden}.g-art .wire-icon polyline{stroke-width:1.3px}.g-describe{align-content:center;gap:18px;padding:24px}.g-prompt{background:var(--card);border:1px solid var(--line);width:min(420px,90%);box-shadow:var(--shadow-lg);border-radius:20px;align-items:center;gap:10px;padding:12px 12px 12px 18px;display:flex}.g-type{white-space:nowrap;color:var(--ink);border-right:2px solid var(--accent);flex:1;width:0;font-size:.92rem;animation:6s steps(40,end) infinite g-type;overflow:hidden}@keyframes g-type{0%{width:0}55%,90%{width:100%}to{width:0}}.g-send{background:var(--ink);width:32px;height:32px;color:var(--paper);border-radius:50%;flex:none;place-items:center;font-weight:700;animation:6s infinite g-pop;display:grid}@keyframes g-pop{0%,58%{transform:scale(1)}62%{transform:scale(.85)}66%{transform:scale(1.1)}70%,to{transform:scale(1)}}.g-chips{gap:6px;display:flex}.g-chips span{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:.78rem;animation:3s ease-in-out infinite g-float}.g-chips span:nth-child(2){animation-delay:.4s}.g-chips span:nth-child(3){animation-delay:.8s}@keyframes g-float{50%{transform:translateY(-4px)}}.g-build{grid-template-columns:1fr 1fr;align-items:center;gap:12px;padding:22px}.g-code{font:.7rem/1.4 var(--font-mono);color:#d9dde3;background:#111418;border-radius:14px;gap:5px;min-width:0;padding:12px;display:grid}.g-code span{white-space:nowrap;opacity:0;animation:5s infinite g-line;animation-delay:var(--d);overflow:hidden}@keyframes g-line{0%{opacity:0;transform:translate(-4px)}8%,85%{opacity:1;transform:none}to{opacity:0}}.g-wire{color:var(--ink);place-items:center;display:grid}.g-draw polyline{animation:5s cubic-bezier(.3,.7,.2,1) infinite wire-draw!important;animation-delay:calc(var(--i) * 90ms)!important}.g-phases{flex-wrap:wrap;grid-column:1/-1;justify-content:center;gap:6px;display:flex}.g-phases span{background:var(--card);border:1px solid var(--line);opacity:.35;border-radius:999px;padding:5px 10px;font-size:.72rem;animation:5s infinite g-phase}.g-phases span:nth-child(2){animation-delay:1s}.g-phases span:nth-child(3){animation-delay:2s}.g-phases span:nth-child(4){animation-delay:3s}.g-phases span:nth-child(5){animation-delay:4s}.g-phases .ok{color:var(--ok)}@keyframes g-phase{0%,18%{opacity:1;border-color:var(--ink-3)}22%,to{opacity:.35}}.g-adjust{align-content:center;gap:10px;padding:20px}.g-stretch{width:240px;overflow:visible}.g-stretch polygon{fill:color-mix(in srgb, var(--ink) 8%, var(--card));stroke:var(--ink);stroke-width:1.2px;stroke-linejoin:round}.g-stretch .side{fill:color-mix(in srgb, var(--ink) 16%, var(--card))}.g-stretch .side2{fill:color-mix(in srgb, var(--ink) 24%, var(--card))}.g-box{transform-origin:100px 76px;animation:4s ease-in-out infinite g-stretch}@keyframes g-stretch{0%,to{transform:scaleX(.7)}50%{transform:scaleX(1.15)}}.g-slider{width:min(320px,90%);color:var(--ink);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:.82rem;display:grid}.g-slider>div{background:var(--line);border-radius:4px;height:4px;position:relative}.g-slider i{background:#fff;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;animation:4s ease-in-out infinite g-knob;position:absolute;top:50%;box-shadow:0 2px 8px #0000004d}@keyframes g-knob{0%,to{left:20%}50%{left:85%}}.g-mark{color:var(--ink)}.g-circle{width:100%;height:100%;position:absolute;inset:0}.g-circle circle{fill:color-mix(in srgb, var(--accent) 12%, transparent);stroke:var(--accent);stroke-width:2.4px;stroke-dasharray:1;stroke-dashoffset:1px;transform-origin:120px 58px;animation:5s infinite g-circ}@keyframes g-circ{0%,12%{stroke-dashoffset:1px;opacity:1}40%,85%{stroke-dashoffset:0;opacity:1}to{opacity:0}}.g-pin{background:var(--accent);color:#fff;width:26px;height:26px;font:700 .75rem var(--font-mono);opacity:0;border-radius:50% 50% 50% 4px;place-items:center;animation:5s infinite g-pindrop;display:grid;position:absolute;top:30%;left:60%;transform:rotate(-45deg)}@keyframes g-pindrop{0%,42%{opacity:0;transform:rotate(-45deg)translateY(-14px)}50%,90%{opacity:1;transform:rotate(-45deg)}to{opacity:0}}.g-note{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);opacity:0;border-radius:12px;padding:8px 12px;font-size:.8rem;animation:5s infinite g-note;position:absolute;bottom:14%;right:8%}@keyframes g-note{0%,55%{opacity:0;transform:translateY(6px)}62%,90%{opacity:1;transform:none}to{opacity:0}}.g-cursor{border-left:2px solid var(--ink);border-top:2px solid var(--ink);width:14px;height:14px;animation:5s infinite g-cur;position:absolute;transform:rotate(-20deg)}@keyframes g-cur{0%{top:70%;left:70%}12%{top:32%;left:60%}40%{top:32%;left:60%}50%,to{opacity:0;top:64%;left:80%}}.g-photo{align-content:center;gap:12px;padding:20px}.g-frame{width:260px;height:170px;box-shadow:var(--shadow-lg);background:linear-gradient(#7d828b,#555a62);border-radius:14px;position:relative;overflow:hidden}.g-object{background:#1c1f25;border-radius:14px;width:42%;height:64%;position:absolute;top:16%;left:29%;box-shadow:inset 0 0 0 6px #262a31}.g-frame svg{width:100%;height:100%;position:absolute;inset:0}.g-frame line{stroke:#ff7a3d;stroke-width:3px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:4.5s infinite g-measure}.g-frame circle{fill:#5ac8ff;stroke:#fff;stroke-width:1.5px;opacity:0;animation:4.5s infinite g-snapdot}@keyframes g-measure{0%,10%{stroke-dashoffset:1px}45%,90%{stroke-dashoffset:0}to{stroke-dashoffset:1px}}@keyframes g-snapdot{0%,40%{opacity:0}46%,90%{opacity:1}to{opacity:0}}.g-tag{color:#fff;opacity:0;background:#0a0a0bd9;border-radius:999px;padding:3px 9px;font-size:.72rem;animation:4.5s .3s infinite g-snapdot;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.g-snap{color:#5ac8ff;opacity:0;font-size:.76rem;animation:4.5s infinite g-snapdot}.g-check{grid-template-columns:1fr 1fr;align-items:center;gap:10px;padding:20px}.g-check svg{justify-self:center;width:100%;max-width:230px}.g-check polygon{stroke:var(--ink);stroke-width:1px;stroke-linejoin:round;fill:color-mix(in srgb, var(--ink) 10%, var(--card))}.g-check .shelf{fill:color-mix(in srgb, var(--ink) 6%, var(--card))}.g-check .under{animation:3s infinite g-bad}@keyframes g-bad{0%,25%{fill:color-mix(in srgb, var(--ink) 20%, var(--card))}45%,90%{fill:#f04d52}to{fill:color-mix(in srgb, var(--ink) 20%, var(--card))}}.g-check ul{color:var(--ink);gap:8px;margin:0;padding:0;font-size:.8rem;list-style:none;display:grid}.g-check li{background:var(--card);border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;padding:8px 10px;display:flex}.g-check li i{border-radius:50%;flex:none;width:10px;height:10px}.g-check .okc{background:var(--ok)}.g-check .warn{background:#f04d52;animation:1.2s infinite ui-pulse}.g-test{color:var(--ink)}.g-cut{border:2px dashed var(--accent);border-radius:6px;width:54px;height:54px;animation:5s infinite g-cutbox;position:absolute;top:34%;left:52%}@keyframes g-cutbox{0%,10%{opacity:0;transform:scale(1.3)}25%,45%{opacity:1;transform:none}55%,to{opacity:0}}.g-chunk{background:color-mix(in srgb, var(--accent) 30%, var(--card));border:1.5px solid var(--accent);opacity:0;border-radius:6px;width:54px;height:54px;animation:5s infinite g-chunk;position:absolute;top:34%;left:52%}@keyframes g-chunk{0%,45%{opacity:0;transform:none}50%{opacity:1}75%,92%{opacity:1;transform:translate(70px,40px)rotate(8deg)}to{opacity:0;transform:translate(70px,40px)}}.g-save{background:color-mix(in srgb, var(--ok) 16%, var(--card));color:var(--ok);border:1px solid color-mix(in srgb, var(--ok) 30%, transparent);opacity:0;border-radius:999px;padding:5px 11px;font-size:.76rem;animation:5s .6s infinite g-note;position:absolute;bottom:10%;right:8%}.g-print{align-content:center;gap:14px;padding:20px}.g-layers{border-bottom:3px solid color-mix(in srgb, var(--ink) 25%, transparent);flex-direction:column-reverse;align-items:center;gap:2px;width:200px;height:150px;padding-bottom:6px;display:flex;position:relative}.g-layers span:not(.g-nozzle){width:var(--w);transform-origin:0;height:8px;animation:4.4s infinite g-layer;animation-delay:var(--d);background:linear-gradient(90deg,#e4e5e8,#cfd2d8);border-radius:3px;transform:scaleX(0)}@keyframes g-layer{0%{transform:scaleX(0)}6%,90%{transform:scaleX(1)}to{transform:scaleX(0)}}.g-nozzle{background:var(--ink);border-radius:6px 6px 2px 2px;width:30px;height:26px;margin-left:-15px;animation:2.2s ease-in-out infinite alternate g-noz;position:absolute;top:0;left:50%}.g-nozzle:after{content:"";border:5px solid #0000;border-top:8px solid #c8a15a;border-bottom:0;margin-left:-5px;position:absolute;bottom:-8px;left:50%}@keyframes g-noz{0%{transform:translate(-60px)}to{transform:translate(60px)}}.g-dl{background:var(--ink);color:var(--paper);border-radius:999px;padding:8px 16px;font-size:.82rem;font-weight:500;animation:4.4s infinite g-pop}@media (max-width:560px){.g-build,.g-check{grid-template-columns:1fr}.g-art{min-height:220px}}@media (prefers-reduced-motion:reduce){.g-art *{width:auto;opacity:1!important;stroke-dashoffset:0!important;animation:none!important}}.guide-hero-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:32px;display:grid}@media (min-width:960px){.guide-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}.guide-hero-side{justify-items:start;gap:4px;display:grid}.guide-hero-side .mascot{z-index:1;margin-bottom:-8px;margin-left:18px;position:relative}.guide-toc{background:var(--card);border:1px solid var(--line);width:100%;box-shadow:var(--shadow);border-radius:20px;margin:0;padding:8px;list-style:none;display:grid}.guide-toc a{color:var(--ink);border-radius:12px;align-items:center;gap:12px;padding:9px 12px;font-size:.92rem;text-decoration:none;display:flex}.guide-toc a:hover{background:var(--paper-2)}.guide-toc .mono{color:var(--accent-ink);font-size:.72rem}
