:root{font:15px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#101112;color:#f1f3f7;color-scheme:dark;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}main{height:100dvh;max-width:760px;margin:auto;padding:20px 22px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}header{display:flex;align-items:center;justify-content:space-between;min-height:36px}a{color:inherit;text-decoration:none;font-weight:650}header span,.note,#source{color:#b9c1cb;font-size:13px}h1{font-size:28px;letter-spacing:-.03em;margin:0}p{margin:6px 0}button{font:inherit;color:inherit;min-height:46px;border:1px solid #ffffff26;border-radius:28px;padding:10px 20px;background:#282c33;background-image:linear-gradient(145deg,#ffffff20,#fff0);box-shadow:inset 0 1px 0 #ffffff35;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #bed6ef;outline-offset:3px}button:disabled{opacity:.5;cursor:default}.model{flex:1;min-height:100px;display:flex;flex-direction:column}#viewer{flex:1;min-height:70px;border-radius:20px;overflow:hidden;background:#191c21}#viewer[data-stale=true] canvas{opacity:.25}#status{font-size:13px;color:#c6ced8;min-height:18px}footer{display:flex;flex-direction:column;gap:10px}.styles{display:flex;gap:8px}.styles button{flex:1;padding:10px 4px;font-size:14px}.styles button[aria-pressed=true]{background-color:#4a5361;border-color:#aebdce}.primary{background:#e0e6ed;color:#151920;font-weight:650;width:100%;min-height:52px}.secondary{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.secondary button{background:transparent;border:0;box-shadow:none;font-size:13px;padding:8px 12px}.note{text-align:center;font-size:11px}#native-note{color:#c6ced8;font-size:12px;text-align:center}[hidden]{display:none!important}::selection{background:#b8cadc;color:#101112}@media(max-height:600px){main{padding:10px 16px;gap:6px}footer{gap:4px}h1{font-size:23px}header{min-height:28px}#source,.note{margin:2px 0}button{min-height:44px}#native-note{font-size:11px}}@media(hover:hover){button:not(:disabled):hover{border-color:#c5d1df}}
:root #viewer .frame-views{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:5px;padding:3px;border-radius:28px;background:#303742df;backdrop-filter:blur(12px)}
:root #viewer .frame-views button{padding:6px 13px;font-size:12px;white-space:nowrap;background:transparent;border:0;box-shadow:none}
body{overflow:hidden}.main-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.main-actions button{width:100%;min-height:50px}.scan-action{background:linear-gradient(145deg,#ffffff26,#ffffff08);border-color:#ffffff45;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}#face-result{text-align:center;padding:2px 0}#face-values{font-size:14px;color:#f2f3f6;margin:0}#face-result>span{font-size:11px;color:#a9b1bd}.continue-fitting{text-align:center;font-size:14px;font-weight:500;border:1px solid #ffffff2a;border-radius:999px;padding:11px 20px;min-height:44px;background:#ffffff0c}.note{margin:0}.model{min-height:80px}
#viewer{background:radial-gradient(ellipse at 40% 30%,#e0e3e8,#a4acb8)}
.primary{background:linear-gradient(155deg,#fff,#d7dfe9);border-color:#fff9;box-shadow:inset 0 1px 1px #fff}
@media(prefers-reduced-transparency:reduce){.scan-action,.continue-fitting{background:#2b3039;backdrop-filter:none;-webkit-backdrop-filter:none}:root #viewer .frame-views{background:#303742;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(max-height:650px){main{padding:10px 16px;gap:7px}footer{gap:5px}h1{font-size:23px}.main-actions button{min-height:46px}#source{margin:2px 0}#face-values{font-size:12px}#face-result>span{font-size:10px}.secondary button{padding:5px 10px;min-height:36px}#native-note{position:fixed;left:20px;right:20px;bottom:100px;z-index:3;padding:16px;border:1px solid #ffffff2a;border-radius:18px;background:#1a1d23}}