:root{--bg: #0a0f1e;--bg-2: #101728;--panel: #151d33;--panel-2: #1a2440;--line: #26304d;--river: #0891b2;--river-bright: #22d3ee;--ember: #ea580c;--brass: #ca8a04;--fog: #8b99b5;--text: #e2e8f0;--muted: #8b99b5;--mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.55}a{color:var(--river-bright);text-decoration:none}a:hover{text-decoration:underline}.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#0a0f1ef2,#0a0f1ecc);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.header-inner{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand{display:flex;align-items:baseline;gap:10px}.brand .mark{font-family:var(--mono);font-size:13px;color:var(--river-bright);border:1px solid var(--line);padding:3px 8px;border-radius:4px;letter-spacing:.1em}.brand .name{font-size:15px;font-weight:700;letter-spacing:.14em;color:var(--text)}.brand .name span{color:var(--river-bright)}.nav{display:flex;gap:18px;font-size:13px;font-family:var(--mono)}.nav a{color:var(--muted)}.nav a:hover{color:var(--river-bright);text-decoration:none}.nav a.active{color:var(--river-bright)}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(1200px 500px at 80% -10%,rgba(8,145,178,.16),transparent 60%),radial-gradient(900px 400px at 10% 110%,rgba(234,88,12,.1),transparent 60%),var(--bg)}.hero canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.5}.hero-inner{position:relative;max-width:1200px;margin:0 auto;padding:72px 24px 64px}.kicker{font-family:var(--mono);font-size:12px;letter-spacing:.28em;color:var(--river-bright);text-transform:uppercase;margin-bottom:14px}.hero h1{font-size:clamp(30px,5vw,52px);font-weight:800;letter-spacing:-.02em;line-height:1.08;max-width:760px}.hero h1 em{font-style:normal;color:var(--river-bright)}.hero p.lead{margin-top:18px;max-width:620px;color:var(--muted);font-size:16px}.hero .meta{margin-top:26px;display:flex;gap:22px;flex-wrap:wrap;font-family:var(--mono);font-size:12px;color:var(--muted)}.hero .meta b{color:var(--text);font-weight:600}section.block{max-width:1200px;margin:0 auto;padding:56px 24px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:24px}.section-head h2{font-size:22px;font-weight:700;letter-spacing:-.01em}.section-head .count{font-family:var(--mono);font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;color:var(--text)}.card:hover{transform:translateY(-3px);border-color:#22d3ee80;box-shadow:0 12px 32px #00000059;text-decoration:none}.card .thumb{height:150px;background:radial-gradient(400px 200px at 50% 0%,rgba(8,145,178,.12),transparent 70%),var(--bg-2);position:relative}.card .thumb canvas{width:100%;height:100%;display:block}.card .body{padding:12px 14px 14px}.card .cat{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ember)}.card h3{font-size:15px;font-weight:650;margin:3px 0 2px}.card .en{font-size:12px;color:var(--muted);font-family:var(--mono)}.card .tag{display:inline-block;margin-top:8px;font-family:var(--mono);font-size:10px;color:var(--river-bright);border:1px solid var(--line);border-radius:4px;padding:2px 7px}.card .tag.cam{color:var(--brass)}.viewer-wrap{max-width:1200px;margin:0 auto;padding:28px 24px 60px}.breadcrumbs{font-family:var(--mono);font-size:12px;color:var(--muted);margin-bottom:14px}.breadcrumbs a{color:var(--muted)}.breadcrumbs a:hover{color:var(--river-bright)}.viewer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.viewer-head h1{font-size:26px;font-weight:800}.viewer-head .en{font-family:var(--mono);color:var(--muted);font-size:13px}.viewer-head .cat{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ember);margin-bottom:4px}.viewer-layout{display:grid;grid-template-columns:1fr 340px;gap:18px}@media(max-width:900px){.viewer-layout{grid-template-columns:1fr}}.stage{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;position:relative;height:520px;overflow:hidden}.stage canvas{width:100%;height:100%;display:block}.stage .hud{position:absolute;top:12px;left:12px;font-family:var(--mono);font-size:11px;color:var(--muted);background:#0a0f1eb3;border:1px solid var(--line);border-radius:6px;padding:6px 10px;pointer-events:none}.stage-controls{position:absolute;bottom:12px;left:12px;right:12px;display:flex;gap:8px;flex-wrap:wrap}.btn{font-family:var(--mono);font-size:11px;letter-spacing:.06em;background:#101728d9;border:1px solid var(--line);color:var(--text);border-radius:6px;padding:7px 12px;cursor:pointer;transition:border-color .12s ease,color .12s ease,background .12s ease}.btn:hover{border-color:#22d3ee99;color:var(--river-bright)}.btn.on{border-color:var(--river);color:var(--river-bright);background:#0891b21f}.side{display:flex;flex-direction:column;gap:14px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px}.panel h2{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--river-bright);margin-bottom:12px}.panel .desc{color:var(--muted);font-size:13.5px;margin-bottom:14px}.specs{width:100%;border-collapse:collapse;font-size:12.5px}.specs td{padding:6px 0;border-bottom:1px solid rgba(38,48,77,.6)}.specs td:first-child{color:var(--muted);font-family:var(--mono);font-size:11px;width:46%}.specs td:last-child{text-align:right}.cam-table{width:100%;border-collapse:collapse;font-size:12px;font-family:var(--mono)}.cam-table th{text-align:left;color:var(--muted);font-weight:500;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:5px 8px;border-bottom:1px solid var(--line)}.cam-table td{padding:7px 8px;border-bottom:1px solid rgba(38,48,77,.5)}.cam-table .op{color:var(--river-bright)}.gcode{background:#060a16;border:1px solid var(--line);border-radius:8px;padding:12px;font-family:var(--mono);font-size:11px;color:#7dd3fc;max-height:220px;overflow:auto;white-space:pre;line-height:1.5}.tabs{display:flex;gap:4px;margin-bottom:14px;flex-wrap:wrap}.tab{font-family:var(--mono);font-size:12px;padding:7px 14px;border:1px solid var(--line);border-bottom:none;border-radius:8px 8px 0 0;background:transparent;color:var(--muted);cursor:pointer}.tab.on{background:var(--panel);color:var(--river-bright);border-color:var(--line)}.tab-body{display:none}.tab-body.on{display:block}.drawings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px}.drawing-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.drawing-card img{width:100%;display:block;background:#fff;min-height:160px}.drawing-card .cap{padding:10px 14px;font-family:var(--mono);font-size:12px;color:var(--muted)}.drawing-card .cap b{color:var(--text);font-weight:600}.wood-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;color:var(--text);transition:transform .15s ease,border-color .15s ease}.wood-card:hover{transform:translateY(-3px);border-color:#ea580c80;text-decoration:none}.wood-card img{width:100%;display:block;background:#fff;height:150px;object-fit:contain}.wood-card .body{padding:10px 14px 12px}.wood-card .tier{font-family:var(--mono);font-size:10px;color:var(--ember);letter-spacing:.15em;text-transform:uppercase}.wood-card h3{font-size:14px;font-weight:650;margin:2px 0}.wood-card .dim{font-family:var(--mono);font-size:11px;color:var(--muted)}.site-footer{border-top:1px solid var(--line);margin-top:40px}.footer-inner{max-width:1200px;margin:0 auto;padding:26px 24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-family:var(--mono);font-size:12px;color:var(--muted)}.footer-inner .links{display:flex;gap:16px}.loading{display:flex;align-items:center;justify-content:center;height:100%;font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.2em}.loading:after{content:"";width:10px;height:10px;margin-left:10px;border:2px solid var(--line);border-top-color:var(--river-bright);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{color:var(--muted);font-family:var(--mono);font-size:13px;padding:24px 0}