body{overflow-x:hidden}.home.svelte-19z9fmx{padding:2rem;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-template-areas:"canvas1 canvas2 canvas3" "canvas4 header canvas5" "canvas6 canvas7 canvas8";height:100dvh;width:100dvw;gap:2em;position:fixed;top:0;left:0}@media (max-width: 1200px){.home.svelte-19z9fmx{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(3,1fr);grid-template-areas:"canvas1" "header" "canvas2"}}@media (max-width: 1200px){.home.svelte-19z9fmx .canvas:where(.svelte-19z9fmx):not([style*=canvas1]):not([style*=canvas2]){display:none}}.home.svelte-19z9fmx>:where(.svelte-19z9fmx){max-height:100%;overflow:hidden;width:100%}.home.svelte-19z9fmx .canvas:where(.svelte-19z9fmx){position:relative;opacity:0;transform:scale(.8);animation:svelte-19z9fmx-slideInCanvas .6s ease-out forwards}.home.svelte-19z9fmx .canvas:where(.svelte-19z9fmx) span:where(.svelte-19z9fmx){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:3px 6px;color:#ff026c;mix-blend-mode:difference;font-size:1.2em;text-shadow:0 0 10px rgba(255,255,255,.5);text-align:center;background:#392589;z-index:2;transition:all .3s ease}.home.svelte-19z9fmx .canvas:where(.svelte-19z9fmx) .error-indicator:where(.svelte-19z9fmx){position:absolute;bottom:10px;right:10px;padding:4px 8px;font-size:.8em;border-radius:4px;z-index:3;background:#ff6400cc;color:#fff}.home.svelte-19z9fmx .canvas:where(.svelte-19z9fmx) .preview-canvas:where(.svelte-19z9fmx){width:100%;height:100%;object-fit:cover;border-radius:.2em;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none;transition:all .4s ease}@keyframes svelte-19z9fmx-slideInCanvas{0%{opacity:0;transform:scale(.8) translateY(20px)}60%{transform:scale(1.02) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes svelte-19z9fmx-slideInHeader{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.home.svelte-19z9fmx header:where(.svelte-19z9fmx){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2em;grid-area:header;text-align:center;opacity:0;transform:translateY(30px);animation:svelte-19z9fmx-slideInHeader .4s ease-out .1s forwards}@media (max-width: 1200px){.home.svelte-19z9fmx header:where(.svelte-19z9fmx){gap:1em}}.home.svelte-19z9fmx header:where(.svelte-19z9fmx) h1:where(.svelte-19z9fmx){font-size:2em}.home.svelte-19z9fmx header:where(.svelte-19z9fmx) h2:where(.svelte-19z9fmx){font-style:italic}.home.svelte-19z9fmx header:where(.svelte-19z9fmx) svg:where(.svelte-19z9fmx){transform:translate(2.5em)}.home.svelte-19z9fmx header:where(.svelte-19z9fmx) button:where(.svelte-19z9fmx){border:1px solid var(--text);height:2.5em;padding:0 1.2em;display:flex;justify-content:center;align-items:center;border-radius:1.5em;transition:all .1s ease;transform:scale(1)}.home.svelte-19z9fmx header:where(.svelte-19z9fmx) button:where(.svelte-19z9fmx):hover{background:#ffffff0d}.home.svelte-19z9fmx header:where(.svelte-19z9fmx) button:where(.svelte-19z9fmx):active{transform:scale(.99)}.home.svelte-19z9fmx header:where(.svelte-19z9fmx) button:where(.svelte-19z9fmx) span:where(.svelte-19z9fmx){transform:translateY(1px);transition:transform .2s ease}.home.svelte-19z9fmx .loading-overlay:where(.svelte-19z9fmx){position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.home.svelte-19z9fmx .spinner:where(.svelte-19z9fmx){position:relative;width:24px;height:24px}.home.svelte-19z9fmx .spinner-ring:where(.svelte-19z9fmx){width:100%;height:100%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.1) 50deg,rgba(255,255,255,.5) 120deg,rgba(255,255,255,.8) 160deg,white 180deg,transparent 220deg,transparent 360deg);animation:svelte-19z9fmx-elegant-spin 1.5s ease-in-out infinite}.home.svelte-19z9fmx .spinner-ring:where(.svelte-19z9fmx):before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background:var(--bg, #000)}.home.svelte-19z9fmx .spinner-ring:where(.svelte-19z9fmx):nth-child(2),.home.svelte-19z9fmx .spinner-ring:where(.svelte-19z9fmx):nth-child(3){display:none}@keyframes svelte-19z9fmx-elegant-spin{0%{transform:rotate(0);opacity:.6}50%{opacity:1}to{transform:rotate(360deg);opacity:.6}}.camera.svelte-19z9fmx{display:flex;flex-direction:column;height:100dvh;width:100dvw;position:fixed;top:0;left:0}.camera.svelte-19z9fmx header:where(.svelte-19z9fmx){display:flex;height:3em;padding:0 2em;justify-content:space-between;align-items:center}.camera.svelte-19z9fmx header:where(.svelte-19z9fmx) button:where(.svelte-19z9fmx){display:flex;justify-content:center;align-items:center;gap:.25em;transform:translateY(2px)}.camera.svelte-19z9fmx nav:where(.svelte-19z9fmx){height:3em;padding:0 1em;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;width:100%}.camera.svelte-19z9fmx nav:where(.svelte-19z9fmx) .carousel:where(.svelte-19z9fmx){position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.camera.svelte-19z9fmx nav:where(.svelte-19z9fmx) .carousel:where(.svelte-19z9fmx) .carousel-item:where(.svelte-19z9fmx){position:absolute;display:flex;justify-content:center;align-items:center;background:transparent;color:var(--text);cursor:pointer;border:none;font-size:clamp(.8rem,2vw,1rem);font-family:inherit;white-space:nowrap;padding:.4em .8em;border-radius:1.5em;transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .6s cubic-bezier(.4,0,.2,1),filter .6s cubic-bezier(.4,0,.2,1),background .3s ease,box-shadow .3s ease;transform-origin:center;min-width:fit-content;will-change:transform,opacity,filter}.camera.svelte-19z9fmx nav:where(.svelte-19z9fmx) .carousel:where(.svelte-19z9fmx) .carousel-item:where(.svelte-19z9fmx):hover{background:#ffffff1a}.camera.svelte-19z9fmx nav:where(.svelte-19z9fmx) .carousel:where(.svelte-19z9fmx) .carousel-item.active:where(.svelte-19z9fmx){font-weight:700;background:#ffffff26;box-shadow:0 0 20px #ffffff4d}.camera.svelte-19z9fmx nav:where(.svelte-19z9fmx):before,.camera.svelte-19z9fmx nav:where(.svelte-19z9fmx):after{content:"";position:absolute;top:0;width:clamp(2em,8vw,4em);height:100%;pointer-events:none;z-index:20}.camera.svelte-19z9fmx nav:where(.svelte-19z9fmx):before{left:0;background:linear-gradient(to right,var(--bg),transparent)}.camera.svelte-19z9fmx nav:where(.svelte-19z9fmx):after{right:0;background:linear-gradient(to left,var(--bg),transparent)}.camera.svelte-19z9fmx .canvas:where(.svelte-19z9fmx){height:calc(100dvh - 6em);width:100%;padding:0 2em}.camera.svelte-19z9fmx .canvas:where(.svelte-19z9fmx) .video:where(.svelte-19z9fmx){height:100%;width:100%;background-color:#000;border-radius:.25em;position:relative;overflow:hidden}
