:root{--bg: #ffffff;--ink: #1a1a1a;--muted: #6b7280;--accent: #d4145a;--shadow: 0 8px 24px rgba(0, 0, 0, .12);--radius: 14px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;width:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}model-viewer#viewer{width:100%;height:100%;display:block;background-color:var(--bg);--poster-color: transparent;--progress-bar-color: var(--accent)}#logo{position:fixed;top:16px;right:16px;width:clamp(70px,12vw,130px);z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none}#subtitle{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:5;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 14px;border-radius:999px;box-shadow:var(--shadow);font-size:13px;font-weight:500;color:var(--ink);max-width:calc(100vw - 220px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}#ar-button{position:absolute;bottom:calc(20px + var(--safe-bottom));right:20px;display:inline-flex;align-items:center;gap:8px;padding:12px 18px;background:var(--accent);color:#fff;border:none;border-radius:999px;font-size:15px;font-weight:600;letter-spacing:.02em;box-shadow:var(--shadow);cursor:pointer;z-index:10}#ar-button:hover{filter:brightness(1.05)}model-viewer:not([ar-status=not-presenting]) #ar-button{opacity:1}#screenshot-btn{position:fixed;bottom:calc(20px + var(--safe-bottom));left:20px;width:48px;height:48px;background:#fff;border:none;border-radius:50%;box-shadow:var(--shadow);cursor:pointer;z-index:10;display:none;align-items:center;justify-content:center;color:#4b5563}#screenshot-btn:hover{transform:scale(1.05)}#ar-screenshot-btn{display:none;position:absolute;bottom:calc(20px + var(--safe-bottom));left:20px;width:56px;height:56px;background:#fff;border:4px solid #fff;border-radius:50%;box-shadow:0 4px 16px #0006;cursor:pointer;z-index:12;color:var(--ink);align-items:center;justify-content:center}model-viewer[ar-status=session-started] #ar-screenshot-btn{display:none}#info-toggle{position:fixed;top:64px;left:16px;width:38px;height:38px;background:#fff;color:var(--ink);border:none;border-radius:50%;font-weight:700;font-style:italic;font-size:18px;box-shadow:var(--shadow);cursor:pointer;z-index:10}#info-panel{position:fixed;top:110px;left:16px;width:min(340px,calc(100vw - 32px));max-height:60vh;overflow-y:auto;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 18px;z-index:11}#info-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}#info-panel h2{margin:0;font-size:16px}#info-panel p{margin:0;font-size:14px;line-height:1.5;white-space:pre-wrap}#info-close{background:none;border:none;font-size:22px;line-height:1;cursor:pointer;color:var(--muted);padding:0 6px}#kpi-toggle{position:fixed;top:16px;left:16px;background:#fff;color:var(--ink);border:none;border-radius:999px;padding:10px 16px;font-weight:600;font-size:14px;box-shadow:var(--shadow);cursor:pointer;z-index:10}#kpi-panel{position:fixed;top:64px;left:16px;width:min(320px,calc(100vw - 32px));max-height:60vh;overflow-y:auto;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px;z-index:11}#kpi-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}#kpi-panel h2{margin:0;font-size:17px}#kpi-close{background:none;border:none;font-size:26px;line-height:1;cursor:pointer;color:var(--muted);padding:0 6px}#kpi-list{margin:0}#kpi-list .kpi-row{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;border-bottom:1px solid #f0f0f0;gap:12px}#kpi-list .kpi-row:last-child{border-bottom:none}#kpi-list dt{color:var(--muted);font-size:13px}#kpi-list dd{margin:0;font-weight:600;font-size:15px;text-align:right}#kpi-list .kpi-unit{color:var(--muted);font-weight:400;margin-left:4px}#materials-bar{position:fixed;bottom:calc(85px + var(--safe-bottom));left:50%;transform:translate(-50%);background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:999px;padding:8px 12px;box-shadow:var(--shadow);z-index:10;max-width:calc(100vw - 32px);overflow-x:auto}#materials-list{display:flex;gap:8px;align-items:center}.material-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:#f4f4f6;border:2px solid transparent;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}.material-chip[data-active=true]{background:#fff;border-color:var(--accent);color:var(--accent)}.material-chip img{width:22px;height:22px;border-radius:50%;object-fit:cover}#status{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--muted);pointer-events:none}#status-spinner{width:36px;height:36px;border-radius:50%;border:3px solid #ececec;border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#status.hidden{display:none}#error{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fee2e2;color:#991b1b;padding:18px 24px;border-radius:var(--radius);text-align:center;max-width:80vw}#error strong{display:block;font-size:17px;margin-bottom:6px}#error p{margin:0;color:#7f1d1d;font-size:14px}@media (max-width: 480px){#logo{width:80px;top:12px;right:12px}#ar-button{padding:11px 16px;font-size:14px}}