*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#000;touch-action:none;-webkit-user-select:none;user-select:none;font-family:Segoe UI,system-ui,sans-serif}#cameraPreview,#renderCanvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#cameraPreview{z-index:0;object-fit:cover;background:#000;transform:scaleX(1)}#cameraPreview.mirror{transform:scaleX(-1)}#renderCanvas{z-index:1;display:block;outline:none;background:transparent}#startOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;background:radial-gradient(ellipse at 50% 20%,rgba(40,90,120,.45),transparent 55%),linear-gradient(160deg,#101820,#0a0a0a 60%);color:#f2f5f7;text-align:center;transition:background .2s ease}#startOverlay.previewing{background:#080c1259}#startOverlay[hidden]{display:none}#startOverlay h1{font-size:clamp(1.6rem,6vw,2.2rem);font-weight:700;letter-spacing:.02em}#startOverlay>p{max-width:18rem;color:#f2f5f7bf;font-size:.95rem;line-height:1.4}#startBtn{margin-top:.5rem;min-width:12rem;padding:.9rem 1.4rem;border:0;border-radius:.5rem;background:#2bb0ed;color:#041018;font:700 1rem/1.2 inherit;cursor:pointer}#startBtn:disabled{opacity:.45;cursor:wait}#startBtn:not(:disabled):active{transform:scale(.98)}.status{min-height:1.4rem;max-width:22rem;color:#ffb4a8;font-size:.85rem;line-height:1.35;white-space:pre-wrap}#logPanel{position:fixed;top:max(.5rem,env(safe-area-inset-top));left:.5rem;right:.5rem;z-index:40;max-height:min(38vh,16rem);display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.18);border-radius:.5rem;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#d7f7a8;font:600 .68rem/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden;pointer-events:auto;touch-action:pan-y}#logPanelHeader{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .5rem;border-bottom:1px solid rgba(255,255,255,.12);color:#fff;font-size:.72rem;letter-spacing:.02em;flex-shrink:0}#logPanelActions{display:flex;gap:.35rem}#logPanelActions button{border:0;border-radius:.3rem;padding:.2rem .45rem;background:#ffffff24;color:#fff;font:600 .65rem/1 inherit;cursor:pointer}#logPanelBody{margin:0;padding:.4rem .5rem .55rem;overflow-y:auto;-webkit-overflow-scrolling:touch;white-space:pre-wrap;word-break:break-word}#logPanelBody .log-line{margin:0 0 .2rem}#logPanelBody .log-line.warn{color:#ffe08a}#logPanelBody .log-line.error{color:#ffb4a8}#logPanelBody .log-time{color:#ffffff73;margin-right:.35rem}#hint{position:fixed;left:50%;bottom:max(1.25rem,env(safe-area-inset-bottom));transform:translate(-50%);z-index:10;padding:.5rem .85rem;border-radius:999px;background:#0000008c;color:#fff;font:500 .8rem/1.3 inherit;letter-spacing:.01em;pointer-events:none;white-space:nowrap}#hint[hidden]{display:none}