.step-container{width:100%;max-width:500px;margin:0 auto;animation:fadeIn .4s ease}.step-title{font-family:Bebas Neue,sans-serif;font-size:clamp(24px,5vw,42px);text-align:center;margin-bottom:clamp(16px,4vh,32px);color:#fff;letter-spacing:.5px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(8px,2vw,12px)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,2vw,12px)}.selection-card{background:var(--surface)!important;border:2px solid var(--border)!important;border-radius:16px!important;cursor:pointer;transition:all .2s!important;text-align:center;user-select:none;outline:none;-webkit-tap-highlight-color:transparent}.selection-card .ant-card-body{padding:clamp(12px,3vh,24px) clamp(8px,2vw,16px)!important}.selection-card:focus{outline:none}.selection-card:active{transform:scale(.95)}.selection-card:hover{border-color:#ffffff26!important;transform:translateY(-2px)!important}.selection-card.selected{border-color:var(--accent)!important;background:#00f0ff14!important;box-shadow:0 0 24px #00f0ff26!important}.selection-card.selected .card-name{color:var(--accent)}.card-emoji{font-size:clamp(28px,7vw,40px);display:block;margin-bottom:clamp(6px,2vh,12px)}.card-name{font-family:Space Mono,monospace;font-size:clamp(11px,2.5vw,13px);font-weight:700;color:var(--text);letter-spacing:.5px}.input-wrapper{margin-bottom:20px}.input-label{font-family:Space Mono,monospace;font-size:11px;letter-spacing:1px;color:var(--muted);text-transform:uppercase;margin-bottom:8px;display:block}.input-field{width:100%;background:var(--surface);border:1.5px solid var(--border);border-radius:12px;padding:14px 16px;color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;outline:none;transition:all .2s;resize:none}.input-field::placeholder{color:var(--muted)}.input-field:focus{border-color:#00f0ff66;background:#00f0ff08;box-shadow:0 0 16px #00f0ff14}.upload-zone{border:2px dashed var(--border);border-radius:16px;padding:clamp(24px,6vh,48px) clamp(16px,4vw,24px);text-align:center;cursor:pointer;transition:all .3s;background:var(--surface);margin-bottom:clamp(12px,3vh,20px);outline:none;-webkit-tap-highlight-color:transparent;user-select:none}.upload-zone:focus{outline:none}.upload-zone:active{transform:scale(.98)}.upload-zone:hover{border-color:#00f0ff66;background:#00f0ff08}.upload-zone.has-image{border-color:var(--accent);padding:0;overflow:hidden;aspect-ratio:1;width:100%;max-width:400px;border-radius:50%;border:3px solid var(--accent);box-shadow:0 0 20px #00f0ff4d}.upload-zone.has-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:50%}.upload-icon{font-size:clamp(32px,8vw,48px);margin-bottom:clamp(8px,2vh,16px);display:block}.upload-text{font-size:clamp(14px,3vw,16px);color:var(--text);margin-bottom:clamp(4px,1vh,8px);font-weight:500}.upload-hint{font-size:clamp(11px,2.5vw,13px);color:var(--muted)}.camera-btn-large{background:var(--surface2)!important;border:2px solid var(--border)!important;border-radius:14px!important;color:var(--text)!important;font-family:Space Mono,monospace!important;font-size:clamp(13px,2.8vw,15px)!important;font-weight:700!important;height:clamp(44px,9vh,52px)!important;margin-top:clamp(8px,2vh,12px)}.camera-btn-large:hover{border-color:var(--accent)!important;background:#00f0ff0d!important;color:var(--accent)!important}.camera-view{text-align:center}.camera-controls{display:flex;gap:12px;margin-bottom:20px}.camera-btn{flex:1;padding:12px;background:var(--surface2);border:1.5px solid var(--border);border-radius:12px;color:var(--text);font-family:Space Mono,monospace;font-size:12px;cursor:pointer;transition:all .2s}.camera-btn.active{border-color:var(--accent);background:#00f0ff14;color:var(--accent)}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cameraFlash{0%{opacity:0}10%{opacity:1}to{opacity:0}}@keyframes cameraFlashSlow{0%{opacity:0}5%{opacity:1}15%{opacity:1}to{opacity:0}}.notes-input.ant-input,.notes-input.ant-input-textarea{color:var(--text)!important}.notes-input.ant-input::placeholder,.notes-input.ant-input-textarea textarea::placeholder{color:#ffffff80!important}.notes-input.ant-input-affix-wrapper .ant-input{color:var(--text)!important}.ant-input-show-count .ant-input-data-count{color:#fff9!important;font-size:12px!important}.ant-input-textarea-show-count:after{color:#fff9!important;font-size:12px!important}@media (max-width: 480px){.grid-3{grid-template-columns:repeat(2,1fr);gap:8px}.grid-2{gap:8px}.card{padding:12px 8px}.card-emoji{font-size:28px;margin-bottom:6px}.card-name{font-size:11px}.upload-zone.has-image{max-width:280px}.step-title{font-size:26px;margin-bottom:16px}.upload-zone{padding:24px 16px;margin-bottom:12px}.camera-btn-large{height:44px!important;font-size:13px!important}}@media (min-width: 481px) and (max-width: 768px){.upload-zone.has-image{max-width:340px}.card-emoji{font-size:36px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #00f0ff4d,0 0 40px #00f0ff1a}50%{box-shadow:0 0 40px #00f0ff99,0 0 80px #00f0ff33}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInOut{0%{opacity:0;transform:translateY(8px)}15%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes float{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-120px) rotate(360deg);opacity:0}}@keyframes progressFlow{0%{width:5%}30%{width:40%}60%{width:70%}85%{width:88%}to{width:92%}}.processing{text-align:center;padding:20px;animation:fadeUp .4s ease}.process-ring-wrapper{position:relative;width:100px;height:100px;margin:0 auto 32px}.process-ring-outer{position:absolute;inset:0;border:2px solid transparent;border-top-color:var(--accent);border-right-color:#00f0ff4d;border-radius:50%;animation:spin 1.2s linear infinite;animation:pulseGlow 2s ease infinite}.process-ring-outer:before{content:"";position:absolute;inset:0;border:2px solid transparent;border-top-color:var(--accent);border-right-color:#00f0ff4d;border-radius:50%;animation:spin 1.2s linear infinite}.process-ring-mid{position:absolute;inset:12px;border:2px solid transparent;border-bottom-color:#ff3cac;border-left-color:#ff3cac4d;border-radius:50%;animation:spinReverse 1.8s linear infinite}.process-ring-inner{position:absolute;inset:26px;border:2px solid transparent;border-top-color:#a855f7;border-radius:50%;animation:spin 2.5s linear infinite}.process-ring-center{position:absolute;inset:38px;background:radial-gradient(circle,rgba(0,240,255,.15),transparent);border-radius:50%;animation:pulse 1.5s ease infinite}.process-ring{width:64px;height:64px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 24px}.process-message{font-family:Space Mono,monospace;font-size:13px;color:var(--accent);letter-spacing:.5px;min-height:24px;margin-bottom:8px;animation:fadeInOut 3s ease forwards}.particles-wrapper{position:relative;height:0;overflow:visible;pointer-events:none}.particle{position:absolute;font-size:18px;animation:float linear forwards;opacity:0}.process-progress-bar{width:280px;height:3px;background:var(--border);border-radius:100px;margin:24px auto 0;overflow:hidden}.process-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#ff3cac,#a855f7);border-radius:100px;animation:progressFlow 30s ease forwards}.process-title{font-family:Bebas Neue,sans-serif;font-size:28px;letter-spacing:1px;margin-bottom:8px;color:#fff}.process-step{font-family:Space Mono,monospace;font-size:11px;color:var(--accent);letter-spacing:1px;animation:pulse 2s ease infinite}.process-steps-list{margin-top:32px;display:flex;flex-direction:column;gap:8px;text-align:left;max-width:320px;margin-left:auto;margin-right:auto}.ps-item{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);font-family:Space Mono,monospace}.ps-item.done{color:var(--accent)}.ps-item.active{color:var(--text)}.ps-icon{width:20px;height:20px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:9px;flex-shrink:0}.ps-item.done .ps-icon{border-color:var(--accent);background:#00f0ff1a;color:var(--accent)}.ps-item.active .ps-icon{border-color:var(--accent);animation:pulse 1s ease infinite}.postcard-preview{margin-top:40px;text-align:center;background:var(--surface2);border:3px solid var(--accent2);border-radius:20px;padding:32px;max-width:95%;width:700px;margin-left:auto;margin-right:auto;box-shadow:0 0 40px #ff3cac4d;animation:fadeUp .6s ease}.postcard-preview h3{font-family:Bebas Neue,sans-serif;font-size:28px;color:var(--accent2);margin-bottom:24px;letter-spacing:3px;text-shadow:0 0 20px rgba(255,60,172,.5)}.postcard-container{background:#fff;border-radius:16px;padding:20px;margin-bottom:24px;display:flex;justify-content:center;align-items:center;box-shadow:0 8px 32px #0003}.postcard-container svg{width:100%;max-width:600px;height:auto;display:block;border-radius:12px}.download-buttons{display:flex;gap:12px;justify-content:center}.share-btn{background:linear-gradient(135deg,var(--accent2),#a855f7);color:#fff;border:none;padding:12px 24px;border-radius:100px;font-family:Space Mono,monospace;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #ff3cac4d}.share-btn:hover{box-shadow:0 4px 24px #ff3cac80;transform:translateY(-2px)}.avatar-preview{margin-top:40px;text-align:center;background:var(--surface2);border:2px solid var(--accent);border-radius:16px;padding:24px;max-width:500px;margin-left:auto;margin-right:auto;box-shadow:0 0 30px #00f0ff33}.avatar-preview h3{font-family:Bebas Neue,sans-serif;font-size:18px;color:var(--accent);margin-bottom:20px;letter-spacing:2px}.avatar-svg-container,.avatar-img-container{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;display:inline-block}.avatar-img-container img{max-width:400px;height:auto;border-radius:8px;display:block}.avatar-svg-container svg{max-width:100%;height:auto}.download-btn{display:inline-block;background:var(--accent);color:#080810;text-decoration:none;padding:12px 24px;border-radius:100px;font-family:Space Mono,monospace;font-size:12px;font-weight:700;transition:all .2s;box-shadow:0 4px 16px #00f0ff4d}.download-btn:hover{background:#30f5ff;box-shadow:0 4px 24px #00f0ff80;transform:translateY(-2px)}.debug-info{margin-top:40px;text-align:left;background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:20px;max-width:500px;margin-left:auto;margin-right:auto}.debug-info h3{font-family:Space Mono,monospace;font-size:12px;color:var(--accent);margin-bottom:12px}.debug-info pre{font-family:Space Mono,monospace;font-size:10px;color:var(--text);overflow-x:auto;line-height:1.6}.postcard-preview-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:clamp(12px,3vw,20px);animation:fadeIn .5s ease;overflow-y:auto}.postcard-preview-content{width:100%;max-width:600px}@media (max-width: 480px){.postcard-preview-container{padding:20px 12px 16px;align-items:flex-start}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.debug-overlay{position:fixed;inset:0;z-index:9999;background:#080810;display:flex;flex-direction:column;overflow:hidden;font-family:DM Sans,sans-serif;animation:debugFadeIn .2s ease}@keyframes debugFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.debug-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:52px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0;background:#0a0a16}.debug-topbar-left{display:flex;align-items:center;gap:12px}.debug-topbar-logo{font-family:Bebas Neue,sans-serif;font-size:18px;letter-spacing:3px;color:var(--accent, #00f0ff)}.debug-combo-badge{display:flex;align-items:center;gap:6px;background:#00f0ff14;border:1px solid rgba(0,240,255,.2);border-radius:20px;padding:4px 12px;font-size:12px;color:#ffffffbf;letter-spacing:.5px;max-width:460px;overflow:hidden;white-space:nowrap}.debug-combo-badge span{color:var(--accent, #00f0ff);font-weight:600}.debug-topbar-right{display:flex;align-items:center;gap:10px}.debug-shortcut-hint{font-size:11px;color:#ffffff40;letter-spacing:.5px}.debug-close-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .15s;line-height:1}.debug-close-btn:hover{background:#ff3c3c26;border-color:#ff3c3c66;color:#ff6b6b}.debug-body{display:flex;flex:1;overflow:hidden}.debug-sidebar{width:268px;flex-shrink:0;border-right:1px solid rgba(255,255,255,.07);overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:4px;background:#09090f}.debug-sidebar::-webkit-scrollbar{width:4px}.debug-sidebar::-webkit-scrollbar-track{background:transparent}.debug-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.debug-section{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.debug-section-label{font-size:10px;font-weight:700;letter-spacing:2px;color:#ffffff4d;text-transform:uppercase;padding:0 2px}.debug-pills{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.debug-pill{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 6px 7px;cursor:pointer;text-align:center;transition:all .15s;color:#ffffff8c;font-size:11px;font-weight:500;line-height:1.3;display:flex;flex-direction:column;align-items:center;gap:3px;user-select:none}.debug-pill:hover{background:#ffffff14;border-color:#ffffff2e;color:#ffffffd9;transform:translateY(-1px)}.debug-pill.active{background:#00f0ff1a;border-color:#00f0ff80;color:var(--accent, #00f0ff);box-shadow:0 0 12px #00f0ff26}.debug-pill-emoji{font-size:16px;line-height:1}.debug-divider{height:1px;background:#ffffff0f;margin:6px 0}.debug-input-group{display:flex;flex-direction:column;gap:6px}.debug-input-label{font-size:10px;font-weight:700;letter-spacing:2px;color:#ffffff4d;text-transform:uppercase}.debug-input{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:9px 12px;color:#ffffffd9;font-size:13px;font-family:DM Sans,sans-serif;outline:none;width:100%;box-sizing:border-box;transition:border-color .15s}.debug-input:focus{border-color:#00f0ff66;background:#00f0ff0a}.debug-input::placeholder{color:#fff3}.debug-actions{display:flex;gap:8px;margin-top:4px}.debug-btn{flex:1;padding:10px 8px;border-radius:10px;border:none;cursor:pointer;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}.debug-btn-random{background:linear-gradient(135deg,#ff3cac33,#00f0ff33);border:1px solid rgba(255,60,172,.35);color:#ff9edc}.debug-btn-random:hover{background:linear-gradient(135deg,#ff3cac59,#00f0ff4d);transform:translateY(-1px);box-shadow:0 4px 16px #ff3cac33}.debug-preview-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto;padding:20px;gap:20px;background:#060610;background-image:radial-gradient(circle at 20% 20%,rgba(0,240,255,.025) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,60,172,.025) 0%,transparent 50%)}.debug-format-tabs{display:flex;gap:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:4px}.debug-format-tab{padding:7px 18px;border-radius:8px;border:none;background:transparent;color:#ffffff73;cursor:pointer;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;letter-spacing:.5px;transition:all .15s;display:flex;align-items:center;gap:6px}.debug-format-tab:hover{color:#ffffffbf;background:#ffffff0f}.debug-format-tab.active{background:#00f0ff1f;border:1px solid rgba(0,240,255,.35);color:var(--accent, #00f0ff);box-shadow:0 0 12px #00f0ff1a}.debug-player-frame{border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 20px 60px #0009,0 0 80px #00f0ff0a;background:#000;position:relative;flex-shrink:0;transition:all .3s ease}.debug-player-frame:before{content:"";position:absolute;inset:-1px;border-radius:17px;background:linear-gradient(135deg,rgba(0,240,255,.2),transparent 40%,rgba(255,60,172,.15));z-index:-1;pointer-events:none}.debug-fx-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:4px 12px;font-size:11px;color:#ffffff80;letter-spacing:.5px}.debug-fx-badge strong{color:#fffc}.debug-trigger{position:fixed;bottom:24px;right:20px;z-index:100;background:#0e0e1ad9;backdrop-filter:blur(8px);border:1px solid rgba(0,240,255,.25);border-radius:12px;padding:8px 14px;color:#00f0ffbf;font-size:12px;font-weight:600;font-family:DM Sans,sans-serif;letter-spacing:1px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s}.debug-trigger:hover{border-color:#00f0ff99;color:var(--accent, #00f0ff);box-shadow:0 0 20px #00f0ff26;transform:translateY(-1px)}@media (max-width: 720px){.debug-body{flex-direction:column}.debug-sidebar{width:100%;max-height:42vh;border-right:none;border-bottom:1px solid rgba(255,255,255,.07)}.debug-preview-area{padding:12px}.debug-combo-badge,.debug-shortcut-hint{display:none}}