.create-flow-shell{background:radial-gradient(circle at 78% 16%, color-mix(in oklab, var(--primary) 10%, transparent), transparent 30%), radial-gradient(circle at 12% 82%, color-mix(in oklab, var(--secondary) 28%, transparent), transparent 42%), var(--background);min-height:100vh}.create-flow-header{z-index:30;border-bottom:1px solid color-mix(in oklab, var(--primary) 10%, transparent);background:color-mix(in oklab, var(--background) 86%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0}.create-flow-step{color:color-mix(in oklab, var(--foreground) 40%, transparent);padding-left:1.5rem;position:relative}.create-flow-step:before{content:"";border:1px solid color-mix(in oklab, var(--primary) 45%, transparent);border-radius:50%;width:.45rem;height:.45rem;position:absolute;top:.42rem;left:0}.create-flow-step.is-active{color:var(--primary)}.create-flow-step.is-active:before{background:var(--primary);box-shadow:0 0 18px color-mix(in oklab, var(--primary) 45%, transparent)}.create-flow-step.is-done{color:color-mix(in oklab, var(--foreground) 66%, transparent)}.create-flow-step.is-done:before{background:color-mix(in oklab, var(--primary) 55%, transparent)}.create-event-card,.create-design-card{border:1px solid color-mix(in oklab, var(--primary) 16%, transparent);background:linear-gradient(145deg, color-mix(in oklab, var(--foreground) 5%, transparent), color-mix(in oklab, var(--secondary) 14%, transparent));transition:transform .26s,border-color .26s,background .26s,box-shadow .26s;position:relative;overflow:hidden}.create-event-card:hover,.create-design-card:hover{border-color:color-mix(in oklab, var(--primary) 42%, transparent);transform:translateY(-4px)}.create-event-card.is-selected,.create-design-card.is-selected{border-color:color-mix(in oklab, var(--primary) 72%, transparent);background:linear-gradient(145deg, color-mix(in oklab, var(--primary) 10%, transparent), color-mix(in oklab, var(--secondary) 25%, transparent));box-shadow:0 28px 65px color-mix(in oklab, var(--background) 66%, transparent), inset 0 0 0 1px color-mix(in oklab, var(--primary) 16%, transparent)}.create-event-number{font-family:var(--font-serif);color:color-mix(in oklab, var(--primary) 30%, transparent);font-size:2.2rem}.create-design-preview{aspect-ratio:9/15;background:var(--background);position:relative;overflow:hidden}.create-design-preview img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.create-design-card:hover .create-design-preview img{transform:scale(1.035)}.create-design-preview:after{content:"";background:linear-gradient(to top, var(--background), transparent 55%);position:absolute;inset:0}.create-form-field label{letter-spacing:.2em;text-transform:uppercase;color:color-mix(in oklab, var(--foreground) 48%, transparent);margin-bottom:.55rem;font-size:.62rem;display:block}.create-form-field input,.create-form-field textarea{border:1px solid color-mix(in oklab, var(--primary) 18%, transparent);background:color-mix(in oklab, var(--background) 78%, transparent);width:100%;color:var(--foreground);border-radius:.15rem;outline:none;padding:.95rem 1rem;transition:border-color .2s,box-shadow .2s}.create-form-field input:focus,.create-form-field textarea:focus{border-color:color-mix(in oklab, var(--primary) 62%, transparent);box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 8%, transparent)}.create-preview-card{border:1px solid color-mix(in oklab, var(--primary) 18%, transparent);background:color-mix(in oklab, var(--background) 82%, transparent);position:sticky;top:7rem;overflow:hidden;box-shadow:0 35px 90px oklab(0% none none/.45)}@media (width<=767px){.create-flow-header{position:relative}.create-preview-card{position:relative;top:auto}}@media (prefers-reduced-motion:reduce){.create-event-card,.create-design-card,.create-design-preview img{transition:none!important}}