@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#3a4152;background:#f7f6f8;font-synthesis:none;font-feature-settings:"cv05" 1,"ss03" 1;--petrol-950: #071322;--petrol-900: #0b1d35;--petrol-800: #12294a;--petrol-100: #fbe9f0;--magenta-900: #4e1128;--magenta-800: #872046;--magenta-700: #a32654;--magenta-600: #c22d64;--magenta-500: #d9497f;--petrol-700: var(--magenta-700);--gold-600: #b0863c;--gold-500: #c79a55;--gold-300: #d6b274;--paper: #ffffff;--sand: #f7f6f8;--soft: #f0eef3;--line: #e3e1e9;--ink: #12294a;--muted: #77809a;--danger: #c4562f;--success: #3b785a;--radius-sm: 10px;--radius: 16px;--radius-lg: 22px;--shadow-sm: 0 1px 2px rgba(18, 41, 74, .06), 0 2px 6px rgba(18, 41, 74, .04);--shadow: 0 4px 10px rgba(18, 41, 74, .05), 0 14px 34px rgba(18, 41, 74, .07);--shadow-lg: 0 10px 26px rgba(18, 41, 74, .09), 0 34px 70px rgba(18, 41, 74, .13);--tempo: .22s cubic-bezier(.4, 0, .2, 1);color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{background:var(--sand);overflow-x:hidden}body{min-width:320px;min-height:100vh;overflow-x:hidden}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--magenta-700);outline-offset:3px;border-radius:6px}h1,h2,h3,p{margin-top:0}h1,h2,.brand strong{font-family:Inter,ui-sans-serif,system-ui,sans-serif}h1{letter-spacing:-.045em;line-height:1.06}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{color:var(--gold-600);font-size:.76rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:.7rem}.brand{display:flex;align-items:center;gap:14px;position:relative;z-index:10}.brand strong{display:block;font-size:1.26rem;color:currentColor;letter-spacing:-.035em}.brand small{display:block;color:currentColor;opacity:.66;font-size:.74rem;margin-top:1px}.brand__mark{width:42px;height:42px;background:var(--petrol-900);border-radius:13px;display:grid;place-content:center;gap:3px;transform:rotate(-3deg);box-shadow:0 8px 18px #09272d2e}.brand__mark span{display:block;width:20px;height:3px;border-radius:99px;background:var(--gold-300)}.brand__mark span:nth-child(1){transform:translate(-3px)}.brand__mark span:nth-child(2){width:25px;transform:translate(1px)}.brand__mark span:nth-child(3){transform:translate(4px)}.brand--compact .brand__mark{width:34px;height:34px;border-radius:10px}.brand--compact .brand__mark span{transform:scale(.82)}.brand--compact strong{font-size:1.08rem}.button{border:0;border-radius:12px;min-height:46px;padding:.72rem 1.15rem;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;text-decoration:none;font-weight:700;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{color:#fff;background:linear-gradient(135deg,var(--magenta-800),var(--magenta-600));box-shadow:0 6px 18px #a3265457}.button--primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 10px 26px #a3265470}.button--gold{color:var(--petrol-950);background:linear-gradient(135deg,var(--gold-500),var(--gold-300));box-shadow:0 8px 20px #b0863c52}.button--secondary{color:var(--magenta-800);background:var(--petrol-100)}.button--quiet{color:var(--petrol-800);background:#fff;border:1px solid var(--line)}.button--dark{color:#fff;background:#ffffff14;border-color:#fff3}.button--wide{width:100%}.connection{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:600;color:var(--muted)}.connection span{width:8px;height:8px;border-radius:50%;background:#b0b5b2;box-shadow:0 0 0 4px #b0b5b21f;flex:none}.connection--online span{background:#45a171;box-shadow:0 0 0 4px #45a1711f}.connection--offline{color:#b3564d}.connection--offline span{background:#b3564d}.zugang-buehne{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:max(1.5rem,env(safe-area-inset-top)) 1.25rem max(1.5rem,env(safe-area-inset-bottom));position:relative;overflow:hidden;background:linear-gradient(140deg,var(--petrol-950) 0%,var(--petrol-900) 48%,var(--magenta-900) 100%)}.zugang-buehne:before{content:"";position:absolute;inset:0;background:radial-gradient(44% 54% at 82% 10%,rgba(194,45,100,.46),transparent 66%),radial-gradient(40% 48% at 10% 90%,rgba(0,81,90,.32),transparent 64%)}.zugang-buehne:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.5) .5px,transparent .5px);background-size:26px 26px;opacity:.07}.zugang-karte{position:relative;z-index:2;width:100%;max-width:430px;overflow:hidden;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px #00000073;background:var(--paper);animation:karte-auf .6s cubic-bezier(.22,.8,.3,1) both}@keyframes karte-auf{0%{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:none}}.zugang-kopf{position:relative;text-align:center;padding:2.1rem 2rem 1.6rem;background:linear-gradient(150deg,var(--petrol-900) 0%,var(--petrol-800) 55%,var(--magenta-900) 100%);color:#fff}.zugang-kopf:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--magenta-700),var(--magenta-500) 50%,var(--gold-600))}.zugang-logo{height:62px;width:auto;filter:brightness(0) invert(1);opacity:.97}.zugang-kopf h1{margin:1rem 0 0;font-size:1.08rem;font-weight:700;color:#fff;letter-spacing:-.01em}.zugang-kopf p{margin:.4rem 0 0;color:var(--gold-300);font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.zugang-form{padding:1.7rem 2rem 1.9rem;display:flex;flex-direction:column;gap:.65rem}.zugang-intro{margin:0 0 .35rem;font-size:.86rem;line-height:1.55;color:var(--muted)}.zugang-form label{font-size:.8rem;font-weight:700;color:var(--ink)}.zugang-eingabe{position:relative;display:flex;align-items:center}.zugang-eingabe>svg{position:absolute;left:.85rem;width:16px;height:16px;fill:var(--muted);pointer-events:none}.zugang-form input{width:100%;height:50px;padding:0 1rem 0 2.5rem;font-size:1rem;background:var(--soft);border:1.5px solid var(--line);border-radius:12px;color:var(--ink);transition:border-color var(--tempo),background var(--tempo),box-shadow var(--tempo)}.zugang-form input::placeholder{color:var(--muted)}.zugang-form input:focus{outline:none;border-color:var(--magenta-700);background:var(--paper);box-shadow:0 0 0 4px #a3265429}.zugang-senden{height:48px;border:none;border-radius:12px;cursor:pointer;margin-top:.3rem;background:linear-gradient(135deg,var(--magenta-800),var(--magenta-600));color:#fff;font-weight:700;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;box-shadow:0 6px 18px #a3265457;transition:transform .12s,box-shadow var(--tempo),filter var(--tempo)}.zugang-senden:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 10px 26px #a3265470}.zugang-senden:active:not(:disabled){transform:translateY(0)}.zugang-senden:disabled{opacity:.5;cursor:not-allowed}.zugang-fehler{display:flex;align-items:center;gap:.5rem;margin:0;padding:.6rem .8rem;border-radius:10px;background:var(--petrol-100);color:var(--magenta-800);border:1px solid rgba(194,45,100,.32);font-size:.82rem;font-weight:600;animation:ruettel .4s cubic-bezier(.36,.07,.19,.97) both}.zugang-fehler>span{flex:none;width:18px;height:18px;border-radius:50%;display:grid;place-content:center;background:var(--magenta-800);color:#fff;font-size:.7rem}@keyframes ruettel{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.zugang-fuss{margin:.3rem 0 0;text-align:center;font-size:.7rem;color:var(--muted);line-height:1.5}@media(max-width:380px){.zugang-kopf,.zugang-form{padding-left:1.35rem;padding-right:1.35rem}}.form-error{color:var(--danger);font-size:.82rem;font-weight:600;line-height:1.45;margin:.65rem 0 0}.splash,.center-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:max(1.5rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) max(1.5rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left));background:var(--sand)}.splash p{color:var(--muted)}.spinner{width:36px;height:36px;border-radius:50%;border:3px solid var(--petrol-100);border-top-color:var(--petrol-700);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.waiting-card{width:min(680px,100%);background:var(--paper);box-shadow:var(--shadow);border:1px solid rgba(20,65,68,.08);border-radius:var(--radius-lg);padding:clamp(2rem,6vw,4.5rem);text-align:center}.waiting-card h1{font-size:clamp(2rem,5vw,3.6rem);margin-bottom:1.2rem}.waiting-card>p:not(.eyebrow){color:var(--muted);font-size:1.05rem;line-height:1.65}.waiting-card .connection{justify-content:center;margin-top:2rem}.calm-orbit{width:96px;height:96px;margin:0 auto 2rem;border-radius:50%;border:1px solid var(--gold-300);position:relative;animation:soft-pulse 3s ease-in-out infinite}.calm-orbit span{position:absolute;width:15px;height:15px;border-radius:50%;background:var(--petrol-700)}.calm-orbit span:nth-child(1){left:8px;top:27px}.calm-orbit span:nth-child(2){right:11px;top:14px;background:var(--gold-500)}.calm-orbit span:nth-child(3){bottom:7px;left:43px}@keyframes soft-pulse{50%{transform:scale(1.04);box-shadow:0 0 0 14px #c59b5014}}.participant-count{display:inline-flex;align-items:center;gap:.6rem;background:var(--petrol-100);padding:.7rem 1rem;border-radius:99px;color:var(--petrol-900)}.participant-count strong{font-size:1.3rem}.center-page--dark{color:#fff;background:var(--petrol-950)}.center-page--dark>.brand .brand__mark{background:var(--gold-300)}.center-page--dark>.brand .brand__mark span{background:var(--petrol-900)}.waiting-card--dark{background:#113a40;border-color:#ffffff1a;box-shadow:0 25px 80px #00000040}.waiting-card--dark .eyebrow{color:var(--gold-300)}.waiting-card--dark>p:not(.eyebrow){color:#ffffffb3}.lock-symbol,.error-symbol{width:72px;height:72px;margin:0 auto 1.6rem;border-radius:50%;display:grid;place-items:center;background:#dfc58d24;border:1px solid rgba(214,178,116,.45);color:var(--gold-300);font-size:1.8rem}.topbar,.drawing-topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,3vw,3rem);background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.topbar__actions{display:flex;align-items:center;gap:1.4rem}.role-chip{color:var(--petrol-800);font-size:.76rem;font-weight:700;background:var(--petrol-100);padding:.45rem .75rem;border-radius:99px}.admin-page{min-height:100vh;background:var(--sand)}.admin-layout{width:min(1480px,100%);margin:0 auto;padding:clamp(1.2rem,3vw,3rem);display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1.5rem}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.page-heading h1{font-size:clamp(2rem,3vw,3rem);margin-bottom:.5rem}.page-heading p:not(.eyebrow){color:var(--muted)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;margin-bottom:1.2rem}.metrics-grid article{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem;min-height:126px;display:flex;flex-direction:column}.metrics-grid span{color:var(--muted);font-size:.75rem;font-weight:700}.metrics-grid strong{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:2rem;color:var(--petrol-900);margin:auto 0 .1rem}.metrics-grid small{color:var(--muted);font-size:.7rem}.metrics-grid .metric-state{font-size:1rem}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.panel-heading{padding:1.2rem 1.35rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-heading h2{font-size:1rem;margin:0 0 .25rem}.panel-heading p{color:var(--muted);font-size:.75rem;margin:0}.panel-heading>span{background:var(--petrol-100);border-radius:99px;padding:.35rem .6rem;font-size:.75rem;font-weight:700}.participant-list{max-height:500px;overflow:auto}.participant-row{display:grid;grid-template-columns:42px minmax(120px,1fr) 140px 100px 62px;gap:.8rem;align-items:center;padding:.8rem 1.25rem;border-bottom:1px solid #eeece5}.participant-row:last-child{border:0}.avatar{width:38px;height:38px;border-radius:50%;background:var(--petrol-100);color:var(--petrol-900);display:grid;place-items:center;font-weight:800}.participant-row__name strong,.participant-row__name small{display:block}.participant-row__name strong{font-size:.85rem}.participant-row__name small{color:var(--muted);font-size:.68rem;margin-top:.2rem}.status-dot{color:var(--muted);font-size:.7rem;display:flex;align-items:center;gap:6px}.status-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#aaa}.status-dot--online:before{background:#45a171}.status-pill{font-size:.68rem;font-weight:700;padding:.35rem .55rem;border-radius:99px;text-align:center;background:#eeeae1;color:#706b61}.status-pill--done{background:#dceee3;color:#286a4b}.participant-thumb{width:60px;height:44px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:6px}.empty-state{padding:3rem;text-align:center;color:var(--muted)}.admin-aside{display:flex;flex-direction:column;gap:1.2rem}.join-panel{text-align:center;padding:1.4rem}.join-panel img{width:min(210px,80%);margin:.5rem auto 1rem}.join-panel>strong{font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:block;letter-spacing:.2em;font-size:1.35rem}.join-panel>p:not(.eyebrow){color:var(--muted);font-size:.72rem;overflow-wrap:anywhere}.control-panel{padding:1.3rem}.control-panel h2{font-size:1rem}.control-panel .button+.button,.control-panel textarea+small+.button{margin-top:.65rem}.control-panel textarea{min-height:96px;resize:vertical}.control-panel label{margin-top:1rem}.control-panel small{color:var(--muted);display:block;margin-top:.35rem}.demo-badge{color:#725718;background:#f5e9c8;border-radius:8px;margin-top:1rem;padding:.55rem;font-size:.72rem;font-weight:800;text-align:center}.drawing-page{min-height:100dvh;height:100dvh;background:var(--sand);display:flex;flex-direction:column;overflow:hidden}.drawing-workspace{flex:1 1 auto;min-height:0;width:min(1280px,100%);margin:0 auto;padding:clamp(.85rem,2vw,1.6rem) clamp(1rem,3vw,2.5rem) clamp(.85rem,2vw,1.4rem);display:flex;flex-direction:column;gap:.75rem}.drawing-header{flex:none;display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:0}.drawing-header>div:first-child{max-width:760px}.drawing-header h1{font-size:clamp(1.6rem,2.6vw,2.4rem);margin-bottom:.35rem}.drawing-header p:not(.eyebrow){color:var(--muted);line-height:1.5;font-size:.92rem;margin-bottom:0}.drawing-header .eyebrow{margin-bottom:.4rem}.save-indicator{flex:none;font-size:.72rem;font-weight:700;color:var(--muted);background:#ffffffb3;border:1px solid var(--line);padding:.5rem .7rem;border-radius:99px}.save-indicator--saved{color:var(--success)}.save-indicator--error{color:var(--danger)}.canvas-shell{flex:1 1 auto;min-height:0;display:grid;place-items:center;container-type:size}.drawing-canvas{display:block;width:min(100%,calc((100dvh - 340px) * 4 / 3));width:min(100cqw,calc(100cqh * 4 / 3));height:auto;aspect-ratio:4 / 3;max-height:100%;background:#fff;border-radius:14px;box-shadow:var(--shadow);border:1px solid var(--line);cursor:crosshair;touch-action:none}.toolbar{flex:none;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:16px;margin-top:0;padding:.55rem .7rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.tool-group{display:flex;align-items:center;gap:.25rem;padding-right:.5rem;border-right:1px solid var(--line)}.tool-group--colors{padding-left:.2rem}.color-tool,.custom-color{width:30px;height:30px;border-radius:50%;border:3px solid var(--paper);box-shadow:0 0 0 1px var(--line);cursor:pointer;flex:none}.color-tool.is-selected{box-shadow:0 0 0 3px var(--magenta-700)}.custom-color{overflow:hidden;position:relative;display:grid;place-items:center}.custom-color>svg{width:14px;height:14px;fill:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55));pointer-events:none}.custom-color input{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer}.custom-color.is-selected{box-shadow:0 0 0 3px var(--magenta-700)}.tool-button{min-height:40px;border:1px solid transparent;background:transparent;border-radius:9px;padding:.45rem .5rem;color:var(--ink);font-size:.72rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.tool-button:hover:not(:disabled){background:var(--petrol-100)}.tool-button.is-selected{background:var(--petrol-100);border-color:#a3265459;color:var(--magenta-800)}.tool-button:disabled{opacity:.35;cursor:not-allowed}.tool-button--danger{color:var(--danger)}.brush-dot{display:inline-block;border-radius:50%;background:currentColor}.tool-group--save{margin-left:auto;padding-right:0;border-right:none}.save-button{flex:none;white-space:nowrap;min-height:42px;padding:.6rem 1.1rem}.tool-group:last-child{padding-right:0;border-right:none}.selected-tool{flex:none;color:var(--muted);font-size:.7rem;margin:0}.notice{flex:none;margin-top:0;border-radius:10px;padding:.75rem 1rem;font-size:.8rem;font-weight:600}.notice--success{color:#286a4b;background:#dceee3}.notice--error{color:var(--danger);background:#f7e5e2}.presentation-page{min-height:100vh;color:#fff;background:var(--petrol-950);padding:clamp(2rem,4vw,4rem);display:flex;flex-direction:column}.presentation-page .brand__mark{background:var(--gold-300)}.presentation-page .brand__mark span{background:var(--petrol-950)}.presentation-grid{flex:1;display:grid;grid-template-columns:1.3fr .7fr;gap:5vw;align-items:center;max-width:1600px;width:100%;margin:0 auto}.presentation-grid h1{font-size:clamp(3.4rem,7vw,7.5rem);max-width:980px;margin-bottom:1.6rem}.presentation-lead{font-size:clamp(1.1rem,2vw,1.7rem);color:#ffffffad;line-height:1.55;max-width:750px}.presentation-count{display:flex;align-items:baseline;gap:.7rem;margin-top:2rem}.presentation-count strong{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--gold-300);font-size:3rem}.presentation-count span{color:#ffffffa6}.qr-panel{background:var(--paper);color:var(--petrol-950);border-radius:28px;padding:clamp(1.5rem,3vw,3rem);text-align:center;box-shadow:0 30px 90px #00000040}.qr-panel img{width:100%}.qr-panel strong{display:block;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.8rem,3vw,3rem);letter-spacing:.2em;margin:1rem 0 .4rem}.qr-panel span{color:var(--muted);overflow-wrap:anywhere}.experience{min-height:100vh;width:100%;overflow:hidden;color:#fff;background:var(--petrol-950);position:relative;padding:max(1.2rem,env(safe-area-inset-top)) max(1.2rem,env(safe-area-inset-right)) max(1.2rem,env(safe-area-inset-bottom)) max(1.2rem,env(safe-area-inset-left))}.experience:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 65%,rgba(199,154,85,.14),transparent 35%)}.experience-header{position:relative;z-index:50;display:flex;justify-content:space-between;align-items:center}.experience-header .brand__mark{background:var(--gold-300)}.experience-header .brand__mark span{background:var(--petrol-950)}.experience-header .connection{color:#ffffffa8}.collection-copy{position:relative;z-index:30;text-align:center;margin:2vh auto 0}.collection-copy .eyebrow,.generation-content .eyebrow,.result-heading .eyebrow{color:var(--gold-300)}.collection-copy h1{font-size:clamp(1.7rem,4vw,3.8rem);margin:0 0 .4rem}.collection-copy p:not(.eyebrow){color:#ffffffad}.collection-stage{position:absolute;inset:17vh 1.5rem 1rem}.drawing-card{position:absolute;width:clamp(62px,10vw,150px);aspect-ratio:4/3;border-radius:8px;background:#fff;padding:5px;box-shadow:0 12px 28px #00000038;transform:translate(-50%,-50%) rotate(-2deg);animation-name:collect-card;animation-timing-function:cubic-bezier(.65,.05,.36,1);animation-fill-mode:forwards}.drawing-card:nth-child(2n){transform:translate(-50%,-50%) rotate(3deg)}.drawing-card img{width:100%;height:100%;object-fit:contain;border-radius:4px}@keyframes collect-card{0%{opacity:1}60%{opacity:1;left:50%;top:67%;transform:translate(-50%,-50%) scale(.45) rotate(0)}to{opacity:0;left:50%;top:67%;transform:translate(-50%,-50%) scale(.08) rotate(0)}}.idea-box{position:absolute;left:50%;top:67%;transform:translate(-50%,-50%);width:clamp(230px,28vw,420px);height:clamp(135px,20vw,250px);border-radius:12px 12px 30px 30px;border:1px solid rgba(214,178,116,.45);background:linear-gradient(145deg,#1d3557,#0b1d35);box-shadow:inset 0 1px #ffffff24,0 28px 70px #00000059,0 0 60px #c79a5524;z-index:20;display:grid;place-content:center;text-align:center}.idea-box__lid{position:absolute;width:106%;height:18px;left:-3%;top:-13px;border-radius:8px;border:1px solid rgba(214,178,116,.6);background:#24406e;box-shadow:0 8px 18px #0003;transition:transform .5s ease}.idea-box__content span{display:block;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--gold-300);font-size:clamp(2rem,4vw,4rem);line-height:1}.idea-box__content small{color:#fff9}.idea-box>strong{display:block;margin-top:1rem;font-size:clamp(.7rem,1.2vw,1rem);letter-spacing:.06em}.idea-box--complete{animation:box-complete 1.3s ease-in-out infinite alternate}.idea-box--complete .idea-box__lid{transform:translateY(10px)}@keyframes box-complete{to{box-shadow:inset 0 1px #ffffff24,0 28px 70px #00000059,0 0 90px #d6b2744d}}.generation-content{position:relative;z-index:5;min-height:calc(100vh - 70px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-bottom:7vh}.generation-content h1{font-size:clamp(2.2rem,5vw,5rem);max-width:980px;margin-bottom:1rem}.generation-content>p:not(.eyebrow):not(.generation-stage){color:#ffffff94}.generation-stage{color:#fff;font-weight:700;font-size:clamp(1rem,2vw,1.3rem);margin-bottom:.6rem}.generation-visual{width:clamp(190px,26vw,360px);aspect-ratio:16/10;margin-bottom:2rem;border-radius:20px;overflow:hidden;border:1px solid rgba(223,197,141,.35);background:#ffffff0a;box-shadow:0 22px 70px #0000004d}.generation-visual img{width:100%;height:100%;object-fit:cover;animation:partial-reveal 1s ease}.partial-label{color:var(--gold-300);margin-top:1rem}.weave{height:100%;position:relative}.weave i{position:absolute;width:70%;height:4px;left:15%;top:48%;background:linear-gradient(90deg,transparent,var(--gold-300),transparent);border-radius:50%;animation:weave 2.4s ease-in-out infinite}.weave i:nth-child(2){animation-delay:-.6s;transform:rotate(45deg)}.weave i:nth-child(3){animation-delay:-1.2s;transform:rotate(90deg)}.weave i:nth-child(4){animation-delay:-1.8s;transform:rotate(135deg)}@keyframes weave{50%{opacity:.35;transform:rotate(180deg) scale(.72)}}.admin-overlay{position:absolute;z-index:10;right:max(1.2rem,env(safe-area-inset-right));bottom:max(1.2rem,env(safe-area-inset-bottom));display:flex;gap:.8rem;align-items:center;border-radius:12px;background:#051b1fd1;border:1px solid rgba(255,255,255,.12);padding:.75rem 1rem;font-size:.7rem;color:#ffffffa6}.admin-overlay strong{color:#fff}.admin-overlay span+span{border-left:1px solid rgba(255,255,255,.15);padding-left:.8rem}.experience--result{background:#e9e6df;color:var(--ink);overflow:auto}.experience--result:before{background:radial-gradient(circle at 50% 45%,#fffdf9,transparent 65%)}.experience--result .experience-header .brand__mark{background:var(--petrol-900)}.experience--result .experience-header .brand__mark span{background:var(--gold-300)}.experience--result .experience-header .connection{color:var(--muted)}.result-content{position:relative;z-index:3;width:min(1580px,100%);margin:1.2rem auto 0;opacity:0;transform:scale(.98);transition:opacity .8s ease,transform .8s ease}.result-content.is-revealed{opacity:1;transform:scale(1)}.result-heading{text-align:center;margin-bottom:1rem}.result-heading h1{font-size:clamp(2rem,4vw,4rem);margin:0 0 .35rem}.result-heading p:not(.eyebrow){color:var(--muted);margin:0}.result-image{width:100%;height:min(69vh,calc(100vh - 230px));object-fit:contain;border-radius:18px;box-shadow:0 20px 65px #0e31352e;background:#fff}.result-controls{position:relative;z-index:5;margin:1rem auto 0;display:flex;justify-content:center;flex-wrap:wrap;gap:.65rem;max-width:1200px}.variant-history{position:relative;z-index:5;width:min(1100px,calc(100% - 2rem));margin:1.5rem auto max(2rem,env(safe-area-inset-bottom));padding:1.25rem;border:1px solid var(--line);border-radius:16px;background:#ffffffb8}.variant-history h2{margin:0;font-size:1.15rem}.variant-history__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem;margin-top:1rem}.variant-history__list article{display:grid;gap:.45rem;color:var(--muted);font-size:.78rem}.variant-history__list img{width:100%;aspect-ratio:16 / 9;object-fit:contain;border-radius:9px;background:#fff}.result-controls .form-error{width:100%;text-align:center}.experience--projector .result-image{height:min(75vh,calc(100vh - 190px))}.experience--projector .result-heading{margin-top:-1rem}.error-card{max-width:800px}.error-symbol{color:#f0aa82;border-color:#f0aa8266;background:#a8463f29}.error-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}@keyframes partial-reveal{0%{opacity:0;transform:scale(1.03)}}@media(max-width:1050px){.admin-layout{grid-template-columns:1fr}.admin-aside{display:grid;grid-template-columns:1fr 1fr}.metrics-grid{grid-template-columns:1fr 1fr}.presentation-grid{grid-template-columns:1fr .65fr}.presentation-grid h1{font-size:clamp(3rem,7vw,5rem)}.canvas-shell{max-height:none}}@media(max-width:720px){.topbar{height:auto;min-height:64px;padding:.75rem 1rem}.topbar__actions{gap:.6rem}.topbar .connection{display:none}.role-chip{font-size:.65rem}.admin-layout{padding:1rem}.page-heading{display:block}.page-heading .button{margin-top:.6rem}.metrics-grid{gap:.55rem}.metrics-grid article{min-height:110px;padding:.85rem}.metrics-grid strong{font-size:1.55rem}.admin-aside{grid-template-columns:1fr}.participant-row{grid-template-columns:38px minmax(100px,1fr) auto}.participant-row .status-dot,.participant-thumb{display:none}.status-pill{grid-column:3;grid-row:1}.join-panel img{max-width:180px}.drawing-workspace{padding:.85rem}.drawing-header{display:block}.drawing-header h1{font-size:2rem}.drawing-header p:not(.eyebrow){font-size:.82rem}.save-indicator{display:inline-flex;margin-top:.7rem}.canvas-shell{aspect-ratio:4/3}.drawing-canvas{border-radius:9px}.toolbar{gap:.45rem;border-radius:12px}.tool-group{width:100%;overflow-x:auto;border-right:0;padding:0 0 .4rem;border-bottom:1px solid var(--line)}.tool-button{white-space:nowrap}.save-button{width:100%;margin:0}.presentation-page{padding:1.3rem}.presentation-grid{grid-template-columns:1fr;text-align:center;gap:1.5rem}.presentation-grid h1{font-size:2.7rem;margin-top:2rem}.presentation-count{justify-content:center}.qr-panel{max-width:330px;width:100%;margin:auto;padding:1.2rem}.qr-panel img{max-height:34vh}.collection-copy{margin-top:4vh}.collection-copy h1{font-size:1.8rem}.collection-stage{top:23vh}.drawing-card{width:clamp(56px,18vw,90px)}.idea-box{top:65%;width:230px;height:140px}.admin-overlay{left:1rem;right:1rem;justify-content:center;flex-wrap:wrap}.generation-content{padding:2rem 0 7rem}.generation-content h1{font-size:2.35rem}.generation-visual{width:70vw}.result-content{margin-top:1.8rem}.result-heading h1{font-size:2rem}.result-heading p:not(.eyebrow){font-size:.75rem}.result-image{height:min(55vh,500px);border-radius:10px}.result-controls{display:grid;grid-template-columns:1fr;padding-bottom:1rem}.experience--projector .result-image{height:64vh}.waiting-card{padding:2rem 1.25rem}.waiting-card h1{font-size:2rem}}@media(max-height:760px)and (min-width:721px){.drawing-header h1{font-size:2rem}.drawing-header p:not(.eyebrow){font-size:.78rem}.drawing-workspace{padding-top:1rem}.canvas-shell{max-height:calc(100vh - 285px)}.toolbar{margin-top:.6rem}.result-heading .eyebrow{display:none}.result-heading h1{font-size:2.2rem}.result-image{height:calc(100vh - 190px)}}@media(prefers-reduced-motion:reduce){*:not(.drawing-card),*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.drawing-card{animation-name:collect-card-reduced!important;animation-timing-function:ease-out!important}@keyframes collect-card-reduced{0%{opacity:1}to{opacity:0}}}.drawing-status{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;justify-content:flex-end}.dialog-backdrop{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:max(1.25rem,env(safe-area-inset-top)) 1.25rem max(1.25rem,env(safe-area-inset-bottom));background:#0713229e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:dialog-schleier .18s ease-out both}@keyframes dialog-schleier{0%{opacity:0}}.dialog{width:min(480px,100%);max-height:100%;overflow-y:auto;background:var(--paper);color:var(--muted);border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:0 30px 80px #07132273;padding:1.6rem 1.7rem 1.4rem;animation:dialog-auf .24s cubic-bezier(.22,.8,.3,1) both}@keyframes dialog-auf{0%{opacity:0;transform:translateY(14px) scale(.985)}}.dialog h2{font-size:1.32rem;line-height:1.25;letter-spacing:-.02em;color:var(--ink);margin:0 0 .7rem}.dialog p{font-size:.9rem;line-height:1.6;margin:0 0 .6rem}.dialog-facts{margin:.9rem 0 .2rem;padding:.75rem .9rem;border-radius:var(--radius-sm);background:var(--soft);display:grid;gap:.35rem}.dialog-facts>div{display:flex;justify-content:space-between;gap:1rem;font-size:.82rem}.dialog-facts dt{color:var(--muted)}.dialog-facts dd{margin:0;font-weight:700;color:var(--ink);text-align:right}.dialog-warning{margin:.9rem 0 0;padding:.7rem .85rem;border-radius:var(--radius-sm);background:var(--petrol-100);border:1px solid rgba(194,45,100,.28);color:var(--magenta-800);font-size:.83rem;font-weight:600;line-height:1.5}.dialog-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.3rem;flex-wrap:wrap}.dialog-actions .button{min-width:132px;flex:1 1 auto}.button--danger{color:#fff;background:linear-gradient(135deg,#9c3a1f,var(--danger));box-shadow:0 6px 18px #c4562f52}.button--danger:hover:not(:disabled){filter:brightness(1.06)}@media(max-width:420px){.dialog{padding:1.3rem 1.2rem 1.1rem}.dialog-actions{flex-direction:column-reverse}.dialog-actions .button{width:100%}}@media(max-width:760px){.drawing-page{height:auto;overflow:visible}.canvas-shell{container-type:normal;min-height:46vh}.drawing-canvas{width:min(100%,calc((100dvh - 430px) * 4 / 3))}.toolbar{gap:.5rem .4rem}.tool-group{padding-right:.45rem}.tool-group--save{width:100%;margin-left:0;border-right:none;padding-right:0}.tool-group--save .save-button{width:100%}}