.snapshot-page *,.snapshot-viewer *{box-sizing:border-box}.snapshot-page{margin:0;background:#f4f7f3;color:#173b43;font:16px/1.5 system-ui,sans-serif}.snapshot-page main{max-width:1280px;padding:24px;margin:auto}.snapshot-page header{max-width:850px}.snapshot-page h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.15}.snapshot-page .eyebrow{font-weight:700;color:#54756a}#share-status{padding:12px;background:#e5eee5;border-left:4px solid #789777}.snapshot-viewer{border:1px solid #c6d6cc;border-radius:12px;padding:18px;background:white}.snapshot-viewer:empty{display:none}.snapshot-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:16px}.snapshot-controls label{font-weight:600}.snapshot-viewer select{display:block;max-width:100%;padding:10px;border:1px solid #90a69a;border-radius:5px;background:white;font:inherit}.snapshot-viewer button{padding:11px 16px;border:0;border-radius:6px;background:#245d59;color:white;font:inherit;cursor:pointer;min-height:44px}.snapshot-viewer .inline{display:flex;align-items:center;gap:6px;min-height:44px}.snapshot-viewer .scene-viewport{width:100%;height:560px;background:#eaf0ed;border-radius:8px;overflow:hidden}.snapshot-viewer canvas{display:block;touch-action:none;width:100%;height:100%}.snapshot-viewer :focus-visible{outline:3px solid #c89744;outline-offset:3px}.snapshot-viewer [data-snapshot=objects]{width:100%}@media(max-width:600px){.snapshot-page main{padding:12px}.snapshot-viewer{padding:12px}.snapshot-viewer .scene-viewport{height:380px}.snapshot-controls{gap:8px}.snapshot-controls>label{max-width:100%}}