body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.stepper{--step-chip-border: #d4d4d8;--step-chip-bg: #f4f4f5;--step-grad-a: #0ea5e9;--step-grad-b: #0284c7;--step-glow: 0 4px 15px -2px rgba(14, 165, 233, .4);--step-line: #d4d4d8;--step-line-active: #0ea5e9;display:flex;align-items:center;width:100%;padding:.25rem 0}.step{display:flex;align-items:center;flex:1 1 0%}.step:last-child{flex:0 1 auto}.step-btn{z-index:1;display:inline-flex;align-items:center;gap:.6rem;padding:.55rem 1rem;border-radius:9999px;border:1px solid var(--step-chip-border);background:var(--step-chip-bg);color:#52525b;font-weight:600;letter-spacing:.2px;transition:transform .18s,box-shadow .18s,background .18s,color .18s,border-color .18s;background-clip:padding-box;cursor:pointer;text-align:left}.step-btn:hover{transform:translateY(-2px)}.step-num{width:28px;height:28px;border-radius:9999px;display:grid;place-items:center;font-size:.95rem;font-weight:600;background:#fff;color:#52525b;border:1px solid var(--step-chip-border);transition:all .2s}.step-label{font-weight:500;color:#71717a;transition:color .2s}.step.done .step-btn{background:#fff;color:#3f3f46;border-color:#a1a1aa}.step.done .step-num{background:#f0f9ff;border-color:#bae6fd;color:#0369a1}.step.done .step-label{color:#3f3f46}.step.current .step-btn{background:linear-gradient(135deg,var(--step-grad-a),var(--step-grad-b));color:#fff;border-color:transparent;box-shadow:var(--step-glow)}.step.current .step-label{color:#fff;font-weight:600}.step.current .step-num{background:#ffffff24;border-color:#ffffff47;color:#fff}.step-connector{flex-grow:1;height:2px;background:var(--step-line);margin:0 .5rem;border-radius:2px;transition:background-color .2s}.step.done .step-connector{background:var(--step-line-active)}@media (max-width: 992px){.step-label{display:none}.step.current .step-label{display:inline}.step-btn{padding:.5rem .8rem}.step:not(:last-child) .step-connector{margin:0 .25rem}}.mosaic-gallery{display:grid;grid-gap:8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:200px;grid-auto-flow:dense}.mosaic-item{overflow:hidden;border-radius:.375rem}.mosaic-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .3s ease-in-out}.mosaic-item:hover img{transform:scale(1.05)}.mosaic-item:nth-child(5n+1){grid-column:span 2;grid-row:span 2}.mosaic-item:nth-child(5n+3){grid-row:span 2}.gallery-tabs-container{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;border-bottom:1px solid #d4d4d8;padding-bottom:.5rem;margin-bottom:1rem}.gallery-tab{position:relative;padding:.5rem 1rem;border:none;background:none;font-weight:600;color:#52525b;cursor:pointer;transition:color .2s ease;display:inline-flex;align-items:center;gap:.5rem}.gallery-tab:hover{color:#18181b}.gallery-tab.active{color:#0ea5e9}.gallery-tab:after{content:"";position:absolute;bottom:-9px;left:0;right:0;height:2px;background-color:#0ea5e9;transform:scaleX(0);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.gallery-tab.active:after{transform:scaleX(1)}.gallery-tab .tab-remove-btn{padding:.25rem;border-radius:9999px;line-height:1;opacity:.7;transition:background-color .2s,opacity .2s}.gallery-tab .tab-remove-btn:hover{background-color:#0000001a;opacity:1}.gallery-tab.active .tab-remove-btn{color:#0ea5e9}.gallery-tab.active .tab-remove-btn:hover{background-color:#7dd3fc;color:#fff}.preview-tabs-container{position:relative;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:.5rem;border-bottom:1px solid #e4e4e7;margin-bottom:1.5rem}.preview-tab{position:relative;padding:.75rem 1rem;border:none;background:none;font-size:1rem;font-weight:600;color:#52525b;cursor:pointer;transition:color .2s ease}.preview-tab:hover{color:#18181b}.preview-tab.active{color:#0ea5e9}.preview-tab:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:#0ea5e9;transform:scaleX(0);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.preview-tab.active:after{transform:scaleX(1)}.dark .preview-tabs-container{border-bottom-color:#3f3f46}.dark .preview-tab{color:#a1a1aa}.dark .preview-tab:hover{color:#f4f4f5}.dark .preview-tab.active{color:#38bdf8}.dark .preview-tab:after{background-color:#38bdf8}
