@font-face{font-family:Pretendard Variable;src:url(/fonts/PretendardVariable.woff2) format("woff2");font-weight:45 920;font-style:normal;font-display:swap}@font-face{font-family:GmarketSansBold;src:url(/fonts/GmarketSansBold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--color-bg: #f7f5f0;--color-surface: #ffffff;--color-surface-2: #f0ede5;--color-border: #e4e0d6;--color-text: #1b1912;--color-text-dim: #837d6e;--color-accent: #ffd60a;--color-accent-pressed: #f0c800;--color-on-accent: #1b1912;--color-danger: #e0311c;--color-success: #1e9e50;--color-info: #0a7aff;--color-overlay: rgba(27, 25, 18, .48);--color-flash: #ffffff;--color-frame: #000000;--shadow-card: 0 1px 2px rgba(27, 25, 15, .05), 0 8px 24px rgba(27, 25, 15, .06);--shadow-lift: 0 24px 64px rgba(27, 25, 15, .18);--shadow-selected: 0 8px 32px rgba(255, 214, 10, .35);--shadow-glow-accent: 0 8px 24px rgba(255, 214, 10, .45);--font-stack: "Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-display: "GmarketSansBold", "Pretendard Variable", Pretendard, -apple-system, sans-serif;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-8: 64px;--space-12: 96px;--safe: 64px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font-stack);-webkit-font-smoothing:antialiased}button{font-family:inherit;color:inherit;border:none;background:none;cursor:pointer}.num{font-variant-numeric:tabular-nums}.dim{color:var(--color-text-dim)}.accent{color:var(--color-accent)}.mirrored{transform:scaleX(-1)}.kiosk-root{width:100%;height:100%;display:grid;place-items:center;place-content:center;overflow:hidden;background:#e9e6de;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.kiosk-stage{position:relative;flex:none;background:var(--color-bg);overflow:hidden}.screen,.screen-motion{position:absolute;top:0;right:0;bottom:0;left:0}.screen-title{position:absolute;left:var(--safe);top:var(--safe);margin:0;font-size:56px;line-height:1.25;font-weight:800;letter-spacing:-.005em}.screen-title.centered{left:0;right:0;top:540px;text-align:center}.caption{margin:0;font-size:28px;line-height:1.4}.btn-hero{position:absolute;left:750px;top:460px;width:420px;height:160px;overflow:hidden;border-radius:80px;background:var(--color-accent);color:var(--color-on-accent);font-family:var(--font-display);font-size:56px;font-weight:700;letter-spacing:4px;display:inline-flex;align-items:center;justify-content:center;outline:3px solid rgba(27,25,15,.14);outline-offset:7px;animation:breathing 2s ease-in-out infinite}.btn-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);background-size:260% 100%;background-repeat:no-repeat;animation:hero-shine 3.6s ease-in-out infinite;pointer-events:none}@keyframes hero-shine{0%{background-position:130% 0}55%,to{background-position:-40% 0}}@keyframes breathing{0%,to{transform:scale(1);box-shadow:0 8px 24px #ffd60a73}50%{transform:scale(1.05);box-shadow:0 12px 48px #ffd60a8c}}.btn-primary{min-width:300px;height:96px;padding:0 48px;border-radius:48px;background:var(--color-accent);color:var(--color-on-accent);font-size:32px;font-weight:700;letter-spacing:-.005em;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-card);transition:transform .12s ease-out}.btn-primary:active:not(:disabled){transform:scale(.97);background:var(--color-accent-pressed)}.btn-primary:disabled{opacity:.35;pointer-events:none}.btn-primary.block{width:100%;margin-top:var(--space-5)}.btn-stepper{width:96px;height:96px;border-radius:24px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);font-size:44px;font-weight:700}.btn-stepper:active:not(:disabled){border-color:var(--color-accent);transform:scale(.97)}.btn-stepper:disabled{opacity:.35;pointer-events:none}.attract{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:.55;pointer-events:none}.attract-track{position:absolute;top:-140px;left:0;display:flex;gap:120px;animation:attract-slide 40s linear infinite;will-change:transform;-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent 99%);mask-image:linear-gradient(to bottom,#000 72%,transparent 99%)}.attract-strip{flex-shrink:0;width:150px;height:460px;background:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 12px 32px #1b190f12;padding:18px 14px;display:flex;flex-direction:column;gap:14px;animation:strip-sway 5s ease-in-out infinite alternate}.attract-strip:nth-child(2n){animation-delay:-2.5s;animation-duration:6s}.attract-strip .attract-slot{flex:1;border-radius:4px;background:linear-gradient(160deg,#e3e2dd,#d0cec8)}@keyframes attract-slide{to{transform:translate(-50%)}}@keyframes strip-sway{0%{transform:rotate(-7deg)}to{transform:rotate(6deg)}}.wordmark{position:absolute;top:180px;left:0;right:0;margin:0;text-align:center;font-family:var(--font-display);font-size:68px;font-weight:700;letter-spacing:-.02em}.start-caption{position:absolute;top:652px;left:0;right:0;margin:0;text-align:center;font-size:28px;color:var(--color-text-dim)}.select-divider{position:absolute;left:960px;top:200px;width:1px;height:720px;background:var(--color-border)}.zone{position:absolute;top:200px;bottom:160px}.zone-left{left:0;width:960px}.zone-right{left:960px;width:960px}.section-label{margin:0;text-align:center;font-size:40px;line-height:1.3;font-weight:700}.frame-cards{position:absolute;top:100px;left:156px;display:flex;gap:48px}.option-card{position:relative;width:300px;height:440px;border-radius:24px;background:var(--color-surface);border:2px solid var(--color-border);box-shadow:var(--shadow-card);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);transition:transform .12s ease-out}.option-card.is-selected{border:4px solid var(--color-accent);box-shadow:var(--shadow-selected)}.option-card:active{transform:scale(.98)}.option-card-label{font-size:32px;font-weight:700}.check-chip{position:absolute;top:16px;right:16px;width:56px;height:56px;border-radius:50%;background:var(--color-accent)}.check-chip:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:24px;border:solid var(--color-on-accent);border-width:0 4px 4px 0;transform:translate(-50%,-58%) rotate(45deg)}.frame-thumb{position:relative;background:var(--color-frame);border-radius:8px}.frame-thumb span{position:absolute;background:var(--color-surface-2);border-radius:2px}.stepper{position:absolute;top:180px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:24px}.stepper-value{width:200px;height:96px;display:grid;place-items:center;font-family:var(--font-display);font-size:72px;font-weight:700}.zone-right .caption{position:absolute;left:0;right:0;text-align:center;color:var(--color-text-dim)}.zone-right .caption:nth-of-type(1){top:300px}.zone-right .caption:nth-of-type(2){top:344px}.bottom-bar{position:absolute;left:0;bottom:0;width:1920px;height:160px;padding:0 var(--safe);background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.bottom-summary{display:flex;align-items:baseline;gap:var(--space-3)}.bar-label{font-size:28px;color:var(--color-text-dim)}.bar-amount{font-family:var(--font-display);font-size:56px;font-weight:700;color:var(--color-text)}.bar-sub{font-size:28px;color:var(--color-text-dim)}.bottom-cta{position:relative;display:flex;flex-direction:row;align-items:center;gap:var(--space-3)}.cta-hint{position:static;white-space:nowrap;font-size:24px;color:var(--color-text-dim)}.card-target{position:absolute;left:850px;top:240px;width:220px;height:200px;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-text);animation:card-hint 2s ease-in-out infinite}@keyframes card-hint{0%,to{transform:translateY(-8px)}50%{transform:translateY(8px)}}.card-icon{width:220px;height:160px}.card-label{font-size:24px;font-weight:700;letter-spacing:6px;color:var(--color-text-dim)}.pay-lead{position:absolute;top:540px;left:0;right:0;margin:0;text-align:center;font-size:56px;font-weight:800}.pay-amount-label{position:absolute;top:648px;left:0;right:0;text-align:center;color:var(--color-text-dim)}.pay-amount{position:absolute;top:686px;left:0;right:0;margin:0;text-align:center;font-family:var(--font-display);font-size:72px;font-weight:700;color:var(--color-text)}.pay-sub{position:absolute;top:800px;left:0;right:0;text-align:center;color:var(--color-text-dim)}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);display:grid;place-items:center;z-index:40;animation:fade-in .16s ease-out}@keyframes fade-in{0%{opacity:0}}.modal-card{width:720px;min-height:360px;padding:56px;border-radius:28px;background:var(--color-surface);box-shadow:var(--shadow-lift);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);animation:modal-in .16s ease-out}@keyframes modal-in{0%{transform:scale(.96) translateY(8px)}}.modal-title{margin:0;font-size:44px;font-weight:800}.modal-body{margin:0;font-size:32px;line-height:1.4}.modal-body.danger{color:var(--color-danger)}.modal-icon.danger{width:72px;height:72px;border-radius:50%;border:4px solid var(--color-danger);color:var(--color-danger);display:grid;place-items:center;font-size:40px;font-weight:800}.spinner{width:72px;height:72px;border-radius:50%;border:6px solid var(--color-border);border-top-color:var(--color-accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dev-panel{position:absolute;left:32px;bottom:32px;padding:16px;border-radius:16px;background:#ffffffd9;border:1px solid var(--color-border);box-shadow:var(--shadow-card);display:flex;align-items:center;gap:8px}.dev-panel-title{font-size:18px;color:var(--color-info);margin-right:8px}.dev-chip{padding:10px 16px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface-2);font-size:18px}.dev-chip.is-active{background:var(--color-info);color:#000}.dev-link{position:absolute;left:32px;bottom:32px;font-size:18px;color:var(--color-info)}.light-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s ease-out;background:radial-gradient(ellipse at 50% 30%,rgba(255,236,160,.4),transparent 62%)}.light-on .light-glow{opacity:1}.preview{position:absolute;left:240px;top:140px;width:1440px;height:810px;background:#141418;overflow:hidden}.preview.is-frozen{outline:6px solid var(--color-text)}.preview-video,.preview-still{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.preview-still{z-index:1}.preview-error{position:absolute;left:0;right:0;top:50%;text-align:center;font-size:28px;color:var(--color-danger)}.corner{position:absolute;width:40px;height:40px;border:4px solid #fff;z-index:2}.corner.tl{left:24px;top:24px;border-right:none;border-bottom:none}.corner.tr{right:24px;top:24px;border-left:none;border-bottom:none}.corner.bl{left:24px;bottom:24px;border-right:none;border-top:none}.corner.br{right:24px;bottom:24px;border-left:none;border-top:none}.shutter-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-flash);pointer-events:none;z-index:5;animation:flash .16s ease-out forwards}@keyframes flash{0%{opacity:0}40%{opacity:.9}to{opacity:0}}.progress-dots{position:absolute;left:0;right:0;bottom:48px;display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.dots{display:flex;gap:16px}.dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--color-border);background:var(--color-surface)}.dot.is-done{background:var(--color-accent);border-color:var(--color-accent-pressed)}.dot.is-current{border-color:var(--color-accent-pressed);animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.25)}}.progress-count{font-family:var(--font-display);font-size:44px;font-weight:700}.countdown{position:absolute;top:48px;right:48px;width:152px;height:152px;border-radius:50%;background:#ffffffe0;border:1px solid var(--color-border);box-shadow:var(--shadow-card);display:grid;place-items:center;z-index:4}.countdown svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.countdown-track{fill:none;stroke:var(--color-border);stroke-width:10}.countdown-ring{fill:none;stroke:var(--color-accent);stroke-width:10;stroke-linecap:round}.countdown-value{font-family:var(--font-display);font-size:64px;font-weight:700;line-height:1;transform:translateY(-6px)}.countdown-unit{position:absolute;bottom:26px;font-size:20px;font-weight:500;color:var(--color-text-dim)}.countdown.is-warning{animation:pulse 1s ease-in-out infinite}.countdown.is-warning .countdown-ring{stroke:var(--color-danger)}.countdown.is-warning .countdown-value{color:var(--color-danger)}.pick-preview{position:absolute;left:64px;top:60px;width:536px;height:940px;display:grid;place-items:center}.frame-preview{position:relative;background:var(--color-frame)}.frame-slot{position:absolute;border:2px dashed var(--color-border);display:grid;place-items:center;overflow:hidden}.frame-slot.is-filled{border:none}.frame-slot img{width:100%;height:100%;object-fit:cover;animation:slot-in .18s ease-out}@keyframes slot-in{0%{opacity:0;transform:scale(.94)}}.slot-index{font-size:32px;color:#ffffff73}.pick-main{position:absolute;left:664px;top:84px;width:1192px}.pick-title{margin:0 0 var(--space-2);font-size:48px;font-weight:800}.pick-title .count-chip{display:inline-block;vertical-align:middle;margin-left:var(--space-2);padding:8px 24px;border-radius:999px;background:var(--color-accent);color:var(--color-on-accent);font-variant-numeric:tabular-nums}.thumb-grid{margin-top:var(--space-6);display:grid;grid-template-columns:repeat(4,280px);gap:24px}.thumb{position:relative;width:280px;height:187px;border-radius:12px;overflow:hidden;border:4px solid transparent;background:var(--color-surface-2);transition:transform .12s ease-out,opacity .12s ease-out}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb.is-selected{border-color:var(--color-accent)}.thumb.is-dimmed{opacity:.4}.order-chip{position:absolute;left:8px;top:8px;width:56px;height:56px;border-radius:50%;background:var(--color-accent);color:var(--color-on-accent);display:grid;place-items:center;font-size:28px;font-weight:800}.filter-preview{position:absolute;left:64px;top:180px;width:896px;height:864px;display:grid;place-items:center}.filter-preview canvas{background:var(--color-frame)}.filter-options{position:absolute;left:1290px;top:280px;display:flex;flex-direction:column;gap:80px}.swatch-button{position:relative;width:300px;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.swatch{width:220px;height:220px;border-radius:28px;border:2px solid var(--color-border)}.swatch-color{background:linear-gradient(135deg,#ff6b6b,#ffd60a 35%,#30d158 65%,#64d2ff)}.swatch-bw{background:linear-gradient(135deg,#fafafa,#7a7a7a 50%,#1a1a1a)}.swatch-button.is-selected .swatch{border:4px solid var(--color-accent);box-shadow:0 0 32px #ffd60a40}.swatch-button .check-chip{top:16px;right:24px}.swatch-label{font-size:36px;font-weight:700}.screen-print{display:grid;place-content:center;justify-items:center;gap:var(--space-5)}.print-icon{width:180px;height:180px;color:var(--color-text)}.print-icon .paper{transform-box:fill-box;transform-origin:center;animation:paper-out 1.4s ease-in-out infinite alternate}@keyframes paper-out{0%{transform:translateY(-14px)}to{transform:translateY(10px)}}.print-icon.success{color:var(--color-success);width:160px;height:160px}.print-icon.danger{color:var(--color-danger);width:120px;height:120px}.screen-print .screen-title{position:static;text-align:center}.print-count{margin:0;font-size:44px;font-weight:800;color:var(--color-text)}.print-bar{width:640px;height:12px;border-radius:6px;background:var(--color-surface-2);overflow:hidden}.print-bar-fill{height:100%;background:var(--color-accent);transition:width .4s ease-out}.print-alert{margin:0;max-width:1200px;text-align:center;font-size:44px;line-height:1.35;font-weight:800}@media (prefers-reduced-motion: reduce){.kiosk-stage *{animation:none!important}}.sparkle{position:absolute;z-index:1;animation:sparkle-twinkle 2.6s ease-in-out infinite;pointer-events:none}@keyframes sparkle-twinkle{0%,to{transform:scale(.55) rotate(-14deg);opacity:.45}50%{transform:scale(1) rotate(10deg);opacity:1}}.print-done-title{display:inline-block;padding:4px 32px 10px;border-radius:16px;background:linear-gradient(100deg,transparent 1%,rgba(255,214,10,.55) 4% 96%,transparent 99%);transform:rotate(-1.2deg)}.dev-menu{position:fixed;right:24px;bottom:24px;z-index:50;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.dev-menu-pop{display:flex;flex-direction:column;gap:6px;min-width:220px;padding:12px;border-radius:16px;background:#fffffff5;border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.dev-menu-pop .dev-chip{width:100%;text-align:left}.dev-menu-fab{padding:10px 20px;border-radius:999px;background:#1b1912bf;color:#fff;font-size:14px;font-weight:700;letter-spacing:.06em}.dev-menu-fab.has-flags{background:var(--color-accent);color:#000}.touch-sparkle-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:6}.touch-sparkle{position:absolute;filter:drop-shadow(0 0 6px rgba(255,214,10,.5));animation:touch-sparkle-fly var(--dur) cubic-bezier(.16,1,.3,1) forwards}@keyframes touch-sparkle-fly{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0)}10%{opacity:1;transform:translate(calc(-50% + var(--dx) * .2),calc(-50% + var(--dy) * .2)) scale(1.3) rotate(calc(var(--rot) * .25))}60%{opacity:1;transform:translate(calc(-50% + var(--dx) * .65),calc(-50% + var(--dy) * .65)) scale(1) rotate(calc(var(--rot) * .65))}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.4) rotate(var(--rot))}}.admin{display:grid;grid-template-columns:240px 1fr;min-height:100%}.admin-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);padding:24px 0;display:flex;flex-direction:column;gap:4px}.admin-brand{margin:0 0 16px;padding:0 24px;font-size:20px;font-weight:700}.admin-menu{width:100%;padding:12px 24px;text-align:left;font-size:15px;border-left:4px solid transparent;color:var(--color-text-dim)}.admin-menu.is-active{border-left-color:var(--color-accent);color:var(--color-text);background:var(--color-surface-2)}.admin-kiosk-link{margin-top:auto;padding:12px 24px;font-size:13px;color:var(--color-info);text-decoration:none}.admin-content{padding:40px;min-width:0;max-width:1160px}.admin-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-card);padding:24px;margin-bottom:24px}.admin-section{margin:0 0 16px;font-size:20px;font-weight:700}.admin-caption{font-size:13px;color:var(--color-text-dim)}.admin-error{font-size:15px;color:var(--color-danger)}.admin-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-input{width:160px;padding:8px 12px;font-size:15px;font-family:inherit;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-variant-numeric:tabular-nums}.admin-btn{padding:10px 20px;border-radius:8px;background:var(--color-surface-2);border:1px solid var(--color-border);font-size:15px;color:var(--color-text);text-decoration:none;display:inline-block}.admin-btn.primary{background:var(--color-accent);color:var(--color-on-accent);border-color:transparent;font-weight:700}.admin-btn.danger{background:var(--color-danger);color:#fff;border-color:transparent}.admin-btn:disabled{opacity:.4;cursor:not-allowed}.admin-tabs{display:flex;gap:8px;margin-bottom:16px}.admin-tab{padding:8px 20px;border-radius:999px;border:1px solid var(--color-border);font-size:15px;color:var(--color-text-dim)}.admin-tab.is-active{background:var(--color-accent);color:var(--color-on-accent);font-weight:700}.admin-filter-grid{display:grid;grid-template-columns:1fr 240px;gap:32px;margin-bottom:16px}.admin-slider{display:grid;grid-template-columns:96px 1fr 48px;align-items:center;gap:12px;font-size:15px;margin-bottom:8px}.admin-slider input[type=range]{accent-color:var(--color-accent)}.admin-slider-value{text-align:right;color:var(--color-text-dim)}.admin-preview-swatch{width:240px;height:160px;border-radius:8px;background:linear-gradient(135deg,#ff6b6b,#ffd60a 30%,#30d158 60%,#64d2ff 85%,#1a1a1a)}.admin-table{width:100%;border-collapse:collapse;font-size:15px}.admin-table th{text-align:left;font-size:13px;font-weight:400;color:var(--color-text-dim);padding-bottom:8px}.admin-table td{height:56px;border-bottom:1px solid var(--color-border)}.badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700}.badge.success{background:var(--color-success);color:#062}.badge.danger{background:var(--color-danger);color:#fff}.admin-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.admin-photo{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:12px;padding:12px}.admin-photo img{width:100%;background:#000;border-radius:6px;margin-bottom:8px}.admin-photo p{margin:2px 0}.admin-toggle{width:56px;height:32px;border-radius:999px;background:var(--color-surface-2);border:1px solid var(--color-border);position:relative}.admin-toggle span{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--color-text-dim);transition:transform .16s ease-out}.admin-toggle.is-on{background:var(--color-accent)}.admin-toggle.is-on span{transform:translate(24px);background:var(--color-on-accent)}@media (prefers-reduced-motion: reduce){.admin *{transition:none!important;animation:none!important}}