:root{color:#222728;font-synthesis:none;letter-spacing:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#e8eaeb;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible,a:focus-visible,#stage:focus-visible{outline-offset:4px;outline:2px solid #567f73}button:disabled{opacity:.3;cursor:wait}button svg{stroke-width:1.5px;pointer-events:none;width:19px;height:19px}a{color:inherit}#app{--ink:#222728;--muted:#747b7d;--line:#cbd0d2;--button:#dde0e1;height:100dvh;min-height:640px;color:var(--ink);background:#e8eaeb;transition:background .35s,color .35s;position:relative;overflow:hidden}#app[data-theme=dark]{--ink:#eceeef;--muted:#959b9e;--line:#414649;--button:#353b3e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#252a2d}.masthead{z-index:3;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:90px;display:flex;position:absolute;top:0;left:4.5%;right:4.5%}.wordmark{align-items:center;gap:13px;font-size:10px;font-weight:400;line-height:1.55;display:flex}.wordmark b{font-weight:700}.wordmark-g{font-family:Georgia,serif;font-size:46px;line-height:1}.masthead-center{font-size:12px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.header-actions{gap:12px;display:flex}.icon-button{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s,transform .2s;display:inline-flex;position:relative}.icon-button:hover{background:var(--button)}.icon-button.active{background:var(--ink);color:#e8eaeb}.icon-button.active:hover{opacity:.85}#app[data-theme=dark] .icon-button.active{color:#222728}.model-heading{z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;top:121px;left:4.5%;right:4.5%}.eyebrow{color:var(--muted);margin:0 0 9px;font-size:10px;font-weight:600}.model-heading h1{margin:0;font-size:56px;font-weight:500;line-height:1}.model-heading h1 span{vertical-align:middle;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin-left:17px;padding:4px 0;font-size:12px;font-weight:700;display:inline-block}.edition{text-align:right;color:var(--muted);flex-direction:column;gap:10px;padding-bottom:2px;font-size:10px;display:flex}.edition span:first-child{color:var(--ink);font-size:22px;font-weight:400}#stage{touch-action:none;outline:none;position:absolute;inset:0}#stage canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}#stage canvas:active{cursor:grabbing}.scene-selector{z-index:4;background:0 0;flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;right:4.5%}.scene-button{width:38px;height:38px;color:var(--muted);border-radius:50%;place-items:center;display:grid;position:relative}.scene-button.active{background:var(--button);color:var(--ink)}.scene-button:hover{background:var(--button)}.controls{z-index:3;border-top:1px solid var(--line);grid-template-columns:1fr 1fr auto;align-items:center;gap:36px;padding-top:23px;display:grid;position:absolute;bottom:53px;left:4.5%;right:4.5%}.control-label{color:var(--muted);align-items:center;gap:25px;margin-bottom:14px;font-size:10px;display:flex}#paint-name{color:var(--ink)}.swatches{gap:13px;padding:3px;display:flex}.swatch{background:var(--swatch);border-radius:50%;width:25px;height:25px;transition:transform .2s;position:relative;box-shadow:inset 0 0 0 1px #00000012}.swatch:before{content:"";filter:blur(3px);background:#ffffff17;border-radius:50%;position:absolute;inset:4px 4px 13px}.swatch.active:after{content:"";border:1px solid var(--ink);border-radius:50%;position:absolute;inset:-5px}.swatch:hover{transform:translateY(-2px)}.views-section{justify-self:center}.view-tabs{border-bottom:1px solid var(--line);gap:3px;display:flex}.view-tabs button{min-width:56px;height:32px;color:var(--muted);padding:0 13px;font-size:12px;position:relative}.view-tabs button.active{color:var(--ink)}.view-tabs button.active:after{content:"";background:var(--ink);height:2px;position:absolute;bottom:-1px;left:10px;right:10px}.view-tabs button:hover{color:var(--ink)}.tools-section{gap:10px;padding-top:17px;display:flex}footer{color:var(--muted);justify-content:space-between;align-items:center;font-size:9px;display:flex;position:absolute;bottom:15px;left:4.5%;right:4.5%}footer button{align-items:center;gap:5px;padding:0;font-size:10px;display:flex}footer button svg{width:12px;height:12px}.footer-divider{padding:0 12px}#loading{text-align:center;z-index:5;width:200px;margin:auto;font-size:12px;transition:opacity .35s;position:absolute;inset:43% 0 auto}#load-status{font-size:18px}.load-track{background:var(--line);height:1px;margin:18px 0 10px}#load-bar{background:var(--ink);width:0;height:100%;transition:width .2s}#load-percent{color:var(--muted);font-size:10px}#loading.loaded{opacity:0;pointer-events:none}#load-error{text-align:center;z-index:5;position:absolute;top:40%;left:0;right:0}#load-error button{border-bottom:1px solid var(--ink);padding:8px}#toast{color:#fff;opacity:0;pointer-events:none;z-index:7;background:#202628;border-radius:4px;padding:10px 18px;font-size:12px;transition:opacity .2s,transform .2s;position:absolute;bottom:167px;left:50%;transform:translate(-50%)translateY(6px)}#toast.visible{opacity:1;transform:translate(-50%)translateY(0)}[data-tip]:after{content:attr(data-tip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:20;background:#202628;border-radius:3px;padding:7px 10px;font-size:10px;font-weight:400;transition:opacity .15s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.swatch[data-tip]:after{content:"";opacity:1;pointer-events:none;background:0 0;padding:0;transform:none}.swatch[data-tip]:hover:before{filter:none;content:attr(data-tip);color:#fff;white-space:nowrap;background:#202628;border-radius:3px;padding:7px 10px;font-size:10px;position:absolute;inset:auto auto calc(100% + 12px) 50%;transform:translate(-50%)}.icon-button[data-tip]:hover:after,.scene-button[data-tip]:hover:after{opacity:1}.header-actions [data-tip]:after{top:calc(100% + 8px);bottom:auto}.scene-button[data-tip]:after{bottom:50%;left:auto;right:calc(100% + 10px);transform:translateY(50%)}dialog{border:1px solid var(--line);color:#24292b;background:#f3f4f4;border-radius:6px;width:calc(100% - 40px);max-width:440px;padding:38px}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#131b2188}dialog .dialog-close{position:absolute;top:9px;right:9px}dialog h2{margin:14px 0 20px;font-size:24px;font-weight:500}dialog p:not(.eyebrow){color:#666e72;font-size:13px;line-height:1.8}dialog a{align-items:center;gap:8px;margin-top:10px;font-size:12px;display:inline-flex}dialog a svg{width:14px;height:14px}@media (width>=1700px){.masthead,.model-heading,.controls,footer{left:6%;right:6%}#stage{inset:176px 4% 153px}}@media (height<=750px) and (width>=701px){.masthead{height:72px}.model-heading{top:92px}.model-heading h1{font-size:42px}#stage{top:129px;bottom:140px}.controls{padding-top:17px;bottom:48px}.control-label{margin-bottom:10px}}@media (width<=700px){#app{min-height:620px}.masthead{height:73px;left:6%;right:6%}.wordmark-g{font-size:34px}.wordmark{gap:8px;font-size:8px}.masthead-center{font-size:10px}.header-actions{gap:1px}.icon-button{width:36px;height:36px}.header-actions #fullscreen{display:none}.model-heading{top:99px;left:6%;right:6%}.model-heading h1{font-size:43px}.model-heading h1 span{margin-left:13px;font-size:10px}.eyebrow{font-size:9px}.edition{gap:8px;max-width:135px;font-size:8px}.edition span:first-child{font-size:17px}#stage{inset:159px 0 212px}.scene-selector{flex-direction:row;gap:3px;top:182px;right:4%}.scene-button{width:32px;height:32px}.scene-button svg{width:16px;height:16px}.controls{grid-template-columns:1fr auto;gap:20px 12px;padding-top:18px;bottom:51px;left:6%;right:6%}.paint-section{grid-area:1/1}.control-label{gap:17px;margin-bottom:11px;font-size:9px}.swatches{gap:13px}.swatch{width:23px;height:23px}.views-section{grid-area:2/1/auto/3;width:100%}.views-section>.control-label{display:none}.view-tabs{justify-content:space-between}.view-tabs button{flex:1}.tools-section{grid-area:1/2;gap:2px;padding-top:20px}.tools-section .icon-button{width:31px;height:31px}.tools-section .icon-button svg{width:16px;height:16px}footer{font-size:7px;bottom:17px;left:6%;right:6%}footer button{font-size:8px}.footer-divider{padding:0 6px}#toast{white-space:nowrap;font-size:11px;bottom:230px}.scene-button[data-tip]:after{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}#stage{inset:0}