:root{--base:#00a99d;--accent:#d4af37}.pattern-page{background:#071019;color:#edf5f8}.pattern-wrap{max-width:1480px;margin:auto;padding:34px}.pattern-head{display:flex;justify-content:space-between;gap:20px;align-items:end}.pattern-head h1{font-size:42px;margin:8px 0}.pattern-head p,.muted{color:#89a0af}.studio-grid{display:grid;grid-template-columns:320px 1fr;gap:18px;margin-top:24px}.tools,.stage{border:1px solid #243b4c;background:#0b151f;border-radius:20px}.tools{padding:20px}.tool{border-bottom:1px solid #20313e;padding:0 0 20px;margin-bottom:20px}.tool h3{margin:6px 0 12px}.models{display:grid;grid-template-columns:1fr 1fr;gap:8px}.model{background:#0d1a25;color:#eef6fa;border:1px solid #2b4558;border-radius:13px;padding:12px;text-align:left}.model.active{border-color:#00d8a3;box-shadow:inset 0 0 0 1px #00d8a3}.model svg{width:100%;height:72px;margin-top:8px}.model path{fill:#173448}.model[data-model=M2] path{fill:#214156}select,input[type=color]{width:100%;background:#071019;color:white;border:1px solid #2b4558;border-radius:9px;padding:10px}.colors{display:grid;grid-template-columns:1fr 1fr;gap:8px}.swatches{display:flex;gap:7px;margin-top:10px}.swatch{width:28px;height:28px;border-radius:50%;border:2px solid #526b7b;background:var(--s)}.spec{font-size:12px;line-height:1.55;color:#91a6b4}.stage{padding:18px}.stagebar{display:flex;justify-content:space-between;gap:12px;padding-bottom:15px;border-bottom:1px solid #20313e}.pieces{display:grid;grid-template-columns:1fr 1fr .72fr;gap:12px;margin-top:18px}.piece{background:radial-gradient(circle at 50% 20%,#142735,#08111a 68%);border:1px solid #20394a;border-radius:17px;padding:14px;text-align:center;overflow:hidden}.piece>span{font-size:10px;letter-spacing:.15em;color:#7c95a5}.piece svg{width:100%;height:570px}.sleevegrid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sleevegrid .piece svg{height:570px}.outline{fill:var(--base);stroke:#7890a0;stroke-width:1.5}.panel{fill:#101820}.acc{fill:var(--accent)}.seam{fill:none;stroke:#b8c6cf;stroke-width:1;stroke-dasharray:5 4;opacity:.55}.cut{fill:none;stroke:#00d8a3;stroke-width:1.4}.label{fill:#d9e5eb;font-size:8px}.m2only{display:none}body[data-model=M2] .m1only{display:none}body[data-model=M2] .m2only{display:block}.note{margin-top:14px;padding:13px;border:1px solid #255244;background:#0b211c;border-radius:12px;color:#b9cbc5}.legend{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:#829aa9}.dot{display:inline-block;width:10px;height:2px;margin-right:5px;background:#00d8a3}.dash{border-top:1px dashed #b8c6cf;background:none}@media(max-width:1050px){.studio-grid{grid-template-columns:1fr}.pieces{grid-template-columns:1fr}.piece svg,.sleevegrid .piece svg{height:450px}}