.page-photobooth{overflow:hidden;background:var(--chrome-page-bg);color:var(--chrome-page-text)}.panel{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.panel.hidden{display:none}.panel-camera{padding:clamp(120px,22vh,240px) var(--space-5) var(--space-6);color:var(--chrome-page-text);background:var(--chrome-page-camera-bg);overflow:hidden;justify-content:flex-start}.look-here{position:absolute;top:var(--space-4);left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;color:var(--chrome-look-text-color);font-family:var(--font-hand);font-weight:700;font-size:44px;text-shadow:var(--chrome-look-text-shadow)}.look-here-arrow{font-size:88px;line-height:.7;color:var(--chrome-look-arrow-color);text-shadow:var(--chrome-look-arrow-shadow);animation:look-here-bounce 1.1s var(--ease-out) infinite}.look-here-text{transform-origin:center bottom;animation:look-here-dance 1.6s var(--ease-out) infinite}@keyframes look-here-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes look-here-dance{0%,to{transform:rotate(-6deg) scale(1)}25%{transform:rotate(1deg) scale(1.04)}50%{transform:rotate(5deg) scale(1)}75%{transform:rotate(1deg) scale(1.04)}}.camera-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:var(--chrome-camera-decor)}.camera-starburst{position:absolute;left:50%;top:50%;width:160vmax;height:160vmax;margin-left:-80vmax;margin-top:-80vmax;transform-origin:center;background:var(--chrome-camera-starburst);filter:blur(2px);animation:spinSlow 48s linear infinite}.camera-shell{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-6);width:100%;max-width:820px}.camera-header{text-align:center;width:100%;max-width:720px}.marquee-strip{display:var(--chrome-marquee-display);justify-content:space-around;background:#1a0e22;border:3px solid var(--ink);box-shadow:inset 0 0 0 3px var(--hot),0 6px 0 var(--purple-deep),0 10px 24px #00000080;padding:10px 20px;margin-bottom:var(--space-5)}.marquee-strip span{font-family:var(--font-tabloid);font-size:18px;letter-spacing:.2em;color:var(--highlighter);text-shadow:0 2px 0 rgba(0,0,0,.6)}.camera-title{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:clamp(60px,8vw,96px);line-height:.9;letter-spacing:.02em;margin:0;padding:.1em .2em .22em;text-transform:uppercase}.camera-title .chrome-text{display:inline-block;padding:.05em .22em;margin:0 -.22em;filter:var(--chrome-title-filter)}.preview-frame{position:relative;width:min(80vw,56vh,700px);aspect-ratio:4 / 5;overflow:visible;background:#000;border-radius:12px;box-shadow:var(--chrome-preview-rings)}#video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:block;border-radius:6px}.preview-ring{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:10px;pointer-events:none;display:var(--chrome-preview-ring-display);box-shadow:inset 0 0 0 1px rgba(var(--highlighter-rgb),.8)}.preview-badge{position:absolute;top:-22px;left:-28px;z-index:100;display:var(--chrome-preview-badge-display);background:linear-gradient(135deg,var(--hot) 0%,var(--hot-deep) 100%);color:#fff;font-family:var(--font-tabloid);font-size:22px;letter-spacing:.12em;padding:10px 22px;border:3px solid var(--ink);border-radius:4px;transform:rotate(-12deg);box-shadow:4px 4px 0 var(--ink);text-shadow:0 2px 0 rgba(0,0,0,.25)}.countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;background:var(--chrome-countdown-overlay-bg)}.countdown-stack{position:absolute;left:50%;top:55%;width:min(80vw,56vh,700px);aspect-ratio:4 / 5;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%)}.countdown-burst{position:absolute;width:120%;aspect-ratio:1;background-image:url(./starburst-Cpdh8Gky.svg);background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.55;animation:spinSlow 8s linear infinite reverse}.countdown-number{position:relative;display:inline-block;padding:0 .28em 0 .08em;font-family:var(--font-display);font-style:italic;font-size:clamp(140px,22vw,220px);line-height:.9;font-weight:900;background:var(--chrome-countdown-bg);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:var(--chrome-countdown-filter)}@keyframes countdownPop{0%{transform:scale(.5) rotate(-8deg);opacity:0}20%{opacity:1}to{transform:scale(1.15) rotate(0);opacity:.2}}.camera-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background:rgba(var(--ink-rgb),.75);padding:12px 24px;border-radius:var(--radius-pill);font-family:var(--font-tabloid);font-size:18px;font-weight:600;letter-spacing:.18em;z-index:4}.capture-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:22px 60px;min-width:340px;border-radius:var(--radius-pill);background:var(--chrome-capture-bg);color:var(--chrome-capture-text);box-shadow:var(--chrome-capture-shadow);transition:transform var(--dur-fast) var(--ease-out),filter var(--dur-fast) var(--ease-out)}.capture-btn:hover{transform:translateY(-3px);filter:brightness(1.05)}.capture-btn:active{transform:translateY(0)}.capture-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.capture-title{font-family:var(--font-display);font-style:italic;font-size:34px;font-weight:900;letter-spacing:.05em;line-height:1;text-shadow:var(--chrome-capture-title-shadow)}.capture-sub{font-family:var(--font-hand);font-style:italic;font-size:28px;font-weight:500;color:var(--chrome-capture-sub-color);letter-spacing:0}.capture-processing{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--chrome-processing-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);z-index:9;color:var(--chrome-processing-text)}.capture-processing-text{font-family:var(--font-tabloid);font-size:20px;letter-spacing:.2em}.spinner{width:54px;height:54px;border-radius:50%;border:5px solid rgba(255,255,255,.22);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.panel-editor{display:grid;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr);padding:0;background:var(--chrome-page-editor-bg);overflow:hidden}.editor-photo-group{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:var(--space-3) var(--space-3) 0}.editor-photo-col{display:flex;flex-direction:column;align-items:stretch;max-width:100%;gap:var(--space-5);min-height:0}.editor-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;flex:0 1 auto}.editor-stage #editor-canvas{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 608px);aspect-ratio:4 / 5;object-fit:contain;border-radius:8px;box-shadow:var(--chrome-editor-stage-rings);background:#000}.editor-photo-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex:0 0 auto}.stickers-layer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.stickers-layer.active{pointer-events:auto}.sticker{position:absolute;width:96px;height:96px;touch-action:none;transform-origin:center;cursor:grab;-webkit-user-select:none;user-select:none}.sticker img{width:100%;height:100%;pointer-events:none;display:block;filter:var(--chrome-sticker-shadow)}.sticker.selected{outline:2px dashed var(--chrome-sticker-selected);outline-offset:4px}.sticker:active{cursor:grabbing}.sticker-handle{position:absolute;width:34px;height:34px;border-radius:999px;font-family:var(--font-sans);font-size:18px;font-weight:700;line-height:1;display:none;align-items:center;justify-content:center;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:0 3px 10px rgba(var(--ink-rgb),.4),inset 0 0 0 2px var(--ink)}.sticker.selected .sticker-handle{display:flex}.sticker-handle:active{cursor:grabbing}.sticker-delete{top:-14px;left:-14px;background:var(--chrome-sticker-delete-bg);color:#fff;font-size:22px;cursor:pointer}.sticker-rotate{top:-14px;right:-14px;background:var(--chrome-sticker-rotate-bg);color:var(--ink)}.sticker-resize{bottom:-14px;right:-14px;background:var(--chrome-sticker-resize-bg);color:var(--ink)}.editor-rows{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-2) var(--space-4) 120px;background:var(--chrome-rows-bg);min-width:0;min-height:0;overflow:hidden;box-shadow:inset 0 1px 0 var(--chrome-rows-top-hairline)}.editor-row{display:flex;align-items:center;gap:var(--space-4);min-width:0}.editor-row-label{flex:0 0 136px;display:flex;align-items:center;padding-left:4px}.editor-row-label>span{font-family:var(--font-display);font-style:italic;font-size:17px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--chrome-rows-text);text-shadow:var(--chrome-rows-text-shadow);line-height:1}.tool-panel{flex:1 1 auto;display:flex;gap:10px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:4px 2px;scrollbar-width:none;-ms-overflow-style:none;min-width:0;-webkit-overflow-scrolling:touch}.tool-panel::-webkit-scrollbar{display:none}.btn-editor-reset{position:absolute;bottom:var(--space-4);left:var(--space-4);z-index:5;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-style:italic;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--chrome-reset-text);background:var(--chrome-reset-bg);padding:10px 20px;border:1.5px solid var(--chrome-reset-border);border-radius:999px;box-shadow:var(--chrome-reset-shadow);transition:transform var(--dur-fast) var(--ease-out),filter var(--dur-fast) var(--ease-out)}.btn-editor-reset:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn-editor-reset:active{transform:translateY(0)}.btn-editor-reset .reset-icon{display:inline-block;font-size:18px;line-height:1;transition:transform .4s var(--ease-out)}.btn-editor-reset:hover .reset-icon{transform:rotate(-180deg)}.tool-item{flex:0 0 auto;width:78px;height:96px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px;border-radius:8px;background:var(--chrome-tool-bg);color:var(--chrome-tool-text);transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);border:2px solid var(--chrome-tool-border);box-shadow:var(--chrome-tool-shadow)}.tool-item:hover{background:var(--chrome-tool-hover-bg);border-color:var(--chrome-tool-hover-border);transform:translateY(-1px)}.tool-item:active{transform:scale(.96)}.tool-item.active{background:var(--chrome-tool-active-bg);border-color:var(--chrome-tool-active-border);box-shadow:var(--chrome-tool-active-shadow);transform:translateY(-1px)}.tool-item .swatch{width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden;background:var(--chrome-tool-swatch-bg);display:flex;align-items:center;justify-content:center}.tool-item .swatch img{width:100%;height:100%;object-fit:cover}.tool-item .swatch.icon-only img{object-fit:contain;width:78%;height:78%}.tool-item .swatch.swatch-icon{background:var(--chrome-tool-swatch-icon-bg);color:var(--chrome-tool-swatch-icon-color);padding:10px}.tool-item .swatch.swatch-icon svg{width:100%;height:100%;display:block}.tool-item.active .swatch.swatch-icon{background:var(--chrome-tool-swatch-icon-active-bg);color:var(--chrome-tool-swatch-icon-active-color)}.tool-item .label{font-family:var(--font-tabloid);font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-align:center;line-height:1.1;color:var(--chrome-tool-label-color)}.editor-processing{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);background:var(--chrome-processing-bg);z-index:9;color:var(--chrome-processing-text)}#editor-processing-text{font-family:var(--font-tabloid);font-size:18px;letter-spacing:.2em}.panel-confirm{padding:var(--space-5);color:var(--chrome-page-text);background:var(--chrome-page-confirm-bg);overflow:hidden;gap:0;justify-content:flex-start;padding-top:clamp(48px,14vh,160px)}.confirm-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:var(--chrome-confirm-decor)}.confirm-shell{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-5);width:100%;max-width:640px}.confirm-header{text-align:center}.confirm-kicker{font-family:var(--font-tabloid);font-size:18px;font-weight:600;letter-spacing:.42em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px}.confirm-title{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:clamp(40px,6.5vw,64px);line-height:.95;text-transform:uppercase;letter-spacing:.02em;margin:0}.confirm-title .chrome-text{filter:var(--chrome-title-filter)}.confirm-preview{background:#000;border-radius:8px;box-shadow:var(--chrome-editor-stage-rings);overflow:hidden;width:min(60vw,44vh,420px);aspect-ratio:4 / 5;display:flex;align-items:center;justify-content:center}.confirm-preview img{width:100%;height:100%;object-fit:cover;display:block}.confirm-note{max-width:520px;text-align:center;background:var(--chrome-confirm-note-bg);color:var(--chrome-confirm-note-text);padding:var(--space-3) var(--space-4);border:3px solid var(--chrome-confirm-note-border);border-radius:14px;box-shadow:var(--chrome-confirm-note-shadow);transform:rotate(var(--chrome-confirm-note-tilt))}.confirm-note p{margin:0;font-family:var(--font-sans);font-size:24px;font-weight:500;line-height:1.45}.confirm-note strong{color:var(--chrome-confirm-note-strong);font-weight:700}.confirm-note code{background:var(--chrome-confirm-note-code-bg);padding:2px 10px;border-radius:4px;border:1.5px solid var(--ink);font-family:ui-monospace,Menlo,monospace;font-size:20px}.confirm-actions{display:flex;gap:var(--space-4);width:100%;max-width:520px;justify-content:center}.confirm-actions .btn-primary,.confirm-actions .btn-secondary{flex:1}.panel-success{padding:var(--space-6);text-align:center;gap:var(--space-5);background:var(--chrome-page-success-bg);color:var(--chrome-page-text);overflow:hidden}.success-burst{position:absolute;left:50%;top:50%;width:150vmax;height:150vmax;margin-left:-75vmax;margin-top:-75vmax;border-radius:50%;background:var(--chrome-success-burst);filter:blur(3px);animation:spinSlow 60s linear infinite;pointer-events:none;z-index:0}.success-title,.success-sub,.qr-card,.success-actions{position:relative;z-index:1}.success-actions{display:flex;gap:var(--space-4);align-items:center;justify-content:center;flex-wrap:wrap}.success-title{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:clamp(36px,6.5vw,60px);line-height:1;text-transform:uppercase;letter-spacing:.02em}.success-title .chrome-text{filter:var(--chrome-title-filter)}.success-sub{font-family:var(--font-hand);color:var(--chrome-success-sub-color);font-size:28px;font-weight:500;letter-spacing:.02em;margin:0;text-shadow:var(--chrome-script-shadow)}.qr-card{background:var(--chrome-qr-card-bg);padding:var(--space-4) var(--space-5);border-radius:10px;box-shadow:var(--chrome-qr-card-rings);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--chrome-qr-card-text);max-width:320px}.qr-card-top,.qr-card-bottom{width:100%;text-align:center}.qr-card-top{display:var(--chrome-qr-card-top-display);flex-direction:column;align-items:center;gap:6px;padding-bottom:10px;border-bottom:2px dashed var(--chrome-qr-divider)}.qr-lanyard{width:60px;height:12px;background:linear-gradient(90deg,var(--chrome-2),var(--chrome-1),var(--chrome-2));border-radius:4px;display:inline-block;border:2px solid var(--ink)}.qr-label{font-family:var(--font-display);font-style:normal;font-weight:600;font-size:22px;color:var(--chrome-qr-label-color);letter-spacing:.08em;text-transform:uppercase}#qr-canvas{display:block}.qr-link{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--chrome-qr-link-color);margin:0;word-break:break-all;max-width:260px}.qr-card-bottom{display:var(--chrome-qr-card-bottom-display);padding-top:10px;border-top:2px dashed var(--chrome-qr-divider);font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--ink);letter-spacing:.08em}@media (max-width: 1100px),(hover: none) and (pointer: coarse){.page-photobooth{overflow:auto;height:auto;min-height:100dvh}.panel{position:relative;inset:auto;min-height:100dvh;justify-content:flex-start}.panel-editor{overflow:visible}.countdown-overlay{position:fixed}}