.pf-cta-pulse{animation:pfCtaPulse 4s ease-in-out infinite;box-shadow:0 0 #0f172a2e}@keyframes pfCtaPulse{0%,to{box-shadow:0 0 #0f172a2e;transform:translateY(0)}50%{box-shadow:0 0 0 8px #0f172a00;transform:translateY(-1px)}}#save-pallet-project-btn.saved:after,#export-report-btn.saved:after{content:"✓";position:absolute;top:-8px;right:-8px;width:20px;height:20px;border:2px solid white;border-radius:50%;background:#2563eb;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #2563eb4d;z-index:20;pointer-events:none;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.container{max-width:1200px}.step{cursor:pointer;transition:all .3s ease}.step.active .step-circle{background-color:#2563eb!important;color:#fff!important;box-shadow:0 0 0 4px #2563eb33;transform:scale(1.05)}.step.completed .step-circle{background-color:#10b981!important;color:#fff!important}.step.completed .step-circle svg{display:none}.step.completed .step-circle:after{content:"✓";font-weight:700;font-size:16px}.step.active span,.step.completed span{color:#1f2937!important;font-weight:600}.step-circle{transition:all .3s ease}.step-progress{transition:width .8s cubic-bezier(.4,0,.2,1)}.preview-container-3d{min-height:280px;height:320px;position:relative}.preview-container-3d>div{position:absolute;inset:0}@media (max-height: 800px){.preview-container-3d{height:300px}}@media (min-height: 1000px){.preview-container-3d{height:420px}}#3d-modal{transition:opacity .3s ease-out}#3d-modal.hidden{opacity:0;pointer-events:none}#3d-modal:not(.hidden){opacity:1}#3d-modal .fixed.bg-opacity-75{transition:opacity .3s ease-out}#3d-modal > div:last-child{transition:transform .3s ease-out,opacity .3s ease-out}#3d-modal.hidden > div:last-child{transform:scale(.95);opacity:0}#3d-modal:not(.hidden) > div:last-child{transform:scale(1);opacity:1}.packaging-type.active,.pallet-type.active,.pattern-option.active,.alignment-option.active{background-color:#eff6ff!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a}.packaging-type:hover,.pallet-type:hover,.pattern-option:hover,.alignment-option:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.optimization-objective:has(input:checked){background-color:#eff6ff!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a}.optimization-objective:hover{border-color:#93c5fd!important}input:focus,select:focus{outline:none;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.layer-mode.active,.pattern-mode.active,.height-mode.active,.measurement-system.active{background-color:#2563eb!important;color:#fff!important}#unit-preview-container,#pallet-preview-container,#layer-preview-container,#stack-preview-container,#final-preview-container{border-radius:12px;overflow:hidden}.pattern-option{min-height:100px;position:relative}.pattern-option .grid{max-width:32px;max-height:32px}.pattern-option .grid>div{aspect-ratio:1;min-height:6px;min-width:6px}.perspective-500{perspective:500px}.rotate-x-60{transform:rotateX(60deg)}.rotate-y-45{transform:rotateY(45deg)}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}.warning-item{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;color:#92400e}@media (max-width: 768px){.step-circle{width:2.5rem!important;height:2.5rem!important}.step span{font-size:.75rem!important}.grid.grid-cols-4{grid-template-columns:repeat(2,1fr)}.grid.grid-cols-3{grid-template-columns:repeat(1,1fr)}}.rounded-xs{border-radius:2px}.transform-gpu{transform:translateZ(0)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.step:nth-child(1){animation-delay:.1s}.step:nth-child(2){animation-delay:.2s}.step:nth-child(3){animation-delay:.3s}.step:nth-child(4){animation-delay:.4s}.step:nth-child(5){animation-delay:.5s}button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.configuration-grid{gap:1rem}.config-card{border:2px solid #e5e7eb;border-radius:12px;background:#fff;padding:1rem;cursor:pointer;transition:all .3s ease;min-height:180px;display:flex;flex-direction:column;position:relative;overflow:hidden}.config-card.pf-mini{min-height:0!important;height:52px;padding:.5rem;display:flex;flex-direction:row;align-items:center;gap:.5rem}@media (min-width: 640px){.config-card.pf-mini{height:56px}}.config-card.pf-mini:hover{transform:none;box-shadow:none;border-color:#d1d5db}.config-card.pf-mini.selected{border-color:#3b82f6!important;background-color:#eff6ff;box-shadow:0 0 0 2px #3b82f626}.config-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f;border-color:#d1d5db}.config-card.selected{border-color:#3b82f6!important;background-color:#eff6ff;box-shadow:0 0 0 3px #3b82f61a}.config-card.selected:before{display:none!important;content:none!important}.config-thumbnail{height:80px;background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-radius:8px;margin-bottom:.75rem;border:1px solid #e2e8f0;overflow:hidden;position:relative}.config-thumbnail canvas{width:100%!important;height:100%!important;border-radius:8px}.config-thumbnail-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#64748b}.config-card-title{font-size:.875rem;font-weight:600;color:#1f2937;margin-bottom:.5rem;line-height:1.2}.config-card-metrics{font-size:.75rem;color:#6b7280;margin-bottom:.75rem;flex-grow:1}.config-card-badges{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:auto}.performance-badge{padding:.25rem .5rem;border-radius:9999px;font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.badge-best{background-color:#10b981;color:#fff}.badge-good{background-color:#3b82f6;color:#fff}.badge-efficient{background-color:#8b5cf6;color:#fff}.badge-stable{background-color:#f59e0b;color:#fff}.badge-fast{background-color:#06b6d4;color:#fff}.badge-neutral{background-color:#6b7280;color:#fff}#config-status{transition:all .3s ease}#config-status.loading{background-color:#fef3c7;border-color:#f59e0b}#config-status.loading .text-slate-900{color:#92400e!important}#config-status.loading .text-slate-700{color:#b45309!important}#config-metrics{transition:opacity .3s ease}#config-metrics.active{opacity:1!important}.pf-preview-shell{position:relative;overflow:hidden;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;transition:all .3s ease}.pf-preview-shell.active{border-color:#3b82f6;border-style:solid;background-color:#f8fafc}.pf-preview-shell canvas{width:100%!important;height:100%!important;border-radius:8px}.config-loading{opacity:.7}.config-loading .animate-spin{margin:0 auto}@media (max-width: 1024px){.configuration-grid{grid-template-columns:repeat(2,1fr)!important}.config-card{min-height:160px}.config-thumbnail{height:70px}}@media (max-width: 640px){.configuration-grid{grid-template-columns:1fr!important}.config-card{min-height:140px;padding:.75rem}.config-thumbnail{height:60px}.config-card-title{font-size:.8rem}.config-card-metrics{font-size:.7rem}.performance-badge{font-size:.6rem;padding:.2rem .4rem}}.config-card:not(.selected):hover{border-color:#93c5fd}.config-card:not(.selected):hover .config-thumbnail{background:linear-gradient(145deg,#eff6ff,#dbeafe);border-color:#bfdbfe}.config-card{animation:configCardFadeIn .4s ease-out}@keyframes configCardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.config-card:nth-child(1){animation-delay:.1s}.config-card:nth-child(2){animation-delay:.2s}.config-card:nth-child(3){animation-delay:.3s}.config-card:nth-child(4){animation-delay:.4s}.config-card:nth-child(5){animation-delay:.5s}.config-card:nth-child(6){animation-delay:.6s}.config-card:nth-child(7){animation-delay:.7s}.config-card:nth-child(8){animation-delay:.8s}.config-card:nth-child(9){animation-delay:.9s}@media print{.step-circle,button,.bg-gradient-to-br{print-color-adjust:exact;-webkit-print-color-adjust:exact}.config-card{border:1px solid #000!important;-moz-column-break-inside:avoid;break-inside:avoid}.performance-badge{border:1px solid #000}}.pf-compact .step-content .bg-white.rounded-xl{padding:1rem!important}.pf-compact h2{font-size:1.125rem;line-height:1.5rem;margin-bottom:.5rem}.pf-compact h3{font-size:1rem;line-height:1.375rem;margin-bottom:.5rem}.pf-compact p,.pf-compact label{margin-bottom:.25rem}.pf-compact input[type=number],.pf-compact input[type=text],.pf-compact select{height:2.25rem!important;padding:.375rem .5rem!important}.pf-compact .grid{gap:1rem}.pf-compact .min-h-96{min-height:220px!important}.pf-compact .preview-container-3d{height:220px;min-height:220px}.pf-compact .step-content[data-step="0"] .preview-container-3d{height:420px;min-height:420px}@media (max-width: 639px){.step-content[data-astro-cid-44pl75us] select[data-astro-cid-44pl75us]{font-size:16px;min-height:44px;padding-top:.5rem;padding-bottom:.5rem}}