:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e6edf3;background:radial-gradient(circle at top,#388bfd33,#0000 26%),radial-gradient(circle at 20% 0,#8957e524,#0000 22%),linear-gradient(#010409 0%,#0d1117 46% 100%);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at top,#388bfd24,#0000 30%),linear-gradient(#010409 0%,#0d1117 100%);min-height:100vh}button{font:inherit;color:inherit}.app-shell{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.hero-header{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at top,#388bfd1f,#0000 32%),linear-gradient(#0d1117fa,#0d1117eb);border-bottom:1px solid #f0f6fc14;justify-items:center;gap:1.1rem;padding:1.7rem 2rem 1.2rem;display:grid;position:relative}.site-badge{color:#e6edf3;background:#21262df0;border:1px solid #f0f6fc14;border-radius:9px;justify-self:start;align-items:center;gap:.5rem;min-height:34px;padding:.45rem .7rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 10px 24px #01040938}.site-badge:hover{background:#21262deb;border-color:#388bfd47}.site-badge-icon{color:#fff;place-items:center;width:20px;height:20px;display:inline-grid}.share-cta{color:#e6edf3;cursor:pointer;background:#21262df0;border:1px solid #f0f6fc14;border-radius:999px;align-items:center;gap:.55rem;min-height:38px;padding:.55rem .8rem;transition:background .16s,border-color .16s,transform .16s;display:inline-flex;position:absolute;top:1.35rem;right:2rem;box-shadow:0 10px 24px #01040938}.share-cta:hover{background:#30363df5;border-color:#569cff47}.share-cta:active{transform:translateY(1px)}.share-cta-icon{font-size:.95rem;line-height:1}.share-cta-label{font-size:.82rem;font-weight:700}.hero-copy{text-align:center;justify-items:center;max-width:960px;display:grid}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#7d8590;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}h1{letter-spacing:-.04em;text-align:center;color:#f0f6fc;max-width:none;margin:.55rem 0 .7rem;font-size:clamp(2.4rem,6vw,4.4rem);line-height:.98}.intro{color:#8b949e;text-align:center;max-width:54ch;margin:0;font-size:.98rem;line-height:1.5}.prototype-switch{background:#161b22e0;border:1px solid #f0f6fc14;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:.4rem;padding:.35rem;display:inline-flex;box-shadow:0 12px 30px #01040933}.prototype-option{color:#8b949e;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:38px;padding:.65rem 1rem;font-weight:700;transition:background .18s,color .18s,transform .18s}.prototype-option:hover{color:#f0f6fc}.prototype-option.is-active{color:#f0f6fc;background:linear-gradient(#388bfd52,#388bfd2e);box-shadow:inset 0 0 0 1px #569cff61}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.camera-cta{color:#f0f6fc;cursor:pointer;background:linear-gradient(#5b4412,#3f310e);border:1px solid #ffd25a61;border-radius:12px;grid-template-columns:40px 1fr;align-items:center;gap:.75rem;width:fit-content;max-width:100%;margin:0;padding:.7rem .85rem;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;display:grid;box-shadow:0 16px 40px #4c370952}.audio-cta{color:#f0f6fc;cursor:pointer;background:linear-gradient(#212830,#1a2028);border:1px solid #f0f6fc14;border-radius:12px;grid-template-columns:40px 1fr;align-items:center;gap:.75rem;width:fit-content;max-width:100%;margin:0;padding:.7rem .85rem;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s,opacity .18s;display:grid;box-shadow:0 16px 40px #01040947}.record-cta{color:#f0f6fc;cursor:pointer;background:linear-gradient(#361717,#261012);border:1px solid #ff525238;border-radius:12px;grid-template-columns:40px 1fr;align-items:center;gap:.75rem;width:fit-content;max-width:100%;margin:0;padding:.7rem .85rem;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s,opacity .18s;display:grid;box-shadow:0 16px 40px #4d0c0c47}.record-cta:hover{border-color:#ff6f6f70;transform:translateY(-1px)}.record-cta.is-recording{background:linear-gradient(#bb2d2d,#871f1f);border-color:#ff929294;box-shadow:0 18px 38px #9b1f1f57}.record-cta--stop{background:linear-gradient(#2b2222,#1c1515);border-color:#ffebc42e;box-shadow:0 16px 40px #1a0c0c38}.record-cta--stop:hover{border-color:#ffebc452}.record-cta--download{background:linear-gradient(#182539,#111b2b);border-color:#78bfff33;box-shadow:0 16px 40px #0a1d383d}.record-cta--download:hover{border-color:#78bfff61}.record-cta--screen{background:linear-gradient(#15233c,#10182a);border-color:#5f90ff3d;box-shadow:0 16px 40px #09143042}.record-cta--screen:hover{border-color:#78bfff6b}.record-cta--share{background:linear-gradient(#163126,#10231b);border-color:#79eaab33;box-shadow:0 16px 40px #08281d3d}.record-cta--share:hover{border-color:#79eaab5c}.record-cta-icon{background:#f0f6fc0f;border-radius:9px;place-items:center;width:40px;height:40px;font-size:1.15rem;line-height:1;display:grid}.record-cta-copy{text-align:left;gap:.15rem;display:grid}.record-cta-label{font-size:.96rem;font-weight:700}.record-cta-state,.stop-record-cta-state{letter-spacing:.08em;text-transform:uppercase;color:#f0f6fcb8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.record-cta.is-hidden{display:none}.audio-cta:hover{border-color:#ff6f4257;transform:translateY(-1px)}.audio-cta.is-playing{background:linear-gradient(#9b2e1f,#6f2018);border-color:#ff6f4294;box-shadow:0 18px 38px #9b2e1f47}.audio-cta.is-hidden{display:none}.audio-cta-icon{background:#f0f6fc0f;border-radius:9px;place-items:center;width:40px;height:40px;font-size:1.15rem;line-height:1;display:grid}.audio-cta-copy{text-align:left;gap:.15rem;display:grid}.audio-cta-label{font-size:.96rem;font-weight:700}.audio-cta-state{letter-spacing:.08em;text-transform:uppercase;color:#f0f6fcb8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.camera-cta:hover{border-color:#ffdf789e;transform:translateY(-1px)}.camera-cta:active{transform:translateY(0)}.camera-cta:not(.is-active) .camera-cta-icon{animation:1.9s ease-in-out infinite pulse-camera}.camera-cta:not(.is-active):hover{background:linear-gradient(#6a5117,#4a3911)}.camera-cta.is-active{background:linear-gradient(#238636,#1f6f2d);border-color:#3fb950b8;box-shadow:0 18px 38px #23863647}.camera-cta-icon{background:#f0f6fc0f;border-radius:9px;place-items:center;width:40px;height:40px;font-size:1.15rem;line-height:1;display:grid}.camera-cta-copy{text-align:left;gap:.15rem;display:grid}.camera-cta-label{font-size:.96rem;font-weight:700}.camera-cta-state{letter-spacing:.08em;text-transform:uppercase;color:#f0f6fcb8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}@keyframes pulse-camera{0%,to{box-shadow:0 0 #a8b4c133}50%{box-shadow:0 0 0 12px #a8b4c100}}.status-card,.preview-card,.loader-card{background:linear-gradient(#161b22f5,#0d1117f5);border:1px solid #f0f6fc14;border-radius:16px;box-shadow:0 18px 40px #01040947}.status-card{grid-template-columns:1fr;align-items:center;gap:.8rem;padding:.9rem;display:grid}.status-label{text-transform:uppercase;letter-spacing:.12em;color:#7d8590;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;display:block}.camera-cta:disabled{opacity:.65;cursor:wait}.loader-card,.preview-card{gap:.75rem;padding:.9rem;display:grid}.preview-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;list-style:none;display:flex}.preview-summary::-webkit-details-marker{display:none}.preview-summary:after{content:"+";color:#e6edf7d1;border:1px solid #ffffff14;border-radius:6px;place-items:center;width:26px;height:26px;font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:1rem;line-height:1;display:inline-grid}.preview-card[open] .preview-summary:after{content:"-"}.preview-body{gap:.75rem;padding-top:.15rem;display:grid}#model-file{display:none}.file-picker,.preset-row button,.url-form button{color:#e6edf3;cursor:pointer;background:#21262d;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;min-height:34px;padding:.5rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem;font-weight:600;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.file-picker:hover,.preset-row button:hover,.url-form button:hover,.camera-cta:hover{background:#30363d;border-color:#8b949e59}.file-picker:active,.preset-row button:active,.url-form button:active,.camera-cta:active{transform:translateY(1px)}.preset-row{grid-template-columns:1fr auto;gap:.75rem;display:grid}.preset-row select{color:#e6edf3;min-width:0;min-height:34px;font:inherit;background:#0d1117;border:1px solid #ffffff14;border-radius:8px;padding:.5rem .65rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.url-form{grid-template-columns:1fr auto;gap:.75rem;display:grid}.url-form input{color:#e6edf3;min-width:0;min-height:34px;font:inherit;background:#0d1117;border:1px solid #ffffff14;border-radius:8px;padding:.5rem .65rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.preset-row select,.url-form input{font-size:.84rem}.stage{grid-template-rows:minmax(72vh,1fr) auto;min-height:0;display:grid;position:relative}.stage.stage--shadow .loader-card,.stage.stage--mask .loader-card,.stage.stage--layer .loader-card,.stage.stage--characters .loader-card,.stage.stage--cartoon .loader-card{display:none}.stage-preview{z-index:3;width:min(360px,100vw - 3rem);position:absolute;top:1.4rem;right:1.4rem}.stage-preview.is-hidden,.status-card.is-hidden{display:none}.preview-actions{background:linear-gradient(#161b22f5,#0d1117f5);border:1px solid #f0f6fc14;border-radius:20px;gap:.8rem;margin-top:.9rem;padding:1rem 1.05rem;display:grid;box-shadow:0 18px 40px #0104093d}.preview-actions.is-hidden{display:none}.preview-actions.is-recording-mode{border-color:#ffffff1f;box-shadow:0 18px 40px #01040952,inset 0 0 0 1px #ffffff05}.stage-preview .record-cta,.stage-preview .audio-cta{width:100%}.recording-preview-card{background:#0d1117c7;border:1px solid #f0f6fc14;border-radius:16px;gap:.8rem;padding:1rem 1.05rem;display:grid}.recording-preview-card.is-hidden{display:none}#recording-preview-video{background:#05070b;border:1px solid #f0f6fc14;border-radius:12px;width:100%;display:block}.stage-tools{background:linear-gradient(#0d1117fa,#0d1117);border-top:1px solid #f0f6fc0f;justify-self:start;gap:.75rem;width:min(50%,960px);padding:1rem 1.4rem 1.4rem;display:grid;position:static}#scene-root,#scene-root canvas{width:100%;height:100%;display:block}#scene-root.is-hidden{display:none}.shadow-stage{background:radial-gradient(circle,#49257438,#0000 32%),linear-gradient(#020204 0%,#05050a 100%);place-items:center;width:100%;height:100%;display:grid}.shadow-stage.is-hidden{display:none}#shadow-canvas{width:100%;height:100%;display:block}.camera-panel{aspect-ratio:4/3;background:#0d1117;border:1px solid #f0f6fc14;border-radius:10px;width:100%;position:relative;overflow:hidden;box-shadow:0 16px 36px #01040952}.toggle-row{justify-content:flex-start;align-items:center;gap:.8rem;padding-top:.15rem;display:flex}.toggle-label{color:#8b949e;font-size:.84rem}.toggle-pill{background:#21262de0;border:1px solid #f0f6fc14;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:.15rem;display:inline-grid}.toggle-option{color:#8b949e;cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:72px;min-height:34px;padding:.25rem .7rem;font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:.8rem;font-weight:600}.toggle-option.is-active{color:#f0f6fc;background:#30363d}.layer-mix-card{background:#0d1117b8;border:1px solid #f0f6fc14;border-radius:14px;gap:.8rem;padding:1rem 1.1rem;display:grid}.layer-mix-card.is-hidden{display:none}.layer-console-card{background:#0d1117db;border:1px solid #f0f6fc14;border-radius:14px;gap:.8rem;padding:1rem 1.1rem;display:grid}.layer-console-card.is-hidden{display:none}.layer-console-output{color:#a7f3d0;white-space:pre-wrap;word-break:break-word;background:#0b0f14;border:1px solid #f0f6fc14;border-radius:12px;min-height:220px;max-height:340px;margin:0;padding:.95rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.5;overflow:auto}.layer-mix-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.layer-mix-value{color:#7bd6ff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.layer-mix-label{color:#8b949e;font-size:.85rem;line-height:1.45}#layer-mix-range{accent-color:#69d2e7;width:100%}.layer-mix-scale{color:#7d8590;justify-content:space-between;gap:.8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem;display:flex}#webcam,#webcam-overlay{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}#webcam-overlay{pointer-events:none}@media (width<=980px){.app-shell{grid-template-rows:auto 1fr}.hero-header{padding:1.5rem 1rem 1.2rem}.share-cta{top:1rem;right:1rem}.stage,.shadow-stage{min-height:54vh}.stage-tools{width:100%;margin:0;padding:1rem}.stage-preview{width:auto;margin:1rem 1rem 0;position:static}}@media (width<=700px){.hero-header{padding:4.2rem 1rem 1rem}.prototype-switch{width:100%}.prototype-option{flex:180px}h1{max-width:none}.status-card{flex-direction:column;align-items:flex-start}.metrics,.url-form,.preset-row{grid-template-columns:1fr}.preview-card,.loader-card{padding:.95rem}.toggle-row{flex-direction:column;align-items:flex-start}}