#spc-3d{background:#f5f2eb;color:#292923;padding-top:80px;padding-bottom:80px;scroll-margin-top:100px}#spc-3d *{box-sizing:border-box}.spc-intro{max-width:700px;margin-bottom:32px}.spc-intro h2{font-size:clamp(32px,4vw,56px);line-height:1.12}.spc-intro p{line-height:1.7}.spc-workbench{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);border:1px solid #d7d3ca}.spc-stage{position:relative;min-width:0;background:radial-gradient(ellipse,#faf8f3,#e5dfd4);overflow:hidden}.spc-stage canvas{display:block;width:100%;height:480px;touch-action:pan-y;cursor:grab}.spc-stage canvas:active{cursor:grabbing}.spc-hint{position:absolute;bottom:16px;left:24px;right:24px;font-size:12px;color:#68685f;pointer-events:none}.spc-mark{position:absolute;top:20px;left:24px;font-size:10px;letter-spacing:.17em;color:#69675f}.spc-panel{padding:28px;background:#fcfaf6;border-left:1px solid #d7d3ca}.spc-layer{padding:14px 0;border-bottom:1px solid #e4e0d8}.spc-layer h3{font-size:17px;margin:0}.spc-layer p{font-size:13px;line-height:1.6;color:#68685f;margin:6px 0 0}.spc-controls{margin-top:22px;display:grid;gap:14px}.spc-controls label{font-size:12px;display:grid;grid-template-columns:1fr auto;gap:8px}.spc-controls input{grid-column:1/-1;width:100%;accent-color:#514538}.spc-controls output{font-variant-numeric:tabular-nums}.spc-buttons{display:flex;gap:8px;flex-wrap:wrap}.spc-buttons button{padding:10px 12px;border:1px solid #b8b0a2;border-radius:0;background:transparent;color:#302d27;font:inherit;font-size:12px;cursor:pointer}.spc-buttons button[aria-pressed=true]{background:#302d27;color:white}.spc-note{font-size:12px;line-height:1.7;color:#6b675f;margin:14px 0 36px}.spc-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.spc-card{margin:0;min-width:0}.spc-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#e3ddd1}.spc-card figcaption{padding:18px 0 24px}.spc-card h3{font-size:23px;margin:0 0 10px}.spc-card p{font-size:12px;color:#6b675f;line-height:1.6}.spc-card a,.spc-technology a{font-size:13px;text-decoration:underline;text-underline-offset:4px}.spc-video{margin:16px 0 0}.spc-video video{width:100%;max-height:680px;background:#23231f;display:block}.spc-video figcaption{font-size:12px;color:#6b675f;padding-top:12px}.spc-technology{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;border-top:1px solid #d7d3ca;margin-top:44px;padding-top:32px}.spc-technology h3{font-size:28px;margin:0}.spc-technology p{font-size:15px;line-height:1.75;margin:0 0 16px}.spc-technology .spc-contact{display:inline-block;margin-top:12px;padding:14px 18px;background:#292923;color:white;text-decoration:none}#spc-3d :focus-visible{outline:3px solid #977445;outline-offset:4px}@media(max-width:800px){.spc-workbench{grid-template-columns:1fr}.spc-panel{border-left:0;border-top:1px solid #d7d3ca}.spc-stage canvas{height:360px}.spc-technology{grid-template-columns:1fr;gap:20px}}@media(max-width:540px){#spc-3d{padding-top:50px;padding-bottom:50px}.spc-media-grid{grid-template-columns:1fr;gap:8px}.spc-stage canvas{height:300px}.spc-panel{padding:20px}.spc-hint{font-size:10px}}