@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500&family=DM+Sans:wght@400;500&display=swap";:root{font-family:DM Sans,PingFang SC,sans-serif;color:#e4e6e4;background:#060c10;font-synthesis:none;--muted:#6e858d;--pink:#d6acbc;--line:#9bb8c11c}*{box-sizing:border-box}body{margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit;cursor:pointer}button{background:none;border:0}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--pink);outline-offset:4px}[hidden]{display:none!important}header{height:90px;margin:0 42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.logo{display:flex;gap:14px;align-items:center;font-size:9px;line-height:1.9;letter-spacing:2.5px}.logo svg{stroke:var(--pink);stroke-width:.9;width:27px;height:38px}.series{font-size:10px;letter-spacing:2px;color:#84989d}.series b{font-weight:400;margin:0 16px;color:#38545e}.model-download{font-size:11px;letter-spacing:1px;border:1px solid #97aeb43c;padding:13px 17px}.model-download:hover{background:#c7a8b115}main{margin:0 42px;display:grid;grid-template-columns:320px minmax(0,1fr);min-height:830px;height:calc(100svh - 152px)}aside{padding:65px 27px 28px 3px;align-self:center}.eyebrow{font-size:9px;letter-spacing:2.5px;color:#a5b5b5;display:flex;align-items:center;gap:8px}.eyebrow i{width:4px;height:4px;border-radius:50%;background:#d8b5b7}h1{font-family:"Noto Serif SC",Songti SC,serif;font-size:54px;font-weight:500;letter-spacing:2px;margin:25px 0 0;white-space:nowrap}h1 span{color:var(--pink);font-size:35px}.latin{font:italic 18px Georgia,serif;color:#bc9da9;letter-spacing:.5px;margin:10px 0}.rule{height:1px;width:32px;background:#b292874d;margin:31px 0}.statement{font-family:"Noto Serif SC",serif;font-size:18px;letter-spacing:2.2px;line-height:1.95;margin:0 0 20px}.description{font-size:10px;color:#879a9c;line-height:2.1;letter-spacing:.6px}.edition{display:flex;justify-content:space-between;font-size:9px;color:#68828a;letter-spacing:1px;border-bottom:1px solid var(--line);padding:18px 0 14px;margin-top:15px}nav{display:flex;flex-direction:column;margin-top:16px}nav button{display:flex;align-items:center;text-align:left;font-size:11px;letter-spacing:1.8px;padding:15px 0;color:#728d95;border-bottom:1px solid #a8b3b10c;transition:color .2s}nav button span{font-size:8px;letter-spacing:0;margin-right:18px;color:#4b666e}nav button i{font-style:normal;margin-left:auto;opacity:0}nav button:hover,nav button.selected{color:#e2c7cf}nav button.selected i{opacity:1}nav button.selected span{color:#cba6b6}#mode-note{font-size:10px;color:#72898d;line-height:1.9;margin:19px 0 0;min-height:38px}.files{display:flex;gap:20px;margin-top:28px;font-size:9px;letter-spacing:.4px;color:#b29fa1}.files a:hover{color:#f0d2dc}.disclosure{font-size:8px;color:#496971;line-height:1.8;margin-top:18px}#model-controls{font-size:10px;color:#a6b5b5;margin-top:15px}#model-controls label{display:flex;align-items:center;justify-content:space-between}select{background:#0b191f;border:1px solid #6c8a9438;padding:6px 8px;font-size:10px}.views{display:flex;gap:9px;margin-top:10px}.views button{font-size:9px;background:#29404a26;border:1px solid #a0aeb218;padding:7px 10px}.art{min-width:0;position:relative;overflow:hidden;margin-left:28px;border-left:1px solid #bad6dc0b}.pane{position:absolute;inset:40px 0;overflow:hidden}#render-pane{display:flex;align-items:center;justify-content:center}#beauty{width:100%;height:100%;object-fit:contain}#canvas-host{position:absolute;inset:0}canvas{display:block;touch-action:none;width:100%;height:100%}.art-top,.art-bottom{position:absolute;display:flex;justify-content:space-between;align-items:center;left:25px;right:0;z-index:3;color:#61838e;font-size:8px;letter-spacing:1.7px}.art-top{top:24px}.art-top span:first-child{display:flex;align-items:center;gap:7px}.art-top i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#8cb4a9;box-shadow:0 0 8px #bce8d780}#status{font-size:7px;letter-spacing:1px}.art-bottom{bottom:19px}.art-bottom button{font-size:9px;color:#8b9f9f;border:1px solid #8aa5a130;padding:7px 11px;letter-spacing:.8px}.orbit-note{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.4px;color:#5c7f8a;pointer-events:none}.orbit-note b{font-weight:400;margin:0 8px}.art:has(#compare-pane:not([hidden])) .art-bottom span{visibility:hidden}#compare-pane{display:flex;align-items:center;justify-content:center;gap:20px}figure{height:88%;width:50%;margin:0;position:relative;padding-bottom:32px;min-width:0}figure img{height:100%;width:100%;object-fit:contain}figcaption{text-align:center;font-size:10px;letter-spacing:2px;color:#77939a;margin-top:13px}#progress{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#060c10f7;z-index:2;transition:opacity .3s}#progress.done{opacity:0;pointer-events:none}#progress p{font-family:"Noto Serif SC",serif;font-size:13px;letter-spacing:2px;color:#b79da8}.spinner{width:35px;height:35px;border:1px solid #bf99af22;border-top-color:#d8abc7;border-radius:50%;animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{margin:0 42px;height:62px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1.8px;color:#638189}footer p{font-size:10px;letter-spacing:4px;color:#a4b3af}footer b{font-weight:300;margin:0 12px;color:#58727a}footer a{font-size:8px;color:#586f78}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);padding:12px 20px;font-size:11px;background:#102329f5;border:1px solid #92aab245;color:#bbd0d4;opacity:0;transition:.2s;z-index:12;pointer-events:none}#toast.visible{opacity:1;transform:translate(-50%)}@media(max-width:1050px){header,footer{margin:0 26px}main{margin:0 26px;grid-template-columns:270px minmax(0,1fr)}aside{padding-right:16px}h1{font-size:45px}.art{margin-left:5px}.series{display:none}.art-top,.art-bottom{left:16px}.files{gap:13px}}@media(max-width:700px){header{height:72px;margin:0 22px}.logo{font-size:8px;letter-spacing:2px}.model-download{font-size:10px;padding:10px 12px}main{display:flex;flex-direction:column;margin:0;height:auto;min-height:0}aside{padding:26px 24px 0;width:100%;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.eyebrow{grid-column:1/-1;font-size:8px}h1{grid-column:1;font-size:36px;margin:8px 0 0;letter-spacing:1px}.latin{grid-column:1;grid-row:3;font-size:13px;margin:6px 0}.statement{grid-column:2;grid-row:2/4;align-self:center;font-size:13px;letter-spacing:1px;margin:0}.rule,.description,.edition,.disclosure{display:none}nav{grid-column:1/-1;flex-direction:row;gap:18px;margin-top:14px;justify-content:space-between}nav button{font-size:10px;padding:12px 0;letter-spacing:0}nav button span{margin-right:7px}nav button i{display:none}#mode-note{grid-column:1/-1;margin:11px 0 0;font-size:9px;min-height:0}#mode-note br{display:none}#model-controls{grid-column:1/-1;margin-top:10px}.files{grid-column:1/-1;margin:12px 0 14px;font-size:9px}.art{margin:0 20px;height:670px;border:0;flex:none}.pane{inset:37px 0 39px}.art-top{left:0;top:15px;font-size:6px}.art-bottom{left:0;bottom:12px;letter-spacing:.8px;font-size:6px}#status{font-size:6px}#compare-pane{gap:8px}#compare-pane figure{height:85%}figcaption{font-size:8px;letter-spacing:1px}.orbit-note{font-size:7px;bottom:5px}.orbit-note b{margin:0 5px}footer{height:56px;margin:0 22px;font-size:6px}footer p{font-size:9px;letter-spacing:2px}footer p b{margin:0 5px}footer a{display:none}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}*{scroll-behavior:auto!important}}#turntable-pane{display:flex;align-items:center;justify-content:center;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}#turntable-pane:active{cursor:grabbing}#turntable-image{width:100%;height:100%;object-fit:contain;pointer-events:none;transform-origin:50% 45%}#turntable-controls{margin-top:15px}aside{padding-top:38px}nav button{padding-top:12px;padding-bottom:12px}@media(max-width:700px){#turntable-controls{grid-column:1/-1;margin-top:0}nav{gap:10px}nav button{font-size:9px}nav button span{display:none}aside{padding-top:26px}}
