@keyframes posterPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmerCreate{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes checkIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes snowflakeSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dotPulse{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes progressTextFade{0%{opacity:0;transform:translateY(4px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes skeletonFadeIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes skeletonGlow{0%,to{box-shadow:0 0 #e85d3b00}50%{box-shadow:0 0 20px #e85d3b14,inset 0 0 30px #e85d3b08}}.back-link{align-self:flex-start;display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;color:var(--gray-400);text-decoration:none;transition:color .2s ease}.back-link:hover{color:var(--white)}.steps-indicator{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:3rem}.step-item{display:flex;align-items:center}.step-connector{width:32px;height:2px;background:var(--gray-700);transition:background .3s ease}.step-connector.filled{background:var(--orange)}.step-dot{display:flex;flex-direction:column;align-items:center;gap:.25rem}.step-dot-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--navy-light);border:2px solid var(--gray-700);color:var(--gray-500);font-family:Inter,sans-serif;font-size:.8125rem;font-weight:600;transition:all .2s ease;flex-shrink:0}.step-dot.active .step-dot-number{background:var(--orange);border-color:var(--orange);color:var(--white);box-shadow:0 0 16px #e85d3b59}.step-dot.completed .step-dot-number{background:var(--orange);border-color:var(--orange);color:var(--white)}.step-dot-label{display:none;font-size:.6875rem;font-weight:500;color:var(--gray-400);text-align:center;white-space:nowrap}.step-dot.active .step-dot-label,.step-dot.completed .step-dot-label{color:var(--gray-200)}.step-section{display:flex;flex-direction:column;gap:1rem;animation:fadeSlideIn .4s ease}.error-retry-btn{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#fca5a5;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:600;cursor:pointer;padding:.375rem .875rem;border-radius:6px;white-space:nowrap;transition:all .2s ease}.error-retry-btn:hover{background:#ef44444d;border-color:#ef444499}.error-dismiss-btn{background:none;border:none;color:#fca5a5;font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .2s ease}.error-dismiss-btn:hover{background:#ef444433}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:240px;max-width:640px;margin:0 auto;padding:2.5rem 2rem;border:2px dashed var(--gray-700);border-radius:16px;background:var(--frost-blue);text-align:center;cursor:pointer;transition:all .2s ease}.upload-zone:hover{border-color:var(--orange);background:#e85d3b0a}.upload-zone.drag-accept{border-color:var(--orange);background:#e85d3b14;box-shadow:0 0 24px #e85d3b1f}.upload-zone.drag-reject{border-color:#ef4444;background:#ef444414}.upload-zone p{color:var(--gray-400);font-size:.9375rem;margin-top:1rem;line-height:1.6}.upload-zone svg{width:56px;height:56px;color:var(--orange);opacity:.7;margin-bottom:.5rem;transition:opacity .2s ease}.upload-zone:hover svg{opacity:1}.upload-preview{position:relative;max-width:640px;margin:0 auto;border-radius:12px;overflow:hidden;animation:fadeSlideIn .4s ease}.upload-preview img{width:100%;height:auto;max-height:400px;-o-object-fit:cover;object-fit:cover;display:block;border-radius:12px}.customize-header-row{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.customize-photo-context{width:56px;border-radius:8px;overflow:hidden;border:1px solid var(--gray-700);flex-shrink:0}.mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;border:none;padding:0;margin:0}.mode-card-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;min-height:120px;background:var(--frost-blue);border:2px solid var(--gray-700);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center}.mode-card-btn:hover{border-color:var(--gray-500);background:#ffffff0f}.mode-card-btn.selected{background:#e85d3b14;border-color:var(--orange);box-shadow:0 0 20px #e85d3b26}.mode-card-btn svg{width:28px;height:28px;color:var(--gray-400);transition:color .2s ease}.mode-card-btn:hover svg{color:var(--gray-300)}.mode-card-btn.selected svg{color:var(--orange)}.mode-card-title{font-family:Bebas Neue,Bebas Neue Fallback,sans-serif;font-size:1.125rem;letter-spacing:.04em;color:var(--gray-200);line-height:1}.mode-card-btn.selected .mode-card-title{color:var(--white)}.mode-card-desc{font-size:.75rem;color:var(--gray-500);line-height:1.4}.mode-card-btn.selected .mode-card-desc{color:var(--gray-400)}.template-picker{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem;animation:fadeSlideIn .4s ease}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.template-card{position:relative;aspect-ratio:2 / 3;border-radius:12px;overflow:hidden;border:2px solid var(--gray-700);cursor:pointer;transition:all .2s ease;background:var(--navy-light)}.template-card:hover{border-color:var(--gray-500);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.template-card.selected{border-color:var(--orange);box-shadow:0 0 20px #e85d3b33}.template-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;display:block}.template-card-label{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--white);padding:.25rem .625rem;background:#060d18b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;white-space:nowrap}.template-check{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:checkIn .2s ease}.template-check svg{width:14px;height:14px;color:var(--white)}.poster-display{position:relative;max-width:500px;margin:0 auto;aspect-ratio:2 / 3;border-radius:12px;overflow:hidden;box-shadow:0 24px 56px #0006,0 0 0 1px #ffffff0f;animation:fadeSlideIn .5s ease}.poster-display img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.poster-display.generating{animation:posterPulse 2s ease-in-out infinite}.poster-display.generating img{filter:brightness(.6) saturate(.7);transition:filter .3s ease}.generation-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:#060d188c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;z-index:10}.poster-display.skeleton{background:linear-gradient(90deg,var(--navy-light) 25%,var(--gray-700) 50%,var(--navy-light) 75%);background-size:200% 100%;animation:shimmerCreate 1.8s ease-in-out infinite;border:1px solid var(--gray-700);min-height:200px}.poster-display.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(232,93,59,.06) 0%,transparent 70%);border-radius:12px}.poster-display.skeleton-animated{animation:shimmerCreate 1.8s ease-in-out infinite,skeletonFadeIn .5s ease both,skeletonGlow 3s ease-in-out infinite}.skeleton-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2}.snowflake-spinner{animation:snowflakeSpin 3s linear infinite;color:#ffffff80;filter:drop-shadow(0 0 8px rgba(232,93,59,.3))}.snowflake-spinner--small{animation-duration:4s;color:#ffffff4d;filter:drop-shadow(0 0 6px rgba(232,93,59,.15))}.generation-progress-text{font-size:.9375rem;color:var(--gray-300, #b0b8c8);text-align:center;min-height:1.5em;animation:progressTextFade 3.5s ease both}.generation-overlay .generation-progress-text{color:#fffc;font-size:.875rem}.generation-status-block{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:-.5rem}.generation-dots{display:flex;gap:6px;align-items:center;justify-content:center}.generation-dots--inline{gap:5px}.generation-dot{width:6px;height:6px;border-radius:50%;background:var(--orange, #e85d3b);animation:dotPulse 1.4s ease-in-out infinite}.generation-dots--inline .generation-dot{width:5px;height:5px;background:var(--gray-400, #8994a8)}.generation-dot:nth-child(2){animation-delay:.2s}.generation-dot:nth-child(3){animation-delay:.4s}.options-grid-wrapper{position:relative}.options-grid-wrapper.is-regenerating .options-grid{opacity:.3;filter:blur(2px) saturate(.4) brightness(.7);pointer-events:none;transition:opacity .5s ease,filter .5s ease}.options-regenerating-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;pointer-events:none}.options-regenerating-text{font-size:.875rem;font-weight:500;color:#ffffffd9;text-align:center;animation:progressTextFade 3.5s ease both;text-shadow:0 1px 8px rgba(0,0,0,.5)}.options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.option-card{position:relative;border-radius:12px;overflow:hidden;border:2px solid var(--gray-700);cursor:pointer;transition:all .2s ease;background:var(--navy-light);aspect-ratio:2 / 3}.option-card:hover{border-color:var(--orange);transform:translateY(-4px);box-shadow:0 12px 32px #0006,0 0 20px #e85d3b26}.option-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.option-card .option-label{position:absolute;top:.75rem;left:.75rem;background:#060d18b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;padding:.25rem .625rem;font-size:.75rem;font-weight:600;color:var(--white)}.refinement-history{max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding-right:.5rem}.refinement-history::-webkit-scrollbar{width:4px}.refinement-history::-webkit-scrollbar-track{background:transparent}.refinement-history::-webkit-scrollbar-thumb{background:var(--gray-700);border-radius:4px}.refine-layout{display:flex;flex-direction:column;gap:2rem}.refine-poster-column{display:flex;flex-direction:column;gap:1.25rem}.refine-poster-column .poster-display{max-height:55vh;aspect-ratio:auto;width:auto;max-width:100%;margin:0 auto}.refine-poster-column .poster-display img{max-height:55vh;width:auto;max-width:100%;-o-object-fit:contain;object-fit:contain;margin:0 auto}.refine-actions{display:flex;gap:.75rem;max-width:480px;margin:0 auto;width:100%}.refine-actions .create-btn{flex:1;width:auto;min-width:0;font-size:1.0625rem;padding:.875rem 2rem}.refine-actions .create-btn-secondary{flex:0;width:auto;white-space:nowrap;padding:.875rem 1.25rem;border:2px solid var(--gray-700);border-radius:10px;font-size:.9375rem;font-weight:500;margin:0}.refine-actions .create-btn-secondary:hover{border-color:var(--gray-500);background:transparent}.refine-chat-section{display:flex;flex-direction:column;gap:1rem;border-top:1px solid var(--gray-700);padding-top:1.5rem}.refine-chat-header{display:flex;align-items:center;gap:.5rem;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.06em}.refine-chat-header svg{width:16px;height:16px;color:var(--gray-500);flex-shrink:0}.size-selector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.size-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;background:var(--navy-light);border:2px solid var(--gray-700);border-radius:12px;cursor:pointer;text-align:center;transition:all .2s ease}.size-option:hover{border-color:var(--gray-500);background:var(--charcoal)}.size-option.selected{border-color:var(--orange);box-shadow:0 0 20px #e85d3b26}.create-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 2rem;background:var(--orange);border:none;border-radius:10px;color:var(--white);font-family:Inter,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.create-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.create-btn:hover:before{left:100%}.create-btn:hover{background:var(--orange-hover);transform:translateY(-1px);box-shadow:0 8px 24px #e85d3b66}.create-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.create-btn:disabled:before{display:none}.create-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;width:auto;margin:0 auto;padding:.5rem 1rem;background:transparent;border:none;border-radius:8px;color:var(--gray-400);font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.create-btn-secondary:hover{color:var(--white);background:#ffffff0d}.start-over-link{display:block;margin:2rem auto 0;padding:.75rem 1.5rem;background:none;border:none;color:var(--gray-500);font-size:.875rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.start-over-link:hover{color:var(--gray-300)}.version-history{display:flex;gap:.75rem;overflow-x:auto;padding:.5rem 0;scrollbar-width:thin;scrollbar-color:var(--gray-700) transparent}.version-history::-webkit-scrollbar{height:4px}.version-history::-webkit-scrollbar-track{background:transparent}.version-history::-webkit-scrollbar-thumb{background:var(--gray-700);border-radius:4px}.vibe-section{display:flex;flex-direction:column;gap:.875rem;margin-top:1.5rem}.vibe-divider{display:flex;align-items:center;gap:.75rem}.vibe-divider-line{flex:1;height:1px;background:var(--gray-700)}.vibe-divider-text{font-size:.8125rem;font-weight:500;color:var(--gray-400);white-space:nowrap}.vibe-chips-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin:0 -.5rem;padding:0 .5rem}.vibe-chips-scroll::-webkit-scrollbar{display:none}.vibe-chips{display:flex;gap:.5rem;padding:.125rem 0;width:-moz-max-content;width:max-content}.vibe-chip{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:999px;border:1px solid var(--gray-700);background:#ffffff0a;color:var(--gray-300);font-family:Inter,sans-serif;font-size:.8125rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s ease}.vibe-chip:hover{border-color:var(--gray-500);background:#ffffff14;color:var(--white)}.vibe-chip:disabled{opacity:.35;cursor:not-allowed}.vibe-input-row{display:flex;gap:.5rem}.vibe-input{flex:1;padding:.625rem .875rem;border-radius:8px;border:1px solid var(--gray-700);background:#ffffff0d;color:var(--white);font-family:Inter,sans-serif;font-size:.875rem;outline:none;transition:border-color .2s ease}.vibe-input::-moz-placeholder{color:var(--gray-500)}.vibe-input::placeholder{color:var(--gray-500)}.vibe-input:focus{border-color:var(--gray-500)}.vibe-regenerate-btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:8px;border:1px solid var(--orange);background:transparent;color:var(--orange);font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.vibe-regenerate-btn:hover:not(:disabled){background:var(--orange);color:var(--white)}.vibe-regenerate-btn:disabled{opacity:.35;cursor:not-allowed}.mode-card-btn:focus-visible,.template-card:focus-visible,.size-option:focus-visible,.option-card:focus-visible,.vibe-chip:focus-visible,.vibe-regenerate-btn:focus-visible{outline:2px solid var(--orange);outline-offset:2px}@media (max-width: 639px){.poster-display{max-width:100%}.size-selector-grid{grid-template-columns:1fr;gap:.75rem}.create-btn{width:100%}.step-connector{width:24px}.step-dot-label{display:block;font-size:.5625rem}.step-dot-number{width:30px;height:30px;font-size:.75rem}.mode-card-btn{padding:.875rem .625rem;min-height:100px}.mode-card-desc{font-size:.6875rem}.customize-photo-context{width:56px}.options-grid{grid-template-columns:repeat(2,1fr);max-width:100%;gap:.75rem}.options-grid>:nth-child(3){grid-column:1 / -1;max-width:50%;margin:0 auto}.vibe-input-row{flex-direction:column}.vibe-regenerate-btn{width:100%}}@media (min-width: 768px){.step-connector{width:64px}.step-dot-label{display:block}.upload-zone{min-height:280px}.create-btn{width:auto;min-width:240px}.customize-header-row{flex-direction:row;align-items:center;text-align:left;gap:.75rem}.customize-photo-context{width:64px}.mode-selector{gap:1rem}.mode-card-btn{padding:1.5rem 1.25rem}.template-grid{gap:1rem;max-width:420px}}@media (min-width: 1024px){.refine-layout{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}.refine-poster-column{position:sticky;top:6rem}.refine-poster-column .poster-display,.refine-poster-column .poster-display img{max-height:55vh}.refine-actions{max-width:100%}.refine-chat-section{border-top:none;padding-top:0}.step-connector{width:80px}.steps-indicator{margin-bottom:3.5rem}}.poster-history{display:flex;flex-direction:column;gap:.75rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--gray-700)}.poster-history-header{display:flex;align-items:center;gap:.5rem}.poster-history-header svg{color:var(--gray-500);flex-shrink:0}.poster-history-header h3{font-family:Bebas Neue,Bebas Neue Fallback,sans-serif;font-size:1.125rem;letter-spacing:.06em;color:var(--gray-400);font-weight:400;line-height:1}.poster-history-list{display:flex;flex-direction:column;gap:.5rem}.poster-history-card{position:relative;display:flex;align-items:center;gap:.875rem;padding:.625rem .75rem;background:var(--frost-blue);border:1px solid transparent;border-radius:10px;cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.poster-history-card:hover{background:#ffffff0f;border-color:var(--gray-700)}.poster-history-card:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.poster-history-card:disabled{cursor:wait;opacity:.7}.poster-history-thumb{width:44px;height:62px;border-radius:6px;overflow:hidden;flex-shrink:0;background:var(--navy-light);border:1px solid var(--gray-700)}.poster-history-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.poster-history-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--gray-600)}.poster-history-info{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.poster-history-text{font-family:Inter,sans-serif;font-size:.8125rem;font-weight:500;color:var(--gray-200);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-history-meta{font-family:Inter,sans-serif;font-size:.6875rem;color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-history-delete{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;flex-shrink:0;color:var(--gray-600);cursor:pointer;transition:all .15s ease;opacity:0}.poster-history-card:hover .poster-history-delete{opacity:1}.poster-history-delete:hover{color:#f87171;background:#ef44441a}.poster-history-delete:focus-visible{opacity:1;outline:2px solid var(--orange);outline-offset:2px}.poster-history-delete-spinner{width:12px;height:12px;border:2px solid var(--gray-600);border-top-color:transparent;border-radius:50%;animation:posterHistorySpin .6s linear infinite}.poster-history-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#060d1880;border-radius:10px}.poster-history-loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--orange);border-radius:50%;animation:posterHistorySpin .6s linear infinite}@keyframes posterHistorySpin{to{transform:rotate(360deg)}}@media (max-width: 639px){.poster-history{margin-top:2rem;padding-top:1.5rem}.poster-history-delete{opacity:1}}.order-step{display:flex;flex-direction:column;gap:2.5rem;animation:fadeSlideIn .5s ease}.order-hero{display:flex;justify-content:center;padding:0 1rem}.photo-scene{position:relative;width:100%;max-width:520px;aspect-ratio:3 / 2;border-radius:16px;overflow:hidden;background:#191d24}.photo-scene-bg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.photo-scene-poster{position:absolute;border-radius:1px;overflow:hidden;box-shadow:0 1px 4px #00000059,0 4px 16px #00000040,0 10px 40px #00000026;transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),left .5s cubic-bezier(.4,0,.2,1),top .5s cubic-bezier(.4,0,.2,1)}.photo-scene-poster-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.photo-scene-poster-placeholder{width:100%;height:100%;background:#ffffff0d;border:1px dashed rgba(255,255,255,.2)}.photo-scene-a4-ref{position:absolute;border:1.5px dashed rgba(255,255,255,.35);border-radius:1px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),left .5s cubic-bezier(.4,0,.2,1),top .5s cubic-bezier(.4,0,.2,1)}.photo-scene-a4-label{font-family:Inter,sans-serif;font-size:.5rem;font-weight:600;color:#ffffff73;letter-spacing:.06em;text-transform:uppercase}.photo-scene-dims{position:absolute;transform:translate(-50%);font-family:Inter,sans-serif;font-size:.5625rem;font-weight:600;color:#ffffffd9;background:#0000008c;padding:2px 10px;border-radius:10px;letter-spacing:.04em;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:left .5s cubic-bezier(.4,0,.2,1),top .5s cubic-bezier(.4,0,.2,1)}.photo-scene-context{position:absolute;bottom:0;left:0;right:0;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;color:#ffffffbf;text-align:center;margin:0;padding:2rem 1rem .75rem;background:linear-gradient(transparent,#00000073)}.order-config{display:flex;flex-direction:column;gap:1.5rem;max-width:520px;margin:0 auto;width:100%}.order-section-label{font-family:Bebas Neue,Bebas Neue Fallback,sans-serif;font-size:1.25rem;letter-spacing:.06em;color:var(--gray-200);text-align:center}.order-size-cards{display:flex;flex-direction:column;gap:.625rem}.order-size-card{position:relative;display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--frost-blue);border:2px solid transparent;border-radius:14px;cursor:pointer;transition:all .2s ease;text-align:left}.order-size-card:hover{background:#ffffff0f;border-color:var(--gray-600)}.order-size-card.selected{background:#e85d3b0f;border-color:var(--orange);box-shadow:0 0 24px #e85d3b1f}.order-size-card:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.order-size-visual{display:flex;align-items:center;justify-content:center;width:56px;height:56px}.order-size-mini-poster{width:calc(36px * var(--mini-scale, .5));aspect-ratio:2 / 3;border-radius:2px;overflow:hidden;background:var(--navy-light);box-shadow:0 2px 6px #0000004d;transition:width .3s cubic-bezier(.4,0,.2,1)}.order-size-mini-poster img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.order-size-info{display:flex;flex-direction:column;gap:.125rem}.order-size-dimensions{font-family:Inter,sans-serif;font-size:1rem;font-weight:600;color:var(--white);letter-spacing:.01em}.order-size-card.selected .order-size-dimensions{color:var(--white)}.order-size-desc{font-family:Inter,sans-serif;font-size:.75rem;color:var(--gray-500);line-height:1.3}.order-size-card.selected .order-size-desc{color:var(--gray-400)}.order-size-price{font-family:Inter,sans-serif;font-size:1.125rem;font-weight:700;color:var(--gray-200);letter-spacing:-.01em;white-space:nowrap}.order-size-card.selected .order-size-price{color:var(--white)}.order-size-check{position:absolute;top:.75rem;right:.75rem;width:22px;height:22px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:checkIn .2s ease}.order-size-check svg{width:12px;height:12px;color:var(--white)}.order-popular-badge{display:inline-block;font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.125rem .5rem;background:var(--orange);color:var(--white);border-radius:100px;margin-left:.5rem;vertical-align:middle}.order-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.order-btn-primary{position:relative;display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1.125rem 2rem;background:var(--orange);border:none;border-radius:14px;color:var(--white);font-family:Inter,sans-serif;font-size:1.0625rem;font-weight:600;cursor:pointer;transition:all .2s ease;overflow:hidden}.order-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.order-btn-primary:not(:disabled):hover:before{left:100%}.order-btn-primary:not(:disabled):hover{background:var(--orange-hover);transform:translateY(-1px);box-shadow:0 8px 24px #e85d3b66}.order-btn-label{font-weight:500}.order-btn-badge{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .625rem;background:#ffffff14;border-radius:100px;margin-left:.25rem}.order-btn-secondary{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 2rem;background:transparent;border:1px solid var(--gray-600);border-radius:14px;color:var(--gray-300);font-family:Inter,sans-serif;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.order-btn-secondary:hover{border-color:var(--gray-500);background:#ffffff08;color:var(--white)}.order-btn-secondary:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.mock-checkout-form-container,.mock-checkout-confirmation{display:flex;flex-direction:column;gap:1.25rem;max-width:480px;margin:0 auto;width:100%;animation:fadeSlideIn .4s ease}.mock-checkout-confirmation{align-items:center;text-align:center;gap:1rem}.mock-checkout-test-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:#eab30814;border:1px solid rgba(234,179,8,.2);border-radius:10px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;color:#fbbf24;letter-spacing:.02em}.mock-checkout-test-banner svg{flex-shrink:0;color:#fbbf24}.mock-checkout-summary-card{padding:1rem 1.25rem;background:var(--frost-blue);border:1px solid var(--gray-700);border-radius:14px;width:100%}.mock-checkout-thumb{width:48px;height:72px;border-radius:4px;overflow:hidden;flex-shrink:0;background:var(--navy-light);box-shadow:0 2px 6px #0000004d}.mock-checkout-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.mock-checkout-fields{display:flex;flex-direction:column;gap:.875rem}.mock-checkout-field{display:flex;flex-direction:column;gap:.25rem}.mock-checkout-label{font-family:Inter,sans-serif;font-size:.8125rem;font-weight:500;color:var(--gray-400)}.mock-checkout-input{width:100%;padding:.75rem 1rem;background:#ffffff0a;border:1px solid var(--gray-700);border-radius:10px;color:var(--white);font-family:Inter,sans-serif;font-size:.9375rem;transition:all .15s ease;outline:none}.mock-checkout-input::-moz-placeholder{color:var(--gray-600)}.mock-checkout-input::placeholder{color:var(--gray-600)}.mock-checkout-input:focus{border-color:var(--orange);background:#e85d3b0a;box-shadow:0 0 0 3px #e85d3b1a}.mock-checkout-input[readonly]{opacity:.6;cursor:not-allowed}.mock-checkout-input.has-error{border-color:#ef4444;background:#ef44440a}.mock-checkout-input.has-error:focus{box-shadow:0 0 0 3px #ef44441a}.mock-checkout-error{font-family:Inter,sans-serif;font-size:.75rem;color:#f87171;padding-left:.25rem}.mock-checkout-row{display:flex;gap:.75rem}.mock-checkout-total{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-top:1px solid var(--gray-700);margin-top:.25rem}.mock-checkout-back-link{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.75rem 1rem;background:transparent;border:none;color:var(--gray-500);font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:color .2s ease}.mock-checkout-back-link:hover{color:var(--gray-300)}.mock-checkout-success-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--orange);border-radius:50%;margin-top:.5rem;animation:checkIn .4s cubic-bezier(.34,1.56,.64,1)}.mock-checkout-success-icon svg{color:var(--white)}.mock-checkout-delivery{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.25rem;background:var(--frost-blue);border:1px solid var(--gray-700);border-radius:10px;font-family:Inter,sans-serif;font-size:.8125rem;color:var(--gray-400);width:100%}.mock-checkout-delivery svg{flex-shrink:0;color:var(--gray-500)}.mock-checkout-secondary-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 2rem;background:transparent;border:1px solid var(--gray-600);border-radius:14px;color:var(--gray-300);font-family:Inter,sans-serif;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.mock-checkout-secondary-btn:hover{border-color:var(--gray-500);background:#ffffff08;color:var(--white)}.mock-checkout-secondary-btn:focus-visible,.mock-checkout-back-link:focus-visible{outline:2px solid var(--orange);outline-offset:2px}@media (max-width: 639px){.order-step{gap:2rem}.order-hero{padding:0}.photo-scene{border-radius:12px}.order-size-card{grid-template-columns:44px 1fr auto;gap:.75rem;padding:.875rem 1rem}.order-size-visual{width:44px;height:44px}.order-size-mini-poster{width:calc(28px * var(--mini-scale, .5))}.order-size-dimensions{font-size:.9375rem}.order-size-price{font-size:1rem}.mock-checkout-row{flex-direction:column;gap:.875rem}.mock-checkout-row .mock-checkout-field{width:100%!important}}@media (min-width: 768px){.order-step{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;max-width:960px;margin:0 auto}.order-hero{position:sticky;top:6rem;padding:0}.photo-scene{max-width:100%}.order-config{max-width:100%;padding-top:.5rem}.order-section-label{text-align:left}}@media (prefers-reduced-motion: reduce){.poster-display.generating,.poster-display.skeleton,.poster-display.skeleton-animated,.snowflake-spinner,.generation-progress-text{animation:none}.generation-dot{animation:none;opacity:.6}.step-section,.step-section *,.step-section *:before,.step-section *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.order-step,.order-step *,.order-step *:before,.order-step *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.poster-history-delete-spinner,.poster-history-loading-spinner{animation-duration:.01ms!important}.mock-checkout-form-container,.mock-checkout-form-container *,.mock-checkout-confirmation,.mock-checkout-confirmation *{animation-duration:.01ms!important;transition-duration:.01ms!important}}