.h3d{margin:36px 0;padding:24px;background:var(--c-surface,#fff);border:1px solid var(--c-line,#ddd);border-radius:var(--r-lg,28px);overflow:hidden;color:var(--c-ink,#232a1b)}
.h3d h2{font-size:clamp(24px,3vw,36px);margin:0 0 10px;text-transform:none}.h3d-intro,.h3d-hint,.h3d-status{color:var(--c-muted,#626855);font-size:13px;line-height:1.6}.h3d-cover{position:relative;background:#ece8df;border-radius:18px;overflow:hidden}.h3d-cover img{display:block;width:100%;height:420px;object-fit:contain}.h3d-cover button{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--c-green,#5b6e3a);color:white}
.h3d button,.h3d select,.h3d summary{font:inherit;font-size:14px;min-height:44px;border-radius:10px;border:1px solid var(--c-line,#ddd);background:white;color:inherit;padding:10px 14px;cursor:pointer}.h3d button:focus-visible,.h3d select:focus-visible,.h3d summary:focus-visible,.h3d input:focus-visible{outline:3px solid var(--c-accent,#8aa85a);outline-offset:3px}.h3d button[aria-pressed=true]{background:var(--c-green,#5b6e3a);color:white;border-color:transparent}.h3d button:disabled{opacity:.65;cursor:progress}.h3d-stage{height:560px;position:relative;border-radius:18px;overflow:hidden}.h3d-stage canvas{display:block;touch-action:none}.h3d-toolbar,.h3d-actions,.h3d-hotspots{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.h3d-settings{margin:12px 0}.h3d-checks{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:12px 0}.h3d-checks label{display:flex;align-items:center;gap:8px;min-height:44px;font-size:14px}.h3d input[type=checkbox]{width:20px;height:20px;accent-color:var(--c-green,#5b6e3a)}.h3d-cut{display:flex;align-items:center;gap:16px;font-size:14px;min-height:48px}.h3d-cut input{flex:1;min-width:80px;accent-color:var(--c-green,#5b6e3a);height:40px}.h3d-hotspots button{font-size:12px}.h3d-labels{position:absolute;inset:0;pointer-events:none}.h3d .h3d-room{position:absolute;transform:translate(-50%,-50%);width:130px;min-height:44px;padding:5px;font-size:11px;line-height:1.35;background:#fffffff2;box-shadow:0 3px 16px #0002;pointer-events:auto}.h3d [hidden]{display:none!important}.h3d:fullscreen{overflow:auto;background:white;border-radius:0;padding:20px}.h3d:fullscreen .h3d-stage{height:65vh}.h3d-gallery-nav{display:flex;gap:18px;margin:10px 0;font-size:14px}.h3d-gallery-nav a{color:var(--c-green,#5b6e3a)}
@media(max-width:700px){.h3d{padding:12px;border-radius:18px}.h3d-stage,.h3d-cover img{height:420px}.h3d-checks{grid-template-columns:repeat(2,1fr)}.h3d-toolbar button,.h3d-toolbar select{flex:1}.h3d-hint{font-size:11px}.h3d:fullscreen{padding:8px}}