:root{font-family:Inter,Arial,sans-serif;color:#244657;background:#f4f8fb;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0}header{height:86px;display:flex;align-items:center;gap:28px;padding:18px 32px;background:#fff;border-bottom:1px solid #dce8ee}header img{width:176px;height:auto}header span{font-size:15px;color:#55717e}header b{margin-left:10px;font-weight:500;padding:6px 10px;background:#e6f5f8;border-radius:7px;color:#156b80}a{color:#176f88;text-underline-offset:3px}header>a{margin-left:auto;font-size:14px}main{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:calc(100dvh - 138px)}aside{padding:25px 24px;background:#fff;border-right:1px solid #dce8ee}h1{font-size:24px;letter-spacing:-.6px;margin:0 0 8px}.intro{font-size:15px;line-height:1.5;margin:0 0 25px;color:#617e8c}.field{display:block;font-size:14px;font-weight:600;margin:23px 0 9px}select{width:100%;border:1px solid #c9dce6;border-radius:9px;padding:11px;background:#f8fbfd;font:inherit;font-size:15px;color:#244657}fieldset{padding:0;border:0;margin:25px 0 8px}legend{font-size:14px;font-weight:600;margin-bottom:10px}.switch{display:flex;gap:10px;align-items:center;min-height:38px;font-size:14px;cursor:pointer;line-height:1.45}.switch input{height:18px;width:18px;accent-color:#15839c;flex-shrink:0}.divided{border-top:1px solid #e2edf2;padding-top:12px;margin-top:6px}.reset,#retry{width:100%;margin-top:16px;padding:11px;border:1px solid #c9dce6;background:#eaf5f9;color:#17627b;border-radius:9px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.reset:hover,#retry:hover{background:#d9edf4}.selected{margin-top:24px;padding:12px;background:#f2f8fb;border-radius:8px;min-height:44px;font-size:14px;line-height:1.45}.note{font-size:13px;line-height:1.6;color:#738995;margin:17px 0 0}.stage{position:relative;min-height:620px;overflow:hidden;background:#f4f8fb}#viewport{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.stage-title{position:absolute;top:27px;left:30px;pointer-events:none}.stage-title>span{font-size:12px;letter-spacing:1.8px;color:#6d8c9b}h2{font-size:21px;font-weight:500;letter-spacing:-.35px;margin:9px 0;color:#385869}.gesture{position:absolute;bottom:16px;left:20px;right:20px;text-align:center;font-size:13px;color:#6d8694;pointer-events:none}.empty{position:absolute;top:50%;left:10%;right:10%;text-align:center;color:#526f7e}.empty[hidden],#fallback[hidden]{display:none}#loading{position:absolute;inset:0;display:grid;place-content:center;background:#f4f8fb;font-size:16px;color:#587c8e}#loading[hidden]{display:none}#fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f4f8fb;padding:100px 25px 65px;text-align:center}#fallback img{max-height:65%;max-width:70%;object-fit:contain}#fallback>div{max-width:450px;font-size:15px;line-height:1.5}#fallback p{margin:8px 0;color:#6b8593}#retry{width:auto;padding:9px 24px;margin-top:5px}footer{min-height:52px;display:flex;justify-content:space-between;gap:16px;padding:17px 28px;font-size:12px;color:#718793;border-top:1px solid #dce8ee;background:#fff}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #43a9c9;outline-offset:3px}@media(max-width:800px){header{height:72px;padding:14px 20px;gap:15px}header img{width:138px}header span{display:none}main{display:flex;flex-direction:column}.stage{order:-1;height:57dvh;min-height:400px}aside{border:0;border-top:1px solid #dce8ee;padding:22px;display:grid;grid-template-columns:1fr 1fr;column-gap:24px}aside h1,aside .intro,aside .selected,aside .note{grid-column:1/-1}h1{font-size:22px}.intro{margin-bottom:5px}fieldset{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;margin-top:18px}.divided{border:0;padding:0;margin:0}.field{align-self:center;margin:12px 0}select{margin:8px 0}.reset{grid-column:1/-1}.selected{margin-top:18px}.stage-title{top:19px;left:22px}h2{font-size:18px}.gesture{font-size:12px;bottom:8px}footer{flex-direction:column;gap:7px;padding:16px 22px;line-height:1.5}}@media(max-width:390px){header img{width:122px}header>a{font-size:13px}aside{gap:8px 14px}.switch{font-size:13px}.stage{min-height:360px}}

/* The original explorer is also available inside the shared Dental Show page. */
.embedded header,.embedded footer{display:none}
.embedded body{background:#f4f8fb}
.embedded main{height:760px;min-height:0}
.embedded aside{overflow-y:auto}
.embedded .stage{min-height:0}
@media(max-width:800px){.embedded main{height:auto}.embedded aside{overflow:visible}.embedded .stage{height:410px;min-height:410px}.embedded .gesture{padding-inline:8px}}
@media(max-width:390px){.embedded .stage{height:370px;min-height:370px}}