:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#e8e2d5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}#app{background:radial-gradient(circle at 72% 18%,#fff8e2ad,#0000 34%),linear-gradient(145deg,#eee6d6 0%,#dad3c6 48%,#e6eadf 100%);position:relative}canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.camera-panel{z-index:3;color:#253027;pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f6f1e6e6;border:1px solid #20282229;border-radius:8px;gap:10px;width:min(272px,100vw - 32px);padding:12px;display:grid;position:absolute;top:16px;left:16px;box-shadow:0 16px 48px #34302729}.camera-panel:not([open]){gap:0;width:auto;padding:0}.camera-panel__header{cursor:pointer;font-size:13px;font-weight:700;line-height:1;list-style:none}.camera-panel__header::-webkit-details-marker{display:none}.camera-panel:not([open]) .camera-panel__header{padding:12px 14px}.camera-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.camera-presets button{color:#253027;cursor:pointer;min-width:0;font:inherit;background:#fffdf6c2;border:1px solid #25302729;border-radius:7px;padding:9px 4px;font-size:12px;font-weight:700;line-height:1}.camera-presets button:hover,.camera-presets button:focus-visible{background:#fffdf6f5;border-color:#2d8b6885;outline:none}.camera-control{grid-template-columns:58px minmax(0,1fr) 32px;align-items:center;gap:8px;font-size:12px;font-weight:650;line-height:1;display:grid}.camera-control input{accent-color:#2d8b68;width:100%}.camera-control output{text-align:right;font-variant-numeric:tabular-nums}.camera-toggle{align-items:center;gap:8px;width:fit-content;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.camera-toggle input{accent-color:#2d8b68;margin:0}@media (width<=640px){.camera-panel{width:min(276px,100vw - 20px);top:10px;left:10px}}.loading{z-index:2;color:#253027;text-align:center;background:#f6f1e6db;border:1px solid #242c2629;border-radius:8px;min-width:122px;padding:12px 14px;font-size:13px;font-weight:600;line-height:1;transition:opacity .18s,transform .18s;position:absolute;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 14px 42px #34302724}body.is-ready .loading{opacity:0;pointer-events:none;transform:translate(-50%)translateY(6px)}.take-controls{z-index:3;align-items:stretch;gap:8px;display:flex;position:absolute;top:16px;right:16px}.view-select{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f6f1e6e6;border:1px solid #25302729;border-radius:8px;display:flex;position:absolute;top:16px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 16px 48px #34302729}.view-select button{color:#253027;cursor:pointer;font:inherit;background:0 0;border:none;border-right:1px solid #2530271f;padding:11px 16px;font-size:13px;font-weight:700;line-height:1}.view-select button:last-child{border-right:none}.view-select button[aria-pressed=true]{color:#1d6a4e;background:#2d8b6829}@media (width<=640px){.view-select{top:10px}}.subject-select{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f6f1e6e6;border:1px solid #25302729;border-radius:8px;display:flex;overflow:hidden;box-shadow:0 16px 48px #34302729}.subject-select button{color:#253027;cursor:pointer;font:inherit;background:0 0;border:none;border-right:1px solid #2530271f;padding:11px 12px;font-size:13px;font-weight:700;line-height:1}.subject-select button:last-child{border-right:none}.subject-select button[aria-pressed=true]{color:#1d6a4e;background:#2d8b6829}.subject-select button:disabled{cursor:default;opacity:.45}.take-button{color:#253027;cursor:pointer;font:inherit;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-variant-numeric:tabular-nums;background:#f6f1e6e6;border:1px solid #25302729;border-radius:8px;align-items:center;gap:8px;padding:11px 14px;font-size:13px;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 16px 48px #34302729}.take-button:hover:not(:disabled),.take-button:focus-visible{border-color:#2d8b6885;outline:none}.take-button:disabled{cursor:default;opacity:.45}.take-button__dot{background:#c0392b;border-radius:50%;width:11px;height:11px}.take-button[aria-pressed=true] .take-button__dot{animation:1s ease-in-out infinite record-pulse}@keyframes record-pulse{50%{opacity:.25}}@media (width<=640px){.take-controls{flex-wrap:wrap;justify-content:flex-end;top:auto;bottom:12px;right:10px}}