:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (width<=480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-bottom-4{bottom:-1rem}.-left-6{left:-1.5rem}.-right-24{right:-6rem}.-right-4{right:-1rem}.-top-24{top:-6rem}.-top-6{top:-1.5rem}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-1\/4{left:25%}.left-2{left:.5rem}.right-2{right:.5rem}.top-2{top:.5rem}.top-\[40\%\]{top:40%}.top-\[calc\(100\%\+8px\)\]{top:calc(100% + 8px)}.z-10{z-index:10}.z-20{z-index:20}.col-span-2{grid-column:span 2/span 2}.col-span-4{grid-column:span 4/span 4}.m-0{margin:0}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.\!mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-12{margin-top:3rem}.mt-auto{margin-top:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-square{aspect-ratio:1}.h-12{height:3rem}.h-48{height:12rem}.h-8{height:2rem}.h-96{height:24rem}.h-\[260px\]{height:260px}.h-\[300px\]{height:300px}.h-full{height:100%}.min-h-\[400px\]{min-height:400px}.min-h-\[480px\]{min-height:480px}.w-12{width:3rem}.w-48{width:12rem}.w-8{width:2rem}.w-96{width:24rem}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-full{width:100%}.min-w-\[132px\]{min-width:132px}.max-w-\[400px\]{max-width:400px}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-6{--tw-rotate:-6deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-12{--tw-rotate:12deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-3{--tw-rotate:3deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-\[16px\]{border-radius:16px}.rounded-\[6px\]{border-radius:6px}.rounded-\[8px\]{border-radius:8px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-\[\#fca5a5\]\/20{border-color:#fca5a533}.border-white\/10{border-color:#ffffff1a}.border-white\/15{border-color:#ffffff26}.border-white\/5{border-color:#ffffff0d}.bg-\[\#101012\]{--tw-bg-opacity:1;background-color:rgb(16 16 18/var(--tw-bg-opacity,1))}.bg-\[\#19d0f4\]{--tw-bg-opacity:1;background-color:rgb(25 208 244/var(--tw-bg-opacity,1))}.bg-\[\#19d0f4\]\/15{background-color:#19d0f426}.bg-\[\#1a1a1c\]{--tw-bg-opacity:1;background-color:rgb(26 26 28/var(--tw-bg-opacity,1))}.bg-\[\#1b1b1e\]{--tw-bg-opacity:1;background-color:rgb(27 27 30/var(--tw-bg-opacity,1))}.bg-\[\#1b1b1e\]\/90{background-color:#1b1b1ee6}.bg-\[\#1c1c1e\]{--tw-bg-opacity:1;background-color:rgb(28 28 30/var(--tw-bg-opacity,1))}.bg-\[\#2a1116\]{--tw-bg-opacity:1;background-color:rgb(42 17 22/var(--tw-bg-opacity,1))}.bg-\[\#2a2a2d\]{--tw-bg-opacity:1;background-color:rgb(42 42 45/var(--tw-bg-opacity,1))}.bg-\[\#322846\]{--tw-bg-opacity:1;background-color:rgb(50 40 70/var(--tw-bg-opacity,1))}.bg-\[\#7fd3e5\]{--tw-bg-opacity:1;background-color:rgb(127 211 229/var(--tw-bg-opacity,1))}.bg-\[\#fe2bb0\]{--tw-bg-opacity:1;background-color:rgb(254 43 176/var(--tw-bg-opacity,1))}.bg-\[\#fe2bb0\]\/20{background-color:#fe2bb033}.bg-\[var\(--color-surface-container-high\)\]{background-color:var(--color-surface-container-high)}.bg-\[linear-gradient\(120deg\,\#171a24_0\%\,\#1c2230_50\%\,\#2b2640_100\%\)\]{background-image:linear-gradient(120deg,#171a24 0%,#1c2230 50%,#2b2640 100%)}.bg-\[radial-gradient\(circle_at_40\%_70\%\,rgba\(25\,208\,244\,0\.14\)\,transparent_46\%\)\]{background-image:radial-gradient(circle at 40% 70%,#19d0f424,#0000 46%)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top, var(--tw-gradient-stops))}.from-\[\#0e0e11\]{--tw-gradient-from:#0e0e11 var(--tw-gradient-from-position);--tw-gradient-to:#0e0e1100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#fe2bb0\]{--tw-gradient-from:#fe2bb0 var(--tw-gradient-from-position);--tw-gradient-to:#fe2bb000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[var\(--color-surface-container-high\)\]{--tw-gradient-from:var(--color-surface-container-high) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-\[\#0e0e11\]\/50{--tw-gradient-to:#0e0e1100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #0e0e1180 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-\[\#19d0f4\]{--tw-gradient-to:#19d0f400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #19d0f4 var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\[\#0e83d5\]{--tw-gradient-to:#0e83d5 var(--tw-gradient-to-position)}.to-\[var\(--color-surface-container\)\]{--tw-gradient-to:var(--color-surface-container) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1\.5{padding:.375rem}.p-12{padding:3rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pr-2{padding-right:.5rem}.text-left{text-align:left}.text-right{text-align:right}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[18px\]{font-size:18px}.text-\[22px\]{font-size:22px}.text-\[28px\]{font-size:28px}.text-\[3\.5rem\]{font-size:3.5rem}.text-\[32px\]{font-size:32px}.text-\[5\.5rem\]{font-size:5.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-\[0\.8\]{line-height:.8}.leading-\[0\.9\]{line-height:.9}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.text-\[\#03283a\]{--tw-text-opacity:1;color:rgb(3 40 58/var(--tw-text-opacity,1))}.text-\[\#5e5e5e\]{--tw-text-opacity:1;color:rgb(94 94 94/var(--tw-text-opacity,1))}.text-\[\#ab77ff\]{--tw-text-opacity:1;color:rgb(171 119 255/var(--tw-text-opacity,1))}.text-\[\#fca5a5\]{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-\[\#fda4af\]{--tw-text-opacity:1;color:rgb(253 164 175/var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-transparent{color:#0000}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-50{opacity:.5}.opacity-80{opacity:.8}.opacity-85{opacity:.85}.opacity-\[0\.03\]{opacity:.03}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_10px_30px_rgba\(0\,0\,0\,0\.35\)\]{--tw-shadow:0 10px 30px #00000059;--tw-shadow-colored:0 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0px_20px_40px_rgba\(25\,208\,244\,0\.22\)\]{--tw-shadow:0px 20px 40px #19d0f438;--tw-shadow-colored:0px 20px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 #0000000d;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.blur-\[100px\]{--tw-blur:blur(100px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[120px\]{--tw-blur:blur(120px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[60px\]{--tw-blur:blur(60px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}:root{--font-sans:"Inter", ui-sans-serif, system-ui, sans-serif;--color-surface:#131316;--color-surface-container:#1f1f22;--color-surface-container-low:#1b1b1e;--color-surface-container-lowest:#0e0e11;--color-surface-container-high:#2a2a2d;--color-surface-container-highest:#353438;--color-primary-container:#fe2bb0;--color-on-primary-container:#3b012a;--color-secondary-container:#19d0f4;--color-on-secondary-container:#003848;--color-tertiary:#0e83d5;--color-on-tertiary:#001e3a;--gray-0:#fff;--gray-50:#fafafa;--gray-100:#f4f4f5;--gray-200:#e4e4e7;--gray-300:#d4d4d8;--gray-400:#a1a1aa;--gray-500:#71717a;--gray-600:#52525b;--gray-700:#3f3f46;--gray-800:#27272a;--gray-900:#18181b;--gray-950:#09090b;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-pill:9999px;--radius-full:50%}body{background-color:var(--color-surface-container-lowest);color:#fff;font-family:var(--font-sans);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-\[\#1e1e22\]:hover{--tw-bg-opacity:1;background-color:rgb(30 30 34/var(--tw-bg-opacity,1))}.hover\:bg-\[\#2a2a2d\]:hover{--tw-bg-opacity:1;background-color:rgb(42 42 45/var(--tw-bg-opacity,1))}.hover\:bg-\[rgba\(244\,63\,94\,0\.12\)\]:hover{background-color:#f43f5e1f}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-60:disabled{opacity:.6}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-\[0\.06\]{opacity:.06}@media (width>=640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=768px){.md\:col-span-12{grid-column:span 12/span 12}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.lg\:block{display:block}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:gap-12{gap:3rem}}.app-button{border-radius:var(--radius-xs);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;font-weight:600;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,transform .2s;display:inline-flex}.app-button--with-icon{gap:4px}.app-button__icon{flex-shrink:0}.app-button--size-medium{border-radius:var(--radius-xs);height:40px;padding:0 16px;font-size:14px}.app-button--size-large{height:48px;padding:0 24px;font-size:16px}.app-button--variant-solid.app-button--primary{color:#fff;background-color:#000;border-color:#000}.app-button--variant-solid.app-button--secondary{color:#000;background-color:#fff;border-color:#e5e7eb}.app-button--variant-outline.app-button--primary{border-color:var(--gray-600);color:var(--gray-100);background-color:#0000}.app-button--variant-outline.app-button--primary:hover:not(:disabled){background-color:var(--color-surface-container-high);border-color:var(--color-primary-container);color:#fff}.app-button--variant-outline.app-button--primary:active:not(:disabled){background-color:var(--color-surface-container-highest);border-color:var(--color-primary-container)}.app-button--variant-outline.app-button--secondary{color:inherit;background-color:#0000;border-color:#6d6d6d}.app-button--variant-glow.app-button--secondary{background-color:var(--color-secondary-container);border-color:var(--color-secondary-container);color:var(--color-on-secondary-container)}.app-button--glow.app-button--variant-glow.app-button--secondary:hover{transform:translateY(-1px);box-shadow:0 14px 28px #a6ff0057}.app-button--glow.app-button--variant-glow.app-button--secondary:active{transform:translateY(1px);box-shadow:0 4px 12px #a6ff0033}.app-button--variant-glow.app-button--primary{background-color:var(--color-primary-container);border-color:var(--color-primary-container);color:var(--color-on-primary-container)}.app-button--glow.app-button--variant-glow.app-button--primary:hover{transform:translateY(-1px);box-shadow:0 14px 28px #ab77ff66}.app-button--glow.app-button--variant-glow.app-button--primary:active{transform:translateY(1px);box-shadow:0 4px 12px #ab77ff3d}.app-button--glow.app-button--variant-glow.app-button--secondary{box-shadow:0 10px 24px #a6ff0047}.app-button--glow.app-button--variant-glow.app-button--primary{box-shadow:0 10px 24px #ab77ff52}.app-button:disabled{cursor:not-allowed;opacity:.6}.create-page__sidebar{background-color:var(--color-surface-container-lowest,#0e0e11);flex-direction:column;gap:16px;padding:24px 20px;display:flex}.create-page__back-button{align-self:flex-start;margin-bottom:24px}.create-page__stepper{flex-direction:column;gap:32px;display:flex}.create-page__step{text-align:left;opacity:.5;cursor:pointer;background:0 0;border:0;align-items:center;gap:16px;width:100%;padding:0;transition:opacity .2s;display:flex;position:relative}.create-page__step.active,.create-page__step.completed,.create-page__step.unlocked{opacity:1}.create-page__step:not(:last-child):after{content:"";background-color:var(--color-surface-container-highest,#353438);z-index:0;width:2px;position:absolute;top:32px;bottom:-24px;left:11px}.create-page__step.completed:not(:last-child):after{background-color:var(--color-primary-container,#ab77ff)}.create-page__step:disabled{cursor:default}.create-page__step-indicator{background-color:var(--color-surface-container-high,#2a2a2d);color:#a1a1aa;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:flex;position:relative}.create-page__step.active .create-page__step-indicator{color:#052a35;background-color:#19d0f4}.create-page__step.completed .create-page__step-indicator{background-color:var(--color-primary-container,#ab77ff);color:var(--color-on-primary-container,#3c007f)}.create-page__step.unlocked:not(.active):not(.completed) .create-page__step-indicator{color:#e9d5ff;background-color:#ab77ff33}.create-page__step-title{color:#a1a1aa;align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.create-page__step.active .create-page__step-title{color:#19d0f4;font-weight:600}.create-page__step-title-icon{color:#71717a;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.create-page__step.active .create-page__step-title-icon{color:#19d0f4}.create-page__step.completed .create-page__step-title-icon,.create-page__step.unlocked:not(.active):not(.completed) .create-page__step-title-icon,.create-page__step.unlocked:not(.active):not(.completed) .create-page__step-title,.create-page__step.completed .create-page__step-title{color:#d8b4fe}@media (width<=900px){.create-page__sidebar{border-right:none;border-bottom:1px solid var(--color-surface-container-highest,#353438);min-height:auto;padding:16px}}.step-complete{width:100%;height:100%;padding:calc(40px + var(--create-page-header-space,0px)) 40px 40px;justify-content:center;align-items:center;display:flex}.step-complete__content{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:760px;animation:.6s ease-out forwards fade-in-up;display:flex}.step-complete__icon-wrapper{background:var(--color-primary-container,#ab77ff);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:32px;display:flex;position:relative}.step-complete__icon{color:var(--color-on-primary-container,#3c007f);z-index:2}.step-complete__icon-pulse{background:var(--color-primary-container,#ab77ff);opacity:.4;z-index:1;border-radius:50%;width:100%;height:100%;animation:2s ease-out infinite complete-pulse;position:absolute;top:0;left:0}@keyframes complete-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.step-complete__title{color:#fff;margin:0 0 16px;font-size:32px;font-weight:700}.step-complete__description{color:#a1a1aa;margin:0 0 40px;font-size:15px;line-height:1.6}.step-complete__preview-card{background:var(--color-surface-container-high,#2a2a2d);border-radius:var(--radius-md,12px);text-align:left;border:1px solid #ffffff14;align-items:center;gap:20px;width:100%;margin-bottom:40px;padding:16px;display:flex}.step-complete__preview-image{border-radius:var(--radius-sm,8px);background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);justify-content:center;align-items:center;width:80px;height:80px;display:flex}.step-complete__preview-image span{color:#ffffff4d;text-transform:uppercase;font-size:10px;font-weight:600}.step-complete__preview-image img{-o-object-fit:cover;object-fit:cover;border-radius:inherit;width:100%;height:100%}.step-complete__preview-details h4{color:#fff;margin:0 0 4px;font-size:16px;font-weight:600}.step-complete__preview-details p{color:#71717a;margin:0;font-size:13px}.step-complete__actions{gap:16px;width:100%;display:flex}.step-complete__actions button{flex:1}.step-complete__template-toggle{color:#d4d4d8;cursor:pointer;justify-content:flex-start;align-items:center;gap:10px;width:100%;margin:0 0 10px;font-size:14px;display:flex}.step-complete__template-toggle input{accent-color:#19d0f4;cursor:pointer;width:16px;height:16px}.step-complete__error{text-align:left;color:#fca5a5;width:100%;margin:0 0 16px;font-size:13px}.step-complete__success{text-align:left;color:#86efac;width:100%;margin:0 0 16px;font-size:13px}.step-complete__printify{border-radius:var(--radius-md,12px);text-align:left;background:#18181bd1;border:1px solid #ffffff14;width:100%;margin:6px 0 20px;padding:18px}.step-complete__printify-title{color:#f4f4f5;margin:0;font-size:16px;font-weight:600}.step-complete__printify-subtitle{color:#a1a1aa;margin:8px 0 14px;font-size:13px;line-height:1.5}.step-complete__field{flex-direction:column;gap:7px;margin-bottom:12px;display:flex}.step-complete__field span{color:#d4d4d8;font-size:13px;font-weight:500}.step-complete__field input,.step-complete__field select,.step-complete__field textarea{color:#f4f4f5;background:#09090bdb;border:1px solid #ffffff24;border-radius:10px;outline:none;width:100%;padding:11px 12px;font-size:13px;transition:border-color .2s,box-shadow .2s}.step-complete__field textarea{resize:vertical;min-height:110px;font-family:JetBrains Mono,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.45}.step-complete__field input:focus,.step-complete__field select:focus,.step-complete__field textarea:focus{border-color:#19d0f4a6;box-shadow:0 0 0 3px #19d0f426}.step-complete__field--full{grid-column:1/-1}.step-complete__printify-actions{justify-content:flex-start;margin-top:6px;display:flex}.step-complete__printify-actions .app-button{min-width:240px}.step-complete__modal{z-index:75;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.step-complete__modal-backdrop{cursor:pointer;background:#000000a6;border:none;position:absolute;inset:0}.step-complete__modal-panel{background:#18181bf5;border:1px solid #ffffff14;border-radius:12px;width:min(760px,100%);max-height:min(90vh,900px);padding:20px;position:relative;overflow-y:auto}.step-complete__modal-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.step-complete__modal-title{color:#fff;margin:0;font-size:22px;font-weight:700}.step-complete__modal-subtitle{color:#a1a1aa;margin:6px 0 0;font-size:13px;line-height:1.5}.step-complete__modal-close{color:#d4d4d8;cursor:pointer;background:#09090bd9;border:1px solid #ffffff24;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.step-complete__modal-grid{grid-template-columns:1fr 1fr;gap:2px 12px;display:grid}.step-complete__modal-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}@media (width<=768px){.step-complete{padding:calc(24px + var(--create-page-header-space,0px)) 16px 24px;align-items:flex-start}.step-complete__content{max-width:none}.step-complete__preview-card{gap:12px;margin-bottom:20px}.step-complete__actions{flex-direction:column}.step-complete__printify-actions .app-button{width:100%;min-width:0}.step-complete__modal{padding:12px}.step-complete__modal-panel{padding:16px}.step-complete__modal-grid{grid-template-columns:1fr}.step-complete__modal-actions{flex-direction:column}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-generate{width:100%;height:100%;display:flex}.step-generate--jobs{max-width:none}.step-generate__header{justify-content:space-between;align-items:flex-start;gap:12px;width:100%;max-width:920px;margin:0 auto;display:flex}.step-generate__header h3{color:#fff;margin:0;font-size:20px;font-weight:700}.step-generate__header p{color:#71717a;margin:4px 0 0;font-size:13px}.step-generate__loading{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:100%;display:flex}.step-generate__loading h3{color:#fff;margin:0;font-size:24px;font-weight:700}.step-generate__loading p{color:#71717a;margin:0;font-size:14px}.step-generate__loader{color:var(--color-primary-container,#fe2bb0);margin-bottom:16px}.step-generate__spinner{animation:1s linear infinite spin-loader}@keyframes spin-loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.step-generate__progress-bar{background-color:var(--color-surface-container-high,#2a2a2d);border-radius:2px;width:260px;height:4px;margin-top:12px;overflow:hidden}.step-generate__progress-fill{background:linear-gradient(90deg, var(--color-primary-container,#fe2bb0), var(--color-secondary-container,#19d0f4));border-radius:2px;height:100%;transition:width .3s}.step-generate__grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.step-generate__workspace{width:100%;height:100%;display:flex}.step-generate__main{min-width:0;padding:24px;padding-top:calc(24px + var(--create-page-header-space,0px));flex-direction:column;flex:1;gap:12px;display:flex;overflow-y:auto}.step-generate__main>.step-generate__panel,.step-generate__main>.step-generate__error{width:100%;max-width:920px;margin:0 auto}.step-generate__panel{background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;gap:12px;padding:14px;display:grid}.step-generate__sidebar.step-generate__panel{background-color:var(--color-surface-container-lowest,#0e0e11);border:0;border-left:1px solid #ffffff14;border-radius:0;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:stretch;gap:14px;width:360px;padding:24px 20px;display:flex;overflow-y:auto}.step-generate__panel-title{color:#fff;margin:0;font-size:14px;font-weight:700}.step-generate__empty{color:#94a3b8;margin:0;font-size:13px}.step-generate__variant{border-radius:var(--radius-md,12px);cursor:pointer;background:0 0;border:2px solid #ffffff14;flex-direction:column;gap:10px;padding:8px;transition:all .2s;display:flex}.step-generate__variant:hover{border-color:#fff3}.step-generate__variant--selected{border-color:var(--color-primary-container,#fe2bb0);box-shadow:0 0 0 1px var(--color-primary-container,#fe2bb0)}.step-generate__variant-preview{aspect-ratio:1;border-radius:var(--radius-sm,8px);background:#1f2937;width:100%;position:relative;overflow:hidden}.step-generate__variant-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.step-generate__variant-check{background-color:var(--color-primary-container,#fe2bb0);width:36px;height:36px;color:var(--color-on-primary-container,#3b012a);border-radius:50%;justify-content:center;align-items:center;animation:.2s check-pop;display:flex;position:absolute;top:10px;right:10px}@keyframes check-pop{0%{transform:scale(0)}80%{transform:scale(1.15)}to{transform:scale(1)}}.step-generate__variant-label{color:#a1a1aa;text-align:center;padding-bottom:4px;font-size:12px;font-weight:600}.step-generate__variant--selected .step-generate__variant-label{color:#fff}.step-generate__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.step-generate__actions--left{justify-content:flex-start}.step-generate--setup{max-width:860px}.step-generate__config-grid{grid-template-columns:1fr;gap:12px;display:grid}.step-generate__field{flex-direction:column;gap:6px;display:flex}.step-generate__field span{color:#cbd5e1;font-size:12px;font-weight:600}.step-generate__field input,.step-generate__field select,.step-generate__field textarea{color:#fff;background:#00000042;border:1px solid #ffffff29;border-radius:8px;padding:9px 10px;font-size:13px}.step-generate__field input:focus,.step-generate__field select:focus,.step-generate__field textarea:focus{border-color:var(--color-primary-container,#ab77ff);outline:none}.step-generate__field textarea{resize:vertical;min-height:96px}.step-generate__field-note{color:#94a3b8;font-size:11px;line-height:1.35}.step-generate__field--full{width:100%}.step-generate__error{color:#fca5a5;text-align:left;margin:0;font-size:13px}.step-generate__job-list{align-content:start;gap:10px;max-height:300px;padding-right:4px;display:grid;overflow-y:auto}.step-generate__job-list--fit-content{max-height:none;padding-right:0;overflow:visible}.step-generate__job-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;gap:10px;padding:10px;display:grid}.step-generate__job-card--selected{border-color:#ab77ffe6;box-shadow:0 0 0 1px #ab77ff47}.step-generate__job-main{gap:8px;display:grid}.step-generate__job-main--selectable{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0}.step-generate__job-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.step-generate__job-status{text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.step-generate__job-status--queued{color:#facc15;background:#facc151f;border-color:#facc156b}.step-generate__job-status--processing{color:#93c5fd;background:#93c5fd1f;border-color:#93c5fd6b}.step-generate__job-status--completed{color:#86efac;background:#86efac1f;border-color:#86efac6b}.step-generate__job-status--failed,.step-generate__job-status--canceled{color:#fca5a5;background:#fca5a51f;border-color:#fca5a56b}.step-generate__job-id{color:#94a3b8;font-size:11px}.step-generate__job-meta{flex-wrap:wrap;gap:8px;display:flex}.step-generate__job-meta span{color:#cbd5e1;background:#0003;border-radius:999px;padding:2px 8px;font-size:12px}.step-generate__job-actions{gap:8px;display:flex}.step-generate__job-preview-strip{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.step-generate__design-set-thumb{cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:6px;margin:0;padding:0;transition:border-color .2s;position:relative;overflow:hidden}.step-generate__design-set-thumb:hover{border-color:#fff3}.step-generate__design-set-thumb--selected{border-color:var(--color-primary-container,#ab77ff);box-shadow:0 0 0 1px var(--color-primary-container,#ab77ff)}.step-generate__design-set-thumb-image{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;width:100%;display:block}.step-generate__design-set-thumb-overlay{color:#fff;letter-spacing:.02em;opacity:0;pointer-events:none;background:#0509168c;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:opacity .16s;display:flex;position:absolute;inset:0}.step-generate__design-set-thumb:hover .step-generate__design-set-thumb-overlay,.step-generate__design-set-thumb:focus-visible .step-generate__design-set-thumb-overlay{opacity:1}.step-generate__design-set-thumb-check{background-color:var(--color-primary-container,#ab77ff);width:22px;height:22px;color:var(--color-on-primary-container,#3c007f);border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:6px;right:6px}.step-generate__inline-spin{animation:1s linear infinite spin-loader}.step-generate__modal{z-index:1200;background:#030612d6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.step-generate__modal-content{background:#0e0e11;border:1px solid #ffffff29;border-radius:12px;max-width:min(96vw,980px);max-height:92vh;padding:8px;position:relative}.step-generate__modal-image{-o-object-fit:contain;object-fit:contain;border-radius:8px;width:auto;max-width:min(96vw,960px);height:auto;max-height:calc(92vh - 16px);display:block}.step-generate__modal-close{color:#fff;cursor:pointer;background:#0000008c;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;position:absolute;top:12px;right:12px}@media (width<=900px){.step-generate{height:auto;min-height:100%}.step-generate__workspace{flex-direction:column}.step-generate__main{padding:20px 16px}.step-generate__main>.step-generate__panel,.step-generate__main>.step-generate__error,.step-generate__header{max-width:none}.step-generate__header{flex-direction:column}.step-generate__sidebar.step-generate__panel{border-top:1px solid #ffffff14;border-left:0;width:100%;padding:20px 16px}.step-generate__grid,.step-generate__config-grid{grid-template-columns:1fr}}.create-page__idea-panel{z-index:1;position:relative}.create-page__idea-panel .input-content__container{background-color:var(--color-surface-container-high,#303032);border-color:var(--color-surface-container-high,#2a2a2d);border-radius:8px;flex-direction:column;min-height:150px;transition:border-color .2s;display:flex}.create-page__idea-panel .input-content__container:focus-within{border-color:var(--color-primary-container,#ab77ff);box-shadow:0 0 0 2px #ab77ff33}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.create-page__idea-panel--processing:after,.create-page__idea-panel--processing:before{content:"";background-image:conic-gradient(from var(--angle), #19d0f4, #fe2bb0, #0e83d5, #fe2bb0, #19d0f4);z-index:-1;border-radius:10px;width:calc(100% + 3px);height:calc(100% + 3px);padding:3px;animation:6s linear infinite spin;position:absolute;top:50%;left:50%;translate:-50% -50%}.create-page__idea-panel--processing:before{filter:blur(.5rem);opacity:.5}@keyframes spin{0%{--angle:0deg}to{--angle:360deg}}.create-page__textarea{color:#fff;resize:none;background:0 0;border:none;outline:none;flex:1;width:100%;padding:16px;font-family:inherit;font-size:14px}.create-page__textarea:focus{border:none;outline:none}.create-page__panel-actions{justify-content:space-between;align-items:center;gap:12px;padding:0 12px 12px;display:flex}.create-page__upload-action{align-items:center;gap:0;min-width:0;display:flex}.create-page__reference-input-group{align-items:center;gap:0;width:auto;display:flex;position:relative}.create-page__reference-file-input{display:none}.create-page__reference-action{position:relative}.create-page__upload-btn{border-radius:var(--radius-xs,6px);color:#a1a1aa;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.create-page__upload-btn:hover{color:#f8fafc;background:#ffffff1a}.create-page__upload-btn:disabled{opacity:.5;cursor:not-allowed}.create-page__reference-popover{z-index:20;background:#111114fa;border:1px solid #ffffff1f;border-radius:10px;gap:4px;width:180px;padding:6px;display:grid;position:absolute;top:auto;bottom:calc(100% + 6px);right:0;box-shadow:0 10px 24px #00000059}.create-page__reference-popover-item{color:#e2e8f0;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:12px}.create-page__reference-popover-item:hover{background:#ffffff14}.create-page__reference-grid-section{padding:0 12px 12px}.create-page__reference-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;display:grid}.create-page__reference-card{aspect-ratio:1;background:#0003;border:1px solid #ffffff1f;border-radius:8px;position:relative;overflow:hidden}.create-page__reference-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.create-page__reference-remove{color:#fff;cursor:pointer;background:#00000080;border:1px solid #fff3;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:inline-flex;position:absolute;top:6px;right:6px}.create-page__start-action{align-items:center;display:flex}@media (width<=900px){.create-page__panel-actions{flex-direction:column;align-items:stretch}.create-page__start-action{justify-content:flex-end}}.create-page__initial-container{width:100%;max-width:880px;padding:calc(24px + var(--create-page-header-space,0px)) 24px 24px;flex-direction:column;gap:14px;margin:auto;display:flex}.create-page__initial-welcome{gap:2px;display:grid}.create-page__initial-greeting{color:#f8fafc;align-items:center;gap:10px;margin:0;font-size:24px;font-weight:600;line-height:1.15;display:inline-flex}.create-page__initial-greeting-icon{color:#0000;background:linear-gradient(135deg,#fe2bb0 12%,#19d0f4 48%,#0e83d5 85%);filter:drop-shadow(0 0 10px #19d0f459);transform-origin:50%;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;font-size:30px;font-weight:700;line-height:1;animation:3.8s linear infinite create-page-star-spin;display:inline-flex}@keyframes create-page-star-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.create-page__initial-greeting-icon{animation:none}}.create-page__initial-title{color:#f1f5f9;letter-spacing:-.02em;margin:0;font-size:32px;font-weight:700;line-height:1.08}.create-page__chat-wrapper{width:100%;height:100%;display:flex}.create-page__chat-main{padding:24px;padding-top:calc(24px + var(--create-page-header-space,0px));flex-direction:column;flex:1;min-width:0;display:flex}.create-page__brief-main-content{gap:12px;width:100%;max-width:920px;margin:0 auto;padding-bottom:18px;display:grid;overflow-y:auto}.create-page__brief-wizard-step-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.create-page__brief-wizard-step{color:#cbd5e1;cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:600;transition:all .18s;display:inline-flex}.create-page__brief-wizard-step:hover{color:#f8fafc;border-color:#ab77ff59}.create-page__brief-wizard-step--active{color:#fff;background:#ab77ff24;border-color:#ab77ff80}.create-page__brief-wizard-step-icon{color:currentColor;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.create-page__brief-step-header{gap:4px;display:grid}.create-page__brief-step-header h4{color:#fff;margin:0;font-size:20px;font-weight:700}.create-page__brief-step-header p{color:#94a3b8;margin:0;font-size:13px}.create-page__brief-guided-grid{gap:12px;display:grid}.create-page__brief-personalization-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;gap:10px;padding:12px;display:grid}.create-page__brief-personalization-header{gap:4px;display:grid}.create-page__brief-personalization-header h5{color:#fff;margin:0;font-size:14px}.create-page__brief-personalization-header p{color:#94a3b8;margin:0;font-size:12px;line-height:1.45}.create-page__brief-personalization-options{flex-wrap:wrap;gap:8px;display:flex}.create-page__brief-personalization-option{color:#dbeafe;cursor:pointer;background:#ffffff08;border:1px solid #ffffff29;border-radius:8px;height:34px;padding:0 12px;font-size:12px;font-weight:600;transition:all .18s}.create-page__brief-personalization-option:hover{color:#fff;border-color:#ab77ff73}.create-page__brief-personalization-option--selected{color:#d5f6ff;background:#19d0f426;border-color:#19d0f48c}.create-page__brief-question-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;gap:10px;padding:12px;display:grid}.create-page__brief-question-card--advanced{background:#0003}.create-page__brief-question-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.create-page__brief-question-header h5{color:#fff;margin:0;font-size:14px}.create-page__brief-question-header p{color:#94a3b8;margin:4px 0 0;font-size:12px;line-height:1.45}.create-page__brief-suggest-button{color:#c6f7ff;cursor:pointer;background:#7fd3e51f;border:1px solid #7fd3e566;border-radius:999px;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.create-page__brief-pill-row{flex-wrap:wrap;gap:8px;display:flex}.create-page__brief-pill{color:#dbeafe;cursor:pointer;background:#ffffff08;border:1px solid #ffffff29;border-radius:999px;height:28px;padding:0 10px;font-size:12px;font-weight:600;transition:all .18s}.create-page__brief-pill:hover{color:#fff;border-color:#ab77ff73}.create-page__brief-pill--selected{color:#d5f6ff;background:#19d0f426;border-color:#19d0f48c}.create-page__brief-guided-input,.create-page__brief-guided-textarea{color:#fff;background:#00000047;border:1px solid #ffffff1f;border-radius:8px;width:100%;padding:10px;font-size:14px;line-height:1.45}.create-page__brief-guided-input:focus,.create-page__brief-guided-textarea:focus{border-color:var(--color-primary-container,#ab77ff);outline:none}.create-page__brief-guided-textarea{resize:vertical;min-height:88px}.create-page__brief-advanced{background:#00000029;border:1px solid #ffffff14;border-radius:10px;overflow:hidden}.create-page__brief-advanced-toggle{color:#e2e8f0;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:12px;font-size:13px;font-weight:600;display:flex}.create-page__brief-advanced-toggle span{align-items:center;gap:6px;display:inline-flex}.create-page__brief-advanced-content{gap:10px;padding:0 12px 12px;display:grid;overflow:hidden}.create-page__brief-custom-fields{gap:10px;display:grid}.create-page__brief-custom-fields-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.create-page__brief-custom-fields-header h5{color:#fff;margin:0;font-size:13px}.create-page__brief-custom-list{gap:8px;display:grid}.create-page__brief-custom-item{background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:1fr auto;gap:8px;padding:10px;display:grid}.create-page__brief-custom-item .create-page__brief-guided-textarea{grid-column:1/2}.create-page__project-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.create-page__project-title-row h2{color:#fff;margin:0;font-size:20px;font-weight:700}.create-page__project-title-actions{align-items:center;gap:8px;display:inline-flex}.create-page__status-badge{text-transform:uppercase;letter-spacing:.06em;border:1px solid #0000;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.create-page__status-badge--pending_review,.create-page__status-badge--not_ready{color:#facc15;background:#facc151f;border-color:#facc1552}.create-page__status-badge--approved,.create-page__status-badge--ready{color:#86efac;background:#22c55e1f;border-color:#22c55e52}.create-page__status-badge--blocked{color:#fca5a5;background:#ef44441f;border-color:#ef444452}.create-page__chat-history{flex:1;padding-bottom:24px;overflow-y:auto}.create-page__idea-list{gap:14px;width:100%;max-width:880px;margin:0 auto;display:grid}.create-page__idea-card{background:#ffffff05;border:1px solid #ffffff1a;border-radius:10px;gap:10px;padding:12px;display:grid}.create-page__idea-card--latest{background:#facc150d;border-color:#facc1559}.create-page__idea-card-header{color:#e2e8f0;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.create-page__idea-card-header time{color:#94a3b8;font-size:11px;font-weight:500}.create-page__idea-text{color:#f8fafc;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.55}.create-page__idea-reference-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;display:grid}.create-page__idea-reference-image{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;background:#0003;border:1px solid #ffffff1f;border-radius:8px;width:100%}.create-page__idea-reference-empty{color:#71717a;margin:0;font-size:12px}.create-page__idea-empty{color:#94a3b8;border:1px dashed #fff3;border-radius:10px;padding:14px;font-size:13px}.create-page__chat-msg{max-width:80%;font-size:15px;line-height:1.6}.create-page__chat-msg--user{background-color:var(--color-surface-container-high,#2a2a2d);color:#f8fafc;border-radius:var(--radius-md,12px);align-self:flex-end;padding:14px 20px}.create-page__chat-msg--ai{color:#e2e8f0;background-color:#0000;border-radius:0;align-self:flex-start;max-width:100%;padding:0}.create-page__chat-msg--error{color:#fca5a5;background:0 0;align-self:flex-start;max-width:100%;padding:0;font-size:13px}.create-page__chat-input-wrapper{flex-shrink:0;width:100%;max-width:880px;margin:0 auto}.create-page__chat-entry-caption{color:#94a3b8;letter-spacing:.03em;margin:0 0 8px;font-size:12px}.create-page__brief-sidebar{background-color:var(--color-surface-container-lowest,#0e0e11);flex-direction:column;flex-shrink:0;gap:18px;width:460px;padding:20px;display:flex;overflow-y:auto}.create-page__sidebar-section{background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;padding:14px}.create-page__section-header-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.create-page__brief-title{color:#fff;margin:0;font-size:15px;font-weight:600}.create-page__brief-main-version{color:#94a3b8;font-size:12px}.create-page__research-actions{gap:8px;display:flex}.create-page__research-action{cursor:pointer;border:0;border-radius:8px;align-items:center;gap:6px;height:28px;padding:0 10px;font-size:12px;display:inline-flex}.create-page__research-action:disabled{opacity:.45;cursor:not-allowed}.create-page__research-action--approve{color:#86efac;background:#22c55e29}.create-page__research-action--block{color:#fca5a5;background:#ef444429}.create-page__research-grid{gap:10px;display:grid}.create-page__research-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;padding:10px}.create-page__research-card h4{color:#fff;text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px;font-size:12px}.create-page__research-card p{color:#a1a1aa;margin:0;font-size:12px}.create-page__research-card ul{gap:6px;margin:0;padding-left:16px;display:grid}.create-page__research-card li{color:#e2e8f0;font-size:12px}.create-page__research-card li strong{color:#fff;margin-bottom:2px;font-weight:600;display:block}.create-page__research-card li span{color:#a1a1aa}.create-page__brief-extra-input{color:#fff;resize:vertical;background:#0003;border:1px solid #ffffff1f;border-radius:8px;width:100%;min-height:68px;margin-bottom:10px;padding:10px;font-size:12px}.create-page__brief-extra-input:focus{border-color:var(--color-primary-container,#ab77ff);outline:none}.create-page__brief-option-toggle{color:#cbd5e1;cursor:pointer;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;display:inline-flex}.create-page__brief-option-toggle input{accent-color:#19d0f4;cursor:pointer;width:14px;height:14px}.create-page__brief-option-toggle span{-webkit-user-select:none;user-select:none}.create-page__brief-list{flex-direction:column;gap:10px;display:flex}.create-page__brief-list--history{max-height:380px;padding-right:4px;overflow-y:auto}.create-page__brief-item{text-align:left;cursor:pointer;appearance:none;background-color:var(--color-surface-container-high,#2a2a2d);border-radius:var(--radius-sm,6px);color:#a1a1aa;border:1px solid #0000;width:100%;padding:10px;font-size:13px;transition:all .2s}.create-page__brief-item:hover{background-color:var(--color-surface-container-highest,#353438);color:#fff}.create-page__brief-item--active{border-color:var(--color-primary-container,#ab77ff);color:#fff;background-color:#ab77ff1f}.create-page__brief-item-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.create-page__brief-item-title{color:inherit;font-size:13px;font-weight:600}.create-page__brief-item-tag{color:#d8b4fe;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.create-page__brief-meta-row{color:#94a3b8;margin-bottom:8px;font-size:11px}.create-page__brief-note{color:#a1a1aa;margin:0;font-size:12px}.create-page__brief-json-preview{color:#e2e8f0;background:#00000047;border:1px solid #ffffff14;border-radius:6px;max-height:180px;margin:8px 0 0;padding:8px;font-size:11px;line-height:1.5;overflow:auto}.create-page__brief-raw-details{background:#0000002e;border:1px solid #ffffff1a;border-radius:8px;padding:8px 10px}.create-page__brief-raw-details summary{cursor:pointer;color:#cbd5e1;font-size:12px;font-weight:600;list-style:none}.create-page__brief-raw-details summary::-webkit-details-marker{display:none}.create-page__brief-raw-details summary:before{content:"▸ ";color:#94a3b8}.create-page__brief-raw-details[open] summary:before{content:"▾ "}.create-page__brief-editor{color:#fff;resize:vertical;background:#0003;border:1px solid #ffffff1f;border-radius:8px;width:100%;min-height:190px;margin-top:10px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.create-page__brief-editor:focus{border-color:var(--color-primary-container,#ab77ff);outline:none}.create-page__brief-editor-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.create-page__brief-properties{gap:10px;margin-top:10px;display:grid}.create-page__brief-properties-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.create-page__brief-properties-header h4{color:#fff;text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:12px}.create-page__brief-properties-title{gap:2px;display:grid}.create-page__brief-properties-title p{color:#94a3b8;margin:0;font-size:11px}.create-page__brief-properties-help{color:#94a3b8;margin:0;font-size:12px;line-height:1.4}.create-page__brief-table-wrapper{background:#00000024;border:1px solid #ffffff14;border-radius:8px;max-height:none;overflow:auto visible}.create-page__brief-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:760px}.create-page__brief-table th,.create-page__brief-table td{vertical-align:top;border-bottom:1px solid #ffffff14;padding:8px}.create-page__brief-table th{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;text-align:left;background:#ffffff05;font-size:11px}.create-page__brief-table tbody tr:hover td{background:#ffffff05}.create-page__brief-table th:first-child,.create-page__brief-table td:first-child{width:32%}.create-page__brief-table th:nth-child(2),.create-page__brief-table td:nth-child(2){width:auto}.create-page__brief-table th:nth-child(3),.create-page__brief-table td:nth-child(3){width:72px}.create-page__brief-table-input,.create-page__brief-table-textarea{box-sizing:border-box;color:#fff;background:#0003;border:1px solid #ffffff1f;border-radius:6px;width:100%;min-width:0;max-width:100%;padding:8px;font-size:13px}.create-page__brief-table-input:focus,.create-page__brief-table-textarea:focus{border-color:var(--color-primary-container,#ab77ff);outline:none}.create-page__brief-table-textarea{resize:vertical;min-height:68px}.create-page__brief-table-remove{color:#fca5a5;cursor:pointer;background:#ef444429;border:1px solid #ef444459;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background-color .18s,border-color .18s,color .18s;display:inline-flex}.create-page__brief-table-remove:hover{color:#fecaca;background:#ef44443d;border-color:#ef444480}.create-page__brief-note{color:#71717a;margin:0;font-size:12px;line-height:1.4}.create-page__error-message{color:#fca5a5;margin:0;font-size:13px}@media (width<=1280px){.create-page__chat-wrapper{flex-direction:column;height:auto}.create-page__brief-sidebar{width:100%}.create-page__project-title-row{flex-wrap:wrap;align-items:flex-start}.create-page__project-title-actions{flex-wrap:wrap;width:100%}.create-page__brief-editor-actions,.create-page__brief-wizard-step-list,.create-page__brief-custom-item{grid-template-columns:1fr}}.step-review{width:100%;height:100%;display:flex}.step-review-mode{width:100%;min-height:100%;padding:calc(40px + var(--create-page-header-space,0px)) 40px 40px;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.step-review-mode__header{text-align:center;width:100%;max-width:720px}.step-review-mode__title{color:#fff;margin:0;font-size:28px;font-weight:700}.step-review-mode__subtitle{color:#a1a1aa;margin:10px 0 0;font-size:14px}.step-review-mode__grid{grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:820px;display:grid}.step-review-mode__card{background:#18181be0;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:12px;padding:18px;display:flex}.step-review-mode__icon{color:#d9b5ff;background:#ab77ff29;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.step-review-mode__card-title{color:#fff;margin:0;font-size:18px;font-weight:700}.step-review-mode__card-subtitle{color:#a1a1aa;margin:0;font-size:13px;line-height:1.5}.step-review-mode__card-actions{margin-top:auto}.step-review-mode__connect-notice{background:#f59e0b14;border:1px solid #f59e0b47;border-radius:10px;flex-direction:column;align-items:flex-start;gap:10px;margin-top:10px;padding:12px;display:flex}.step-review-mode__connect-copy{color:#fcd34d;margin:0;font-size:12px;line-height:1.5}.step-review-printify{width:100%;min-height:100%;padding:calc(32px + var(--create-page-header-space,0px)) 32px 32px;flex-direction:column;gap:16px;display:flex}.step-review-printify__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.step-review-printify__title{color:#fff;margin:0;font-size:24px;font-weight:700}.step-review-printify__subtitle{color:#a1a1aa;margin:8px 0 0;font-size:13px;line-height:1.5}.step-review-printify__actions{gap:10px;display:flex}.step-review-printify__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.step-review-printify__card{text-align:left;cursor:pointer;background:#18181bd6;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;padding:0;transition:border-color .2s,transform .2s;display:flex;position:relative;overflow:hidden}.step-review-printify__card[aria-disabled=true]{pointer-events:none}.step-review-printify__card:hover{border-color:#ab77ffb3;transform:translateY(-1px)}.step-review-printify__card--loading{border-color:#ab77ffb3}.step-review-printify__image-wrap{aspect-ratio:1;background:radial-gradient(circle at 40% 35%,#ffffff14,#0000 62%);min-height:180px;position:relative;overflow:hidden}.step-review-printify__image{-o-object-fit:contain;object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .2s;display:block;position:absolute;inset:0}.step-review-printify__image--loaded{opacity:1}.step-review-printify__image-skeleton{color:#ffffff47;background-color:#09090b73;background-image:linear-gradient(90deg,#ffffff08 0%,#ffffff12 40%,#ffffff08 80%),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:200% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;animation:1.2s ease-in-out infinite step-review-image-shimmer;display:flex;position:absolute;inset:0}.step-review-printify__placeholder{color:#ffffff4d;justify-content:center;align-items:center;width:100%;height:100%;display:flex}@keyframes step-review-image-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.step-review-printify__content{flex-direction:column;gap:6px;padding:12px;display:flex}.step-review-printify__card-title{color:#fff;margin:0;font-size:14px;font-weight:700;line-height:1.35}.step-review-printify__card-meta{color:#a1a1aa;margin:0;font-size:12px}.step-review-printify__card-loading{color:#d9b5ff;align-items:center;gap:6px;margin:2px 0 0;font-size:12px;display:inline-flex}.step-review-printify__card-description{color:#d4d4d8;margin:0;font-size:12px;line-height:1.45}.step-review-printify-detail{width:100%;min-height:100%;padding:calc(32px + var(--create-page-header-space,0px)) 32px 32px;flex-direction:column;gap:16px;display:flex}.step-review-printify-detail__card{background:#18181be6;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:16px;padding:18px;display:flex}.step-review-printify-detail__title{color:#fff;margin:0;font-size:24px;font-weight:700}.step-review-printify-detail__meta{color:#a1a1aa;margin:6px 0 0;font-size:13px}.step-review-printify-detail__description{color:#d4d4d8;margin:12px 0 0;font-size:13px;line-height:1.5}.step-review-printify-detail__grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.step-review-printify-detail__image-wrap{background:radial-gradient(circle at 40% 35%,#ffffff14,#0000 62%);border-radius:10px;height:180px;overflow:hidden}.step-review-printify-detail__image{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.step-review-printify-detail__placeholder{color:#ffffff73;background:#09090b99;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:140px;display:flex}.step-review-printify-detail__mockups{border-top:1px solid #ffffff14;flex-direction:column;gap:10px;padding-top:14px;display:flex}.step-review-printify-detail__provider-picker{color:#a1a1aa;flex-direction:column;gap:6px;max-width:320px;font-size:12px;display:inline-flex}.step-review-printify-detail__provider-select{color:#fff;background:#09090ba6;border:1px solid #ffffff1f;border-radius:8px;padding:8px 10px;font-size:13px}.step-review-printify-detail__mockups-layout{grid-template-columns:minmax(0,1fr) 220px;gap:12px;display:grid}.step-review-printify-detail__mockups-main{background:#09090b73;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;min-height:340px;display:flex;overflow:hidden}.step-review-printify-detail__mockups-main-image{-o-object-fit:contain;object-fit:contain;width:min(100%,800px);height:auto;max-height:100%;display:block}.step-review-printify-detail__mockups-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;display:grid}.step-review-printify-detail__mockups-thumb{text-align:left;background:#09090b73;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:6px;padding:6px;transition:border-color .2s,transform .2s;display:flex}.step-review-printify-detail__mockups-thumb img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:6px;width:100%;display:block}.step-review-printify-detail__mockups-thumb span{color:#d4d4d8;font-size:11px;line-height:1.3}.step-review-printify-detail__mockups-thumb:hover{border-color:#ab77ffb3;transform:translateY(-1px)}.step-review-printify-detail__mockups-thumb--active{background:#361d5373;border-color:#ab77ffe6}.step-review-printify-detail__providers{border-top:1px solid #ffffff14;flex-direction:column;gap:10px;padding-top:14px;display:flex}.step-review-printify-detail__providers-title{color:#fff;margin:0;font-size:15px;font-weight:700}.step-review-printify-detail__providers-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.step-review-printify-detail__providers-item{margin:0}.step-review-printify-detail__provider-button{text-align:left;background:#09090b73;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:4px;width:100%;padding:10px;transition:border-color .2s,transform .2s;display:flex}.step-review-printify-detail__provider-button span:first-child{color:#fff;font-size:13px;font-weight:600}.step-review-printify-detail__provider-button span:last-child{color:#a1a1aa;font-size:12px}.step-review-printify-detail__provider-button:hover:not(:disabled){border-color:#ab77ffb3;transform:translateY(-1px)}.step-review-printify-detail__provider-button--active{background:#361d5373;border-color:#ab77ffd9}.step-review-printify-detail__providers-empty{color:#a1a1aa;margin:0;font-size:13px}.step-review-printify-detail__variants{border-top:1px dashed #ffffff1f;flex-direction:column;gap:8px;padding-top:12px;display:flex}.step-review-printify-detail__variants-title{color:#fff;margin:0;font-size:14px;font-weight:700}.step-review-printify-detail__variants-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.step-review-printify-detail__variants-item{background:#09090b73;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:4px;padding:10px;display:flex}.step-review-printify-detail__variants-item span:first-child{color:#fff;font-size:13px;font-weight:600}.step-review-printify-detail__variants-item span:not(:first-child){color:#a1a1aa;font-size:12px}.step-review-printify-detail__variants-empty{color:#a1a1aa;align-items:center;gap:6px;margin:0;font-size:13px;display:inline-flex}.step-review-printify-detail__variants-error{color:#fda4af;margin:0;font-size:13px}@keyframes step-review-spin{to{transform:rotate(360deg)}}.step-review__spin{animation:1s linear infinite step-review-spin}.step-review__main{padding:calc(40px + var(--create-page-header-space,0px)) 40px 40px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;display:flex}.step-review__preview{flex:1;justify-content:center;align-items:center;width:100%;max-width:720px;display:flex}.step-review__big-image{border-radius:var(--radius-md,12px);background-color:#1e1e2e;background-image:radial-gradient(circle at 40% 40%,#ffffff0f 0%,#0000 70%);border:1px solid #ffffff0f;justify-content:center;align-items:center;width:fit-content;max-width:100%;height:fit-content;max-height:560px;display:flex;overflow:hidden}.step-review__generated-image{-o-object-fit:contain;object-fit:contain;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:560px;display:block}.step-review__status-banner{border-radius:var(--radius-sm,8px);align-items:center;gap:10px;width:100%;max-width:520px;padding:10px 18px;font-size:13px;font-weight:500;display:flex}.step-review__status-banner--info{color:#a5b4fc;background:#6366f11f;border:1px solid #6366f140}.step-review__status-banner--success{color:#86efac;background:#22c55e1f;border:1px solid #22c55e40}.step-review__status-banner--warning{color:#fcd34d;background:#f59e0b1f;border:1px solid #f59e0b40}.step-review__status-banner--error{color:#fca5a5;background:#ef44441f;border:1px solid #ef444440}.step-review__progress{align-items:center;gap:12px;width:100%;max-width:520px;display:flex}.step-review__progress-track{background:#ffffff14;border-radius:3px;flex:1;height:6px;overflow:hidden}.step-review__progress-fill{background:linear-gradient(90deg,#6366f1,#a78bfa);border-radius:3px;height:100%;transition:width .4s}.step-review__progress-label{color:#a5b4fc;text-align:right;min-width:36px;font-size:12px;font-weight:600}.step-review__actions{flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:10px;display:flex}.step-review__sidebar{background-color:var(--color-surface-container-lowest,#0e0e11);flex-direction:column;flex-shrink:0;gap:16px;width:340px;padding:24px 20px;display:flex;overflow-y:auto}.step-review__sidebar-title{color:#fff;margin:0;font-size:16px;font-weight:700}.step-review__sidebar-loading{color:#fff6;align-items:center;gap:10px;padding:20px 0;font-size:13px;display:flex}.step-review__empty{color:#ffffff59;margin:0;padding:12px 0;font-size:13px}.step-review__mockup-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.step-review__mockup-item{border-radius:var(--radius-sm,8px);cursor:pointer;text-align:left;background:0 0;border:2px solid #ffffff0f;flex-direction:column;gap:6px;padding:6px;transition:all .2s;display:flex}.step-review__mockup-item:hover:not(:disabled){border-color:#ffffff26}.step-review__mockup-item:disabled{cursor:default;opacity:.85}.step-review__mockup-item--selected{border-color:var(--color-primary-container,#ab77ff)}.step-review__mockup-item--failed{border-color:#ef444459}.step-review__mockup-item--loading{border-color:#6366f133}.step-review__mockup-thumb{aspect-ratio:1;border-radius:var(--radius-xs,6px);background-color:#1a1a2e;background-image:radial-gradient(circle at 50% 40%,#ffffff0a 0%,#0000 60%);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.step-review__mockup-thumb-image{-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-xs,6px);width:100%;height:100%}.step-review__mockup-thumb-loading{color:#6366f199;justify-content:center;align-items:center;display:flex}.step-review__mockup-thumb-error{color:#ef444499;justify-content:center;align-items:center;display:flex}.step-review__mockup-thumb-placeholder{color:#ffffff26;justify-content:center;align-items:center;display:flex}@keyframes step-review-pulse{0%,to{opacity:.4}50%{opacity:.8}}.step-review__mockup-item--loading .step-review__mockup-thumb{animation:2s ease-in-out infinite step-review-pulse}.step-review__mockup-check{background-color:var(--color-primary-container,#ab77ff);width:22px;height:22px;color:var(--color-on-primary-container,#3c007f);z-index:2;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:6px;right:6px}.step-review__mockup-badge{z-index:2;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:4px;left:4px}.step-review__mockup-badge--queued{color:#ffffff4d;background:#ffffff1a}.step-review__mockup-badge--processing{color:#a5b4fc;background:#6366f133}.step-review__mockup-badge--completed{color:#86efac;background:#22c55e33}.step-review__mockup-badge--failed{color:#fca5a5;background:#ef444433}.step-review__mockup-label{color:#71717a;text-align:center;padding-bottom:2px;font-size:11px;font-weight:600;line-height:1.3}.step-review__mockup-item--selected .step-review__mockup-label{color:#fff}.step-review__mockup-error-text{color:#fca5a5;text-align:center;word-break:break-word;font-size:10px;line-height:1.3}.step-review__job-info{border-top:1px solid #ffffff0f;grid-template-columns:auto 1fr;gap:4px 10px;margin-top:auto;padding-top:16px;font-size:11px;display:grid}.step-review__job-info-label{color:#ffffff59;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.step-review__job-info-value{color:#fff9;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.step-review__job-info-value--queued{color:#ffffff80}.step-review__job-info-value--processing{color:#a5b4fc}.step-review__job-info-value--completed{color:#86efac}.step-review__job-info-value--failed{color:#fca5a5}@media (width<=900px){.step-review-mode{padding:calc(24px + var(--create-page-header-space,0px)) 16px 24px}.step-review-mode__grid{grid-template-columns:1fr}.step-review-printify,.step-review-printify-detail{padding:calc(20px + var(--create-page-header-space,0px)) 16px 20px}.step-review-printify__header{flex-direction:column}.step-review-printify__actions{flex-direction:column;width:100%}.step-review-printify-detail__mockups-layout{grid-template-columns:1fr}.step-review-printify-detail__mockups-main{min-height:240px}.step-review-printify-detail__mockups-sidebar{grid-template-columns:repeat(auto-fill,minmax(108px,1fr))}}.create-page__main{flex:1;overflow-y:auto}.create-page__layout{grid-template-columns:220px minmax(0,1fr);min-height:100vh;display:grid}.create-page__canvas{--header-sidebar-offset:0px;--create-page-header-space:76px;background-color:var(--color-surface);border-left:0;border-radius:16px 0 0 16px;flex-direction:column;min-height:100vh;display:flex;position:relative}.create-page__canvas--step-1,.create-page__canvas--step-2{--header-sidebar-offset:460px}.create-page__canvas--step-3{--header-sidebar-offset:360px}.create-page__canvas--step-4{--header-sidebar-offset:320px}.create-page__header{top:0;left:0;right:var(--header-sidebar-offset);z-index:30;background:#0000001f;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex;position:absolute}.create-page__header-main{gap:2px;min-width:0;display:grid}.create-page__header-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:20px;font-weight:700;overflow:hidden}.create-page__header-subtitle{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:600;display:inline-flex}.create-page__header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.create-page__header-badge{text-transform:uppercase;letter-spacing:.06em;color:#cbd5e1;background:#94a3b81f;border:1px solid #94a3b84d;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.create-page__header-badge--pending_review,.create-page__header-badge--not_ready{color:#facc15;background:#facc151f;border-color:#facc1552}.create-page__header-badge--approved,.create-page__header-badge--ready{color:#86efac;background:#22c55e1f;border-color:#22c55e52}.create-page__header-badge--blocked{color:#fca5a5;background:#ef44441f;border-color:#ef444452}.create-page__canvas-body{flex-direction:column;flex:1;min-height:0;display:flex}.create-page__canvas-body>*{flex:1;min-height:0}.create-page__canvas-empty{text-align:center;place-content:center;justify-items:center;width:100%;max-width:1440px;min-height:100%;margin:0 auto;padding:24px;display:grid}.create-page__canvas-empty h3{color:#fff;margin:0;font-size:24px;font-weight:700}.create-page__canvas-empty p{color:#71717a;margin:4px 0 0;font-size:14px}@media (width<=900px){.create-page__layout{grid-template-rows:auto 1fr;grid-template-columns:1fr}.create-page__canvas{--header-sidebar-offset:0px;--create-page-header-space:0px;border-radius:0}.create-page__header{flex-direction:column;align-items:flex-start;position:static;right:auto}.create-page__header-actions{justify-content:flex-start;width:100%}}@media (width<=1280px){.create-page__canvas--step-1,.create-page__canvas--step-2{--header-sidebar-offset:0px;--create-page-header-space:0px}}.delete-confirm-modal{z-index:70;background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.delete-confirm-modal__panel{background:var(--color-surface-container,#202024);border:0;border-radius:14px;gap:16px;width:min(440px,100%);padding:20px;display:grid}.delete-confirm-modal__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.delete-confirm-modal__title{color:#fff;margin:0;font-size:18px;font-weight:700}.delete-confirm-modal__description{color:#a1a1aa;margin:8px 0 0;font-size:13px;line-height:1.5}.delete-confirm-modal__close{color:#d4d4d8;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.delete-confirm-modal__close:hover:not(:disabled){background:#ffffff14}.delete-confirm-modal__close:disabled{opacity:.6;cursor:not-allowed}.delete-confirm-modal__actions{justify-content:flex-end;gap:10px;display:flex}.delete-confirm-modal__confirm.app-button{color:#fff;background:#dc2626;border-color:#dc2626}.delete-confirm-modal__confirm.app-button:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.delete-confirm-modal__spin{animation:.9s linear infinite delete-confirm-modal-spin}@keyframes delete-confirm-modal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-container{background:var(--color-surface-container-low);border:1px solid var(--color-surface-container-low);cursor:pointer;border-radius:8px;padding:16px;transition:border-color .2s}.card-container:hover{border-color:var(--color-primary-container)}.item-card{cursor:default;flex-direction:column;gap:16px;display:flex}.item-card:hover{border-color:var(--color-surface-container-low)}.item-card--hoverable{cursor:pointer}.item-card--hoverable:hover{border-color:var(--color-primary-container)}.sidebar-card-nav{gap:0;padding:18px}.sidebar-card-nav__group+.sidebar-card-nav__group{border-top:1px solid var(--color-surface-container-high,#2a2a2d);margin-top:18px;padding-top:18px}.sidebar-card-nav__title{color:#71717a;text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px;font-size:12px;font-weight:700}.sidebar-card-nav__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sidebar-card-nav__item{text-align:left;color:#d4d4d8;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;font-weight:600;transition:background-color .2s,color .2s;display:flex}.sidebar-card-nav__item:hover{background-color:var(--color-surface-container-high,#2a2a2d);color:#fff}.sidebar-card-nav__item--active{background-color:var(--color-secondary-container,#a9f900);color:var(--color-on-secondary-container,#496f00)}.sidebar-card-nav__icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sidebar-card-nav__text{min-width:0}.app-avatar__image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.app-avatar__placeholder{background:var(--color-surface-container-high,#2a2a2f);color:#cbd5e1;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.studio-base-layout{background:var(--color-surface-container-lowest);grid-template-columns:88px minmax(0,1fr);width:100%;min-height:100vh;display:grid}.studio-base-layout__content{background:var(--color-surface);border-top-left-radius:12px;border-bottom-left-radius:12px;min-height:100vh;padding:24px;position:relative;overflow:hidden}.app-badge{white-space:nowrap;-webkit-backdrop-filter:blur(6px);border:1px solid #0000;justify-content:center;align-items:center;max-width:100%;font-weight:900;line-height:1;display:inline-flex}.app-badge--uppercase{text-transform:uppercase;letter-spacing:.08em}.app-badge--shape-soft{border-radius:var(--radius-xs)}.app-badge--shape-pill{border-radius:var(--radius-pill)}.app-badge--size-xs{padding:4px 8px;font-size:9px}.app-badge--size-sm{padding:4px 10px;font-size:11px}.app-badge--size-md{padding:5px 12px;font-size:12px}.app-badge--tone-primary{color:#ab77ff;background:#322846;border-color:#ab77ff33}.app-badge--tone-success{color:#4ade80;background:#163024;border-color:#4ade8042}.app-badge--tone-info{color:#fb923c;background:#3f2818;border-color:#fb923c42}.app-badge--tone-warning{color:#facc15;background:#413a13;border-color:#facc1533}.app-badge--tone-danger{color:#f87171;background:#3a1d22;border-color:#f8717142}.app-badge--tone-neutral{color:#d1d5db;background:#2a2f3a;border-color:#d1d5db3d}.app-badge--tone-active{color:#22d3ee;background:#14303a;border-color:#22d3ee3d}.app-empty-state{background:color-mix(in srgb, var(--color-surface-container-low,#1b1b1e) 90%, #000 10%);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.app-empty-state--page{min-height:180px;padding:24px}.app-empty-state--table{border-bottom:0;border-left:0;border-right:0;border-radius:0;min-height:140px;padding:20px}.app-empty-state__icon{color:#71717a;justify-content:center;align-items:center;display:inline-flex}.app-empty-state__content{flex-direction:column;gap:6px;max-width:520px;display:flex}.app-empty-state__title{color:#e5e7eb;margin:0;font-size:14px;font-weight:700}.app-empty-state__description{color:#71717a;margin:0;font-size:13px;line-height:1.5}.app-empty-state__action{margin-top:2px}.app-input{background-color:var(--app-input-bg,var(--color-surface-container-high));border:1px solid var(--app-input-border,var(--app-input-bg,var(--color-surface-container-high)));border-radius:var(--radius-sm);color:var(--app-input-color,#f8fafc);outline:none;width:100%;transition:border-color .2s,box-shadow .2s}.app-input::placeholder{color:var(--app-input-placeholder,#82868e)}.app-input:focus,.app-input:focus-within{border-color:var(--app-input-focus-border,var(--color-primary-container));box-shadow:var(--app-input-focus-shadow,0 0 0 2px #ab77ff33)}.app-input--size-medium{border-radius:var(--radius-xs);height:40px;padding:0 12px;font-size:14px}.app-input--size-large{height:48px;padding:0 16px;font-size:16px}.app-input:disabled{color:var(--app-input-disabled-color,#82868e);-webkit-text-fill-color:var(--app-input-disabled-color,#82868e);cursor:not-allowed}.create-flow-page{min-height:100%}.create-flow-page__content{flex:1;padding:24px;overflow-y:auto}.create-flow-page__container{max-width:1440px;margin:0 auto}.create-flow-page__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.create-flow-page__header-main{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.create-flow-page__header-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.create-flow-page__header-action-menu{position:relative}.create-flow-page__header-action-button{width:40px;min-width:40px;height:40px;padding:0}.create-flow-page__header-action-popover{background:var(--color-surface-container-high,#2a2a2d);z-index:20;border:1px solid #ffffff1f;border-radius:10px;min-width:140px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 30px #00000059}.create-flow-page__header-action-item{color:#f4f4f5;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:8px 10px;font-size:13px}.create-flow-page__header-action-item:hover:not(:disabled){background:#ffffff14}.create-flow-page__header-action-item:disabled{color:#71717a;cursor:default}.create-flow-page__header-action-item--danger{color:#fca5a5}.create-flow-page__header-action-item--danger:hover:not(:disabled){color:#fecaca;background:#ef444424}.create-flow-page__run-flow-button--pending .app-button__icon,.create-flow-settings__save-button--pending .app-button__icon{animation:.9s linear infinite create-flow-spin}.create-flow-page__publish-button.app-button--variant-solid.app-button--primary{background-color:var(--color-secondary-container,#19d0f4);border-color:var(--color-secondary-container,#19d0f4);color:var(--color-on-secondary-container,#003848)}.create-flow-page__publish-button--danger.app-button--variant-outline{color:#fca5a5;border-color:#f871718c}.create-flow-page__publish-button--danger.app-button--variant-outline:hover:not(:disabled){color:#fecaca;background-color:#f871711f;border-color:#f87171bf}.create-flow-page__publish-button--danger.app-button--variant-outline:active:not(:disabled){background-color:#f871712e;border-color:#f87171e6}.create-flow-page__publish-button.app-button--variant-solid.app-button--primary:hover:not(:disabled){filter:brightness(1.06)}.create-flow-page__publish-button.app-button--variant-solid.app-button--primary:active:not(:disabled){filter:brightness(.94)}.create-flow-page__header-copy{min-width:0}.create-flow-page__header-icon{background-color:var(--color-surface-container-high,#2a2a2d);width:48px;height:48px;color:var(--color-secondary-container,#19d0f4);border-radius:4px;justify-content:center;align-items:center;display:flex}.create-flow-page__header-icon-button{cursor:pointer;border:0}.create-flow-page__title{color:#fff;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:20px;font-weight:800;overflow:hidden}.create-flow-page__subtitle{color:#71717a;margin:0;font-size:14px}.create-flow-page__status{align-items:center;gap:8px;display:inline-flex}.create-flow-page__status-label{color:#71717a}.create-flow-page__status-badge{width:fit-content}.create-flow-page__section{margin-bottom:24px}.create-flow-page__error{color:#fecaca;background:#7f1d1d2e;border:1px solid #f8717159;border-radius:12px;margin:0 0 16px;padding:12px 14px;font-size:13px;line-height:1.5}.create-flow-page__message{margin-bottom:12px}.create-flow-page__layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:16px;display:grid}.create-flow-page__sidebar{position:sticky;top:24px}.create-flow-page__main{min-width:0}.create-flow-form,.create-flow-gallery,.create-flow-runs{background:var(--color-surface-container-low,#1b1b1e)}.create-flow-form{cursor:default;grid-template-columns:1fr;gap:16px;padding:20px;display:grid}.create-flow-form:hover{border-color:var(--color-surface-container-low,#1b1b1e)}.create-flow-settings__header,.create-flow-overview__header,.create-flow-gallery__header,.create-flow-runs__header{background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:0;display:flex}.create-flow-settings__header>div,.create-flow-overview__header>div,.create-flow-gallery__header>div,.create-flow-runs__header>div{gap:6px;display:grid}.create-flow-settings__title,.create-flow-overview__title,.create-flow-gallery__title,.create-flow-runs__title{color:#fff;margin:0;font-size:18px;font-weight:700}.create-flow-settings__description,.create-flow-overview__description,.create-flow-gallery__description,.create-flow-runs__description{color:#a1a1aa;margin:0;font-size:13px;line-height:1.5}.create-flow-settings-tabs{scrollbar-width:thin;border-bottom:1px solid #ffffff1f;align-items:flex-end;gap:4px;padding-bottom:0;display:flex;overflow-x:auto}.create-flow-settings-tabs__item{color:#d4d4d8;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:none;justify-content:center;align-items:center;margin-bottom:-1px;padding:10px 12px;font-size:12px;font-weight:600;transition:color .18s,border-color .18s,background-color .18s;display:inline-flex}.create-flow-settings-tabs__item:hover{color:#f4f4f5;border-bottom-color:#ffffff59}.create-flow-settings-tabs__item:focus-visible{outline:none;box-shadow:inset 0 0 0 1px #19d0f473}.create-flow-settings-tabs__item--active{color:#d5f6ff;background:linear-gradient(#19d0f414 0%,#19d0f405 100%);border-bottom-color:#19d0f4f2}.create-flow-form__block{gap:14px;display:grid}.create-flow-form__step{border-bottom:1px solid var(--color-surface-container-highest,#353438);padding-bottom:14px}.create-flow-form__step--secondary{border-top:1px solid var(--color-surface-container-highest,#353438);padding-top:14px}.create-flow-form__step-kicker{color:#19d0f4;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}.create-flow-form__step-title{color:#fff;margin:0;font-size:18px;font-weight:700}.create-flow-form__step-subtitle{color:#71717a;margin:6px 0 0;font-size:13px;line-height:1.5}.create-flow-form__field{flex-direction:column;gap:8px;display:flex}.create-flow-form__field span{color:#a1a1aa;font-size:12px;font-weight:600}.create-flow-form__field textarea{border-radius:var(--radius-xs);border:1px solid var(--app-input-border,var(--app-input-bg,var(--color-surface-container-high)));background-color:var(--app-input-bg,var(--color-surface-container-high));width:100%;color:var(--app-input-color,#f8fafc);resize:vertical;outline:none;min-height:120px;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.create-flow-form__field textarea::placeholder{color:var(--app-input-placeholder,#82868e)}.create-flow-form__field textarea:focus{border-color:var(--app-input-focus-border,var(--color-primary-container));box-shadow:var(--app-input-focus-shadow,0 0 0 2px #ab77ff33)}.create-flow-form__field--full{grid-column:1/-1}.create-flow-filters{background:0 0;border:none;border-radius:0;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;padding:0;display:grid}.create-flow-filters__header{grid-column:1/-1;margin-bottom:2px}.create-flow-filters__header span{color:#a1a1aa;letter-spacing:.03em;text-transform:uppercase;font-size:12px;font-weight:700}.create-flow-filters__item{flex-direction:column;grid-column:span 3;gap:6px;display:flex}.create-flow-filters__item span{color:#a1a1aa;font-size:12px;font-weight:600}.create-flow-filters__item--compact{grid-column:span 2}.create-flow-filters__item--platforms,.create-flow-filters__item--categories{position:relative}.create-flow-filters__multi-trigger{color:#fff;cursor:pointer;background:#18181be6;border:1px solid #ffffff24;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 10px;display:flex}.create-flow-filters__multi-trigger input{color:#fff;cursor:pointer;background:0 0;border:none;flex:1;min-width:0;padding:0;font-size:13px}.create-flow-filters__multi-trigger input::placeholder{color:#a1a1aa}.create-flow-filters__multi-trigger input:focus{outline:none}.create-flow-filters__multi-trigger:focus-within{border-color:#19d0f4a6;box-shadow:0 0 0 3px #19d0f426}.create-flow-filters__platform-menu{z-index:30;background:#202024fa;border:1px solid #ffffff1f;border-radius:10px;grid-template-columns:1fr 1fr;gap:8px 12px;width:min(520px,80vw);max-height:320px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 14px 28px #00000073}.create-flow-filters__categories-menu{z-index:30;background:#202024fa;border:1px solid #ffffff1f;border-radius:10px;grid-template-columns:1fr 1fr 1fr;gap:8px 12px;width:min(700px,85vw);max-height:360px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 14px 28px #00000073}.create-flow-filters__platform-option{color:#e4e4e7;align-items:center;gap:8px;font-size:13px;display:inline-flex}.create-flow-filters__platform-option input[type=checkbox]{accent-color:#19d0f4;width:15px;height:15px}.create-flow-filters__platform-option span{color:#e4e4e7;font-size:13px;font-weight:500}.create-flow-filters__categories-option{color:#e4e4e7;align-items:center;gap:8px;font-size:13px;display:inline-flex}.create-flow-filters__categories-option input[type=checkbox]{accent-color:#19d0f4;width:15px;height:15px}.create-flow-filters__categories-option span{color:#e4e4e7;font-size:13px;font-weight:500}.create-flow-style-grid{background:0 0;border:none;border-radius:0;padding:0}.create-flow-style-grid__label,.create-flow-choice-grid__label,.create-flow-position__label,.create-flow-schedule__label{color:#a1a1aa;letter-spacing:.03em;text-transform:uppercase;font-size:12px;font-weight:700}.create-flow-style-grid__label,.create-flow-choice-grid__label,.create-flow-position__label{text-transform:none;letter-spacing:normal}.create-flow-style-grid__label,.create-flow-choice-grid__label,.create-flow-schedule__label{margin:0 0 10px}.create-flow-style-grid__options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.create-flow-style-grid__option{color:#e4e4e7;text-align:left;background:#18181be6;border:1px solid #0000;border-radius:10px;gap:8px;padding:8px;font-size:12px;font-weight:600;display:grid}.create-flow-style-grid__option--selected{color:#d5f6ff;background:#0e83d533;border-color:#19d0f499}.create-flow-style-grid__option-thumb{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;background:#09090bb3;border-radius:8px;width:100%;display:block}.create-flow-style-grid__option-thumb--fallback{background:linear-gradient(135deg,#71717a59,#3f3f468c)}.create-flow-style-grid__option-label{text-align:center;font-size:14px;line-height:1.3;display:block}.create-flow-choice-grid{gap:12px;display:grid}.create-flow-choice-grid__section{background:0 0;border:none;border-radius:0;padding:0}.create-flow-choice-grid__head{justify-content:flex-start;align-items:center;gap:8px;margin-bottom:10px;display:flex}.create-flow-choice-grid__actions{align-items:center;gap:6px;display:inline-flex}.create-flow-choice-grid__actions-separator{color:#a1a1aacc;font-size:12px;line-height:1}.create-flow-choice-grid__label{margin:0}.create-flow-choice-grid__select-all{color:#67e8f9;letter-spacing:.02em;background:0 0;border:0;padding:0;font-size:12px;font-weight:700}.create-flow-choice-grid__select-all:hover:not(:disabled){color:#a5f3fc}.create-flow-choice-grid__select-all:disabled{color:#a1a1aab3;cursor:not-allowed}.create-flow-choice-grid__options{flex-wrap:wrap;gap:8px;display:flex}.create-flow-choice-grid__option{color:#e4e4e7;background:#18181be6;border:none;border-radius:2px;padding:8px 12px;font-size:12px;font-weight:700}.create-flow-choice-grid__option:hover{background:#27272af2}.create-flow-choice-grid__option--selected{color:#d5f6ff;background:#0e83d533}.create-flow-preview{background:#09090b80;border:1px solid #ffffff1f;border-radius:12px;gap:12px;padding:12px;display:grid}.create-flow-preview__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.create-flow-preview__title{color:#fff;margin:0 0 6px;font-size:16px;font-weight:700}.create-flow-preview__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.create-flow-preview__card{background:#18181bd9;border:1px solid #ffffff1f;border-radius:12px;display:grid;overflow:hidden}.create-flow-preview__card--selected{border-color:#19d0f4cc;box-shadow:0 0 0 1px #19d0f43d}.create-flow-preview__image{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;background:#09090bcc;width:100%;display:block}.create-flow-preview__copy{gap:8px;padding:12px;display:grid}.create-flow-preview__label{color:#f4f4f5;margin:0;font-size:13px;font-weight:700;line-height:1.4}.create-flow-review{gap:12px;display:grid}.create-flow-review__section{background:#09090b80;border:1px solid #ffffff1f;border-radius:12px;gap:12px;padding:12px;display:grid}.create-flow-review__title{color:#fff;margin:0;font-size:15px;font-weight:700}.create-flow-review__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.create-flow-review__upload{color:#d4d4d8;gap:6px;font-size:12px;font-weight:600;display:grid}.create-flow-review__upload input[type=file]{color:#fff;background:#18181be6;border:1px solid #ffffff29;border-radius:8px;width:100%;padding:7px 8px;font-size:12px}.create-flow-review__url{color:#e4e4e7;word-break:break-word;background:#18181be6;border:1px solid #ffffff1f;border-radius:10px;margin:0;padding:12px;font-size:13px;line-height:1.5}.create-flow-form__status{color:#19d0f4;grid-column:1/-1;margin:0;font-size:13px}.create-flow-form__hint{color:#a1a1aa;align-items:center;gap:6px;margin:0;font-size:12px;display:inline-flex}.create-flow-form__error{color:#f97373;margin:0;font-size:12px}.create-flow-form__spin{animation:.8s linear infinite create-flow-spin}.create-flow-position{background:0 0;border:none;border-radius:0;padding:0}.create-flow-position__label{margin:0 0 12px}.create-flow-position__layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:12px;display:grid}.create-flow-position__settings{background:0 0;border:none;border-radius:0;order:2;align-content:start;gap:12px;padding:0;display:grid}.create-flow-position__sidebar-field{margin:0}.create-flow-position__printify-notice{background:#7f1d1d24;border:1px solid #f8717159;border-radius:10px;gap:8px;margin-top:8px;padding:10px;display:grid}.create-flow-position__printify-notice .app-button{justify-self:flex-start}.create-flow-position__skip-upload{color:#e4e4e7;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.create-flow-position__skip-upload input{accent-color:#19d0f4;width:16px;height:16px}.create-flow-position__catalog-trigger{border-radius:var(--radius-xs);border:1px solid var(--app-input-border,var(--app-input-bg,var(--color-surface-container-high)));background-color:var(--app-input-bg,var(--color-surface-container-high));width:100%;min-height:40px;color:var(--app-input-color,#f8fafc);text-align:left;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;font-size:14px;transition:border-color .2s,box-shadow .2s;display:inline-flex}.create-flow-position__catalog-trigger:disabled{color:var(--app-input-disabled-color,#82868e);-webkit-text-fill-color:var(--app-input-disabled-color,#82868e);opacity:.55;cursor:not-allowed}.create-flow-position__catalog-trigger:focus{border-color:var(--app-input-focus-border,var(--color-primary-container));box-shadow:var(--app-input-focus-shadow,0 0 0 2px #ab77ff33);outline:none}.create-flow-position__catalog-trigger-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.create-flow-position__catalog-trigger .tabler-icon,.create-flow-position__variant-trigger .tabler-icon{stroke-width:2px;color:#cfd4dc;flex-shrink:0;width:16px;height:16px}.create-flow-position__variant-trigger{border-radius:var(--radius-xs);border:1px solid var(--app-input-border,var(--app-input-bg,var(--color-surface-container-high)));background-color:var(--app-input-bg,var(--color-surface-container-high));width:100%;min-height:40px;color:var(--app-input-color,#f8fafc);text-align:left;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;font-size:14px;transition:border-color .2s,box-shadow .2s;display:inline-flex}.create-flow-position__variant-trigger:disabled{color:var(--app-input-disabled-color,#82868e);-webkit-text-fill-color:var(--app-input-disabled-color,#82868e);opacity:.55;cursor:not-allowed}.create-flow-position__variant-trigger:focus{border-color:var(--app-input-focus-border,var(--color-primary-container));box-shadow:var(--app-input-focus-shadow,0 0 0 2px #ab77ff33);outline:none}.create-flow-position__variant-trigger-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.create-flow-form select.app-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23cfd4dc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6l6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:36px}.create-flow-position__preview{background:0 0;border:none;border-radius:0;order:1;padding:0}.create-flow-position__preview-card{background:#09090bbf;border-radius:10px;min-height:360px;overflow:hidden}.create-flow-position__preview-media{min-height:360px;position:relative}.create-flow-position__preview-image{-o-object-fit:cover;object-fit:cover;width:100%;min-height:360px;display:block}.create-flow-position__preview-overlay{background:#0e83d52e;border:2px dashed #19d0f4f2;border-radius:12px;position:absolute;box-shadow:0 0 0 1px #cffafe52}.create-flow-position__preview-placeholder{text-align:center;place-items:center;gap:10px;min-height:360px;padding:20px;display:grid}.create-flow-position__ranges{gap:12px;display:grid}.create-flow-position__ranges small{color:#a1a1aa;font-size:11px}.create-flow-position__placeholder-list{flex-wrap:wrap;gap:8px;display:flex}.create-flow-position__placeholder-chip{color:#e4e4e7;background:#18181be6;border:none;border-radius:2px;padding:7px 12px;font-size:12px;font-weight:700}.create-flow-position__placeholder-chip:hover{background:#27272af2}.create-flow-position__placeholder-chip--selected{color:#d5f6ff;background:#0e83d540}.create-flow-position__source{background:0 0;border:none;border-radius:0;padding:0}.create-flow-position__source-label{color:#a1a1aa;margin:0 0 8px;font-size:12px;font-weight:600}.create-flow-position__source-options{gap:8px;display:grid}.create-flow-position__source-hint{color:#a1a1aa;margin:8px 0 0;font-size:11px}.create-flow-position__source-option{color:#e4e4e7;text-align:left;background:#18181be6;border:none;border-radius:2px;padding:8px 10px;font-size:12px;font-weight:600}.create-flow-position__source-option:hover:not(:disabled){background:#27272af2}.create-flow-position__source-option:disabled{cursor:not-allowed;opacity:.55}.create-flow-position__source-option--selected{color:#d5f6ff;background:#0e83d538}.create-flow-position__upload{gap:6px;margin-top:10px;display:grid}.create-flow-position__upload span{color:#d4d4d8;font-size:12px;font-weight:600}.create-flow-position__upload input[type=file]{color:#fff;background:#18181be6;border:1px solid #ffffff29;border-radius:8px;width:100%;padding:7px 8px;font-size:12px}.create-flow-position__upload-name{color:#a1a1aa;font-size:11px}.create-flow-position__upload-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.create-flow-position__upload-remove{color:#fca5a5;background:#7f1d1d2e;border:1px solid #f8717173;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:600}.create-flow-position__canvas{aspect-ratio:1;background:radial-gradient(circle at 15% 12%,#19d0f41a,#0000 35%),radial-gradient(circle at 86% 82%,#409bff24,#0000 40%),#111114cc;border-radius:10px;width:100%;position:relative;overflow:hidden}.create-flow-position__mockup-image{-o-object-fit:cover;object-fit:cover;opacity:.32;filter:saturate(.75);z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.create-flow-position__empty{color:#a1a1aa;text-align:center;justify-content:center;align-items:center;padding:14px;font-size:12px;display:flex;position:absolute;inset:0}.create-flow-position__print-area{z-index:2;background:#38bdf814;border:2px solid #38bdf8e6;border-radius:10px;position:absolute;overflow:visible;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #bae6fd73}.create-flow-position__print-area-label{color:#e0f2fe;letter-spacing:.03em;text-transform:uppercase;z-index:2;background:#0284c7e0;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;top:-8px;left:10px;transform:translateY(-100%)}.create-flow-position__print-area-media{padding:14px;position:absolute;inset:0;overflow:hidden}.create-flow-position__image-frame{cursor:grab;touch-action:none;background:#0e83d526;border:2px dashed #19d0f4d9;border-radius:8px;position:absolute;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #19d0f42e}.create-flow-position__image-frame--dragging{cursor:grabbing}.create-flow-position__generated-placeholder{width:100%;height:100%;position:relative}.create-flow-position__generated-label{color:#f4f4f5;letter-spacing:.03em;text-transform:uppercase;background:#09090bb8;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;bottom:8px;right:8px}.create-flow-position__print-area-image{-o-object-fit:contain;object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.create-flow-position__print-area-empty{color:#dbeafe;letter-spacing:.03em;text-transform:uppercase;background:#0284c726;border:1px dashed #e0f2feb3;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;font-size:11px;font-weight:700;display:flex}.create-flow-position__print-area-empty--upload{background:#0284c738}.create-flow-position__image-resize{cursor:nwse-resize;background:#0891b2f2;border:1px solid #99f6fff2;border-radius:4px;width:16px;height:16px;padding:0;position:absolute;bottom:-7px;right:-7px;box-shadow:0 0 0 2px #09090b80}.create-flow-upgrade-modal{z-index:90;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.create-flow-upgrade-modal__backdrop{background:#0009;border:none;margin:0;padding:0;position:absolute;inset:0}.create-flow-upgrade-modal__panel{background:#18181b;border:1px solid #ffffff1f;border-radius:12px;gap:16px;width:min(420px,100%);padding:18px;display:grid;position:relative;box-shadow:0 18px 40px #00000073}.create-flow-upgrade-modal__header{gap:6px;display:grid}.create-flow-upgrade-modal__title{color:#fff;margin:0;font-size:18px;font-weight:700}.create-flow-upgrade-modal__subtitle{color:#a1a1aa;margin:0;font-size:14px;line-height:1.5}.create-flow-upgrade-modal__actions{justify-content:flex-end;gap:10px;display:flex}.create-flow-confirm-modal{z-index:95;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.create-flow-confirm-modal__backdrop{background:#0009;border:none;margin:0;padding:0;position:absolute;inset:0}.create-flow-confirm-modal__panel{background:#18181b;border:1px solid #ffffff1f;border-radius:12px;gap:16px;width:min(420px,100%);padding:18px;display:grid;position:relative;box-shadow:0 18px 40px #00000073}.create-flow-confirm-modal__header{gap:6px;display:grid}.create-flow-confirm-modal__title{color:#fff;margin:0;font-size:18px;font-weight:700}.create-flow-confirm-modal__subtitle{color:#a1a1aa;margin:0;font-size:14px;line-height:1.5}.create-flow-confirm-modal__actions{justify-content:flex-end;gap:10px;display:flex}.create-flow-catalog-modal{z-index:80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.create-flow-catalog-modal__backdrop{cursor:pointer;background:#000000a3;border:none;position:absolute;inset:0}.create-flow-catalog-modal__panel{background:#18181bf5;border:1px solid #ffffff1a;border-radius:12px;width:min(980px,100%);max-height:min(90vh,920px);padding:16px;position:relative;overflow:auto}.create-flow-catalog-modal__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.create-flow-catalog-modal__title{color:#fff;margin:0;font-size:20px;font-weight:700}.create-flow-catalog-modal__subtitle{color:#a1a1aa;margin:6px 0 0;font-size:13px}.create-flow-catalog-modal__close{color:#d4d4d8;background:#09090bd9;border:1px solid #ffffff24;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.create-flow-catalog-modal__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.create-flow-catalog-modal__empty{color:#a1a1aa;text-align:center;background:#09090b8c;border:1px dashed #ffffff2e;border-radius:10px;grid-column:1/-1;padding:18px 14px;font-size:13px}.create-flow-catalog-modal__item{color:#fff;text-align:left;background:#09090bad;border:1px solid #ffffff1f;border-radius:10px;gap:8px;padding:8px;display:grid}.create-flow-catalog-modal__item:hover{border-color:#19d0f48c}.create-flow-catalog-modal__item--selected{background:#0e83d52e;border-color:#19d0f4bf}.create-flow-catalog-modal__thumb{aspect-ratio:1;background:#27272ae6;border-radius:8px;width:100%;overflow:hidden}.create-flow-catalog-modal__thumb-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.create-flow-catalog-modal__thumb-empty{color:#a1a1aa;justify-content:center;align-items:center;width:100%;height:100%;font-size:12px;display:flex}.create-flow-catalog-modal__item-title{color:#e4e4e7;font-size:12px;font-weight:600;line-height:1.35}.create-flow-variant-modal{z-index:82;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.create-flow-variant-modal__backdrop{cursor:pointer;background:#000000a3;border:none;position:absolute;inset:0}.create-flow-variant-modal__panel{background:#18181bf5;border:1px solid #ffffff1a;border-radius:12px;width:min(560px,100%);max-height:min(90vh,920px);padding:16px;position:relative;overflow:auto}.create-flow-variant-modal__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.create-flow-variant-modal__title{color:#fff;margin:0;font-size:20px;font-weight:700}.create-flow-variant-modal__subtitle{color:#a1a1aa;margin:6px 0 0;font-size:13px}.create-flow-variant-modal__close{color:#d4d4d8;background:#09090bd9;border:1px solid #ffffff24;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.create-flow-variant-modal__select-all{background:#09090b8c;border:1px solid #ffffff1f;border-radius:10px;margin-bottom:10px;padding:8px}.create-flow-variant-modal__count{color:#a1a1aa;margin:6px 4px 0;font-size:12px}.create-flow-variant-modal__list{border:1px solid #ffffff1f;border-radius:10px;overflow:hidden}.create-flow-variant-modal__group{border-bottom:1px solid #ffffff14}.create-flow-variant-modal__group:last-child{border-bottom:none}.create-flow-variant-modal__row{color:#f4f4f5;text-align:left;background:#09090b94;border:none;justify-content:space-between;align-items:center;width:100%;padding:12px 10px;display:inline-flex}.create-flow-variant-modal__row--selected{background:#0e83d52e}.create-flow-variant-modal__row-left{align-items:center;gap:10px;font-size:14px;display:inline-flex}.create-flow-variant-modal__swatch{background:#ffffff14;border:1px solid #ffffff40;border-radius:999px;flex:none;width:16px;height:16px;overflow:hidden}.create-flow-variant-modal__swatch-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.create-flow-variant-modal__row-right{align-items:center;gap:8px;display:inline-flex}.create-flow-variant-modal__row-meta{color:#d4d4d8;font-size:12px;font-weight:600}.create-flow-variant-modal__expand{color:#d4d4d8;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.create-flow-variant-modal__sizes{border-top:1px solid #ffffff0f}.create-flow-variant-modal__size-row{background:#09090b5c;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;width:100%;padding:10px 10px 10px 42px;display:inline-flex}.create-flow-variant-modal__size-row:last-child{border-bottom:none}.create-flow-variant-modal__row-left input{width:18px;height:18px;margin:0}.create-flow-schedule{background:0 0;border:none;border-radius:0;padding:0}.create-flow-schedule__label{margin:0 0 10px}.create-flow-schedule__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.create-flow-schedule__field{gap:6px;display:grid}.create-flow-schedule__field span{color:#a1a1aa;font-size:12px;font-weight:600}.create-flow-schedule__repeat-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.create-flow-schedule__repeat-inline-label{color:#d4d4d8;white-space:nowrap;font-size:14px;font-weight:600}.create-flow-schedule__repeat-number{text-align:center;width:68px;min-width:68px}.create-flow-schedule__repeat-unit{width:88px;min-width:88px}.create-flow-schedule__time-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;filter:brightness(0)saturate()invert(88%)sepia(10%)saturate(190%)hue-rotate(178deg)brightness(92%)contrast(89%)}.create-flow-schedule__days{margin-top:12px}.create-flow-schedule__days-label{color:#a1a1aa;margin:0 0 8px;font-size:12px;font-weight:600}.create-flow-schedule__days-options{flex-wrap:wrap;gap:8px;display:flex}.create-flow-schedule__day{color:#e4e4e7;text-align:center;background:#18181be6;border:none;border-radius:2px;min-width:48px;padding:8px 10px;font-size:12px;font-weight:700}.create-flow-schedule__day:hover{background:#27272af2}.create-flow-schedule__day--selected{color:#d5f6ff;background:#0e83d533}.create-flow-schedule__estimate{gap:4px;margin-top:14px;display:grid}.create-flow-schedule__estimate-title{color:#d4d4d8;margin:0;font-size:12px;font-weight:700}.create-flow-schedule__estimate-line{color:#f4f4f5;margin:0;font-size:13px;font-weight:600}.create-flow-schedule__estimate-hint{color:#a1a1aa;margin:2px 0 0;font-size:12px}.create-flow-variant-list{gap:8px;display:grid}.create-flow-variant-list__item{color:#e4e4e7;background:#18181be6;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:600;display:inline-flex}.create-flow-variant-list__item input{accent-color:#19d0f4;width:16px;height:16px}.create-flow-overview{background:var(--color-surface-container,#202024);cursor:default;gap:16px;padding:20px;display:grid}.create-flow-overview:hover{border-color:var(--color-surface-container-low,#1b1b1e)}.create-flow-overview__hero{background:linear-gradient(140deg, #19d0f414, transparent 42%), var(--color-surface-container,#202024);border:1px solid #19d0f42e;grid-template-columns:minmax(0,1fr) minmax(320px,36%);align-items:stretch;gap:16px;display:grid;position:relative;overflow:hidden}.create-flow-overview__hero:before{content:"";pointer-events:none;background:linear-gradient(#ffffff08,#0000 48%);position:absolute;inset:0}.create-flow-overview__hero-copy{z-index:1;gap:8px;min-width:0;display:grid;position:relative}.create-flow-overview__eyebrow{color:#19d0f4;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.create-flow-overview__name-row{align-items:flex-start;gap:12px;display:flex}.create-flow-overview__name-field{flex:1}.create-flow-overview__name-value{color:#fff;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0;font-size:clamp(22px,2.4vw,30px);font-weight:800;line-height:1.15;overflow:hidden}.create-flow-overview__name-actions{align-items:center;gap:8px;display:inline-flex}.create-flow-overview__name-action{color:#d4d4d8;cursor:pointer;background:#18181bd1;border:1px solid #ffffff24;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.create-flow-overview__name-action:hover{color:#d5f6ff;border-color:#19d0f4bf}.create-flow-overview__name-action--confirm{color:#d5f6ff;background:#0e83d538;border-color:#19d0f4bf}.create-flow-overview__name-hint{color:#71717a;margin:0;font-size:12px}.create-flow-overview__name-hint--error{color:#fca5a5}.create-flow-overview__hero-meta{z-index:1;grid-template-columns:1fr;align-content:stretch;gap:10px;display:grid;position:relative}.create-flow-overview__pill{background:#09090b85;border:1px solid #ffffff1a;border-radius:12px;align-content:center;gap:6px;padding:10px 12px;display:grid}.create-flow-overview__pill-label{color:#a1a1aa;letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:700}.create-flow-overview__pill-value{color:#f4f4f5;word-break:break-word;font-size:13px;font-weight:600;line-height:1.4}.create-flow-overview__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.create-flow-overview__stat{border-top:2px solid #19d0f44d;gap:6px;display:grid;position:relative}.create-flow-overview__stat-hint{color:#71717a;margin:0;font-size:12px}.create-flow-overview__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.create-flow-overview__panel{align-content:start;gap:12px;display:grid}.create-flow-overview__panel-title{color:#fff;margin:0;font-size:14px;font-weight:700}.create-flow-overview__info-list{gap:10px;margin:0;display:grid}.create-flow-overview__info-list div{grid-template-columns:112px minmax(0,1fr);align-items:baseline;gap:8px;min-width:0;display:grid}.create-flow-overview__info-list dt{color:#a1a1aa;text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:11px;font-weight:700}.create-flow-overview__info-list dd{color:#f4f4f5;word-break:break-word;margin:0;font-size:13px;line-height:1.5}.create-flow-overview__status-badge{width:fit-content}.create-flow-overview__history{gap:10px;margin:0;padding:0;list-style:none;display:grid}.create-flow-overview__history-list-item{min-width:0}.create-flow-overview__history-item{text-align:left;cursor:pointer;background:#09090b8c;width:100%;padding:12px}.create-flow-overview__history-title{color:#fff;margin:0;font-size:13px;font-weight:700}.create-flow-overview__history-date{color:#a1a1aa;margin:0;font-size:12px;line-height:1.4}.create-flow-gallery{cursor:default;gap:16px;padding:20px;display:grid}.create-flow-gallery:hover{border-color:var(--color-surface-container-low,#1b1b1e)}.create-flow-gallery__grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.create-flow-gallery__empty.app-empty-state{background:color-mix(in srgb, var(--color-surface-container-low,#1b1b1e) 86%, #000 14%);border:1px dashed #ffffff2e;border-radius:14px;min-height:220px}.create-flow-gallery__empty-note{color:#a1a1aa;margin:2px 0 0;font-size:13px;line-height:1.5}.create-flow-gallery__empty-note strong{color:#e4e4e7;font-weight:700}.create-flow-gallery__card{background:#09090b8c;padding:0;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:grid;overflow:hidden}.create-flow-gallery__card:hover{border-color:#19d0f48c;transform:translateY(-2px);box-shadow:0 16px 28px #0000003d}.create-flow-gallery__image{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;background:#18181beb;width:100%;display:block}.create-flow-gallery__copy{gap:8px;padding:14px;display:grid}.create-flow-gallery__meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.create-flow-gallery__run{color:#fff;font-size:13px;font-weight:700}.create-flow-gallery__style{color:#cffafe;text-transform:uppercase;background:#0e83d52e;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.create-flow-gallery__prompt{color:#e4e4e7;margin:0;font-size:13px;line-height:1.5}.create-flow-gallery__timestamp{color:#a1a1aa;margin:0;font-size:12px}.create-flow-gallery__load-more{gap:8px;display:grid}.create-flow-runs{cursor:default;gap:16px;padding:20px;display:grid}.create-flow-runs:hover{border-color:var(--color-surface-container-low,#1b1b1e)}.create-flow-runs__header-actions{align-items:center;gap:8px;display:inline-flex}.create-flow-runs__filter-popover{position:relative}.create-flow-runs__filter-panel{background:var(--color-surface-container-high,#2a2a2d);z-index:40;border:1px solid #ffffff1f;border-radius:12px;width:min(860px,100vw - 80px);padding:12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 32px #00000059}.create-flow-runs__filters{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px;display:grid}.create-flow-runs__filters--popover{margin:0}.create-flow-runs__filter-control{color:#fff;background:#09090ba6;border:1px solid #ffffff24;border-radius:10px;outline:none;width:100%;min-height:44px;padding:10px 12px;font-size:14px;line-height:1.4;transition:border-color .2s,box-shadow .2s}.create-flow-runs__filter-control:focus{border-color:#19d0f4a6;box-shadow:0 0 0 3px #19d0f426}.create-flow-runs__filter-control--date{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.create-flow-runs__filter-control--date::-webkit-calendar-picker-indicator{filter:invert()brightness(1.1);cursor:pointer}.create-flow-runs__filter-control--select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#ffffffb3 50%),linear-gradient(135deg,#ffffffb3 50%,#0000 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:36px}.create-flow-runs__filter-actions{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.create-flow-runs__filters--popover .create-flow-runs__filter-actions{grid-column:1/-1;justify-content:flex-end}.create-flow-runs__layout{grid-template-columns:240px minmax(0,1fr);gap:16px;display:grid}.create-flow-runs__list-column{align-content:start;gap:12px;min-height:0;display:grid}.create-flow-runs__list{gap:10px;max-height:560px;padding-right:4px;display:grid;overflow-y:auto}.create-flow-runs__item{color:#fff;text-align:left;background:#09090b8c;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:12px;display:flex}.create-flow-runs__item--selected{background:#0e83d52e;border-color:#19d0f4cc}.create-flow-runs__item--running{border-color:#19d0f473;box-shadow:inset 3px 0 #19d0f4f2}.create-flow-runs__item-title{font-size:13px;font-weight:700}.create-flow-runs__item-title-row{align-items:center;gap:6px;display:inline-flex}.create-flow-runs__item-status-icon{color:#a1a1aa;justify-content:center;align-items:center;line-height:1;display:inline-flex}.create-flow-runs__item-status-icon--queued,.create-flow-runs__item-status-icon--running{color:#fb923c}.create-flow-runs__item-status-icon--completed{color:#4ade80}.create-flow-runs__item-status-icon--failed{color:#f87171}.create-flow-runs__item-copy{gap:4px;min-width:0;display:grid}.create-flow-runs__item-meta,.create-flow-runs__item-date{color:#a1a1aa;font-size:12px;line-height:1.4}.create-flow-runs__item-status{color:#d4d4d8;text-transform:capitalize;background:#ffffff14;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-width:72px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.create-flow-runs__item-status--queued{color:#fb923c;background:#fb923c1f;border-color:#fb923c59}.create-flow-runs__item-status--running{color:#19d0f4;background:#19d0f41f;border-color:#19d0f473}.create-flow-runs__item-status--completed{color:#4ade80;background:#4ade801f;border-color:#4ade8059}.create-flow-runs__item-status--failed{color:#f87171;background:#f871711f;border-color:#f8717159}.create-flow-runs__item-status--neutral{border-color:#ffffff1a}.create-flow-runs__load-more{gap:8px;display:grid}.create-flow-runs__detail{cursor:default;background:#09090b8c;gap:16px;padding:16px;display:grid}.create-flow-runs__detail:hover{border-color:var(--color-surface-container-low,#1b1b1e)}.create-flow-runs__detail-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.create-flow-runs__detail-title{color:#fff;margin:0;font-size:16px;font-weight:700}.create-flow-runs__detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.create-flow-runs__detail-label{color:#a1a1aa;letter-spacing:.03em;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:700}.create-flow-runs__detail-value{color:#f4f4f5;margin:0;font-size:13px;line-height:1.5}.create-flow-runs__payloads{gap:12px;display:grid}.create-flow-runs__payloads pre{color:#d4d4d8;background:#18181be6;border:1px solid #ffffff14;border-radius:10px;margin:0;padding:12px;font-size:12px;line-height:1.5;overflow:auto}.create-flow-runs__steps{gap:12px;display:grid}.create-flow-runs__steps-title{color:#fff;margin:0;font-size:14px;font-weight:700}.create-flow-runs__step{cursor:default;background:#18181be0;gap:10px;padding:12px;display:grid}.create-flow-runs__step pre{color:#d4d4d8;background:#09090bb3;border-radius:10px;margin:0;padding:12px;font-size:12px;line-height:1.5;overflow:auto}.create-flow-runs__step-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.create-flow-runs__step-message{color:#e4e4e7;margin:0;font-size:13px;line-height:1.6}.create-flow-form__actions{grid-column:1/-1;justify-content:space-between;gap:10px;margin-top:10px;display:flex}@keyframes create-flow-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.create-flow-page__layout{grid-template-columns:1fr}.create-flow-page__sidebar{position:static}.create-flow-page__header-main,.create-flow-page__header-actions,.create-flow-preview__header,.create-flow-review__actions,.create-flow-runs__detail-header,.create-flow-runs__step-header{flex-direction:column;align-items:stretch}.create-flow-form__actions{flex-direction:column}.create-flow-filters{grid-template-columns:1fr}.create-flow-filters__item,.create-flow-filters__item--compact{grid-column:auto}.create-flow-filters__platform-menu,.create-flow-filters__categories-menu{grid-template-columns:1fr;width:100%}.create-flow-style-grid__options{grid-template-columns:repeat(2,minmax(0,1fr))}.create-flow-position__layout{grid-template-columns:1fr}.create-flow-position__preview-card,.create-flow-position__preview-media,.create-flow-position__preview-image,.create-flow-position__preview-placeholder{min-height:280px}.create-flow-runs__layout,.create-flow-runs__detail-grid,.create-flow-overview__hero,.create-flow-overview__hero-meta,.create-flow-overview__stats,.create-flow-overview__grid,.create-flow-runs__filters,.create-flow-settings-tabs{grid-template-columns:1fr}.create-flow-catalog-modal{padding:12px}.create-flow-overview__name-row{flex-direction:column;align-items:stretch}.create-flow-overview__name-actions{align-self:flex-start}.create-flow-settings__header,.create-flow-overview__header,.create-flow-gallery__header,.create-flow-runs__header{flex-direction:column;align-items:stretch}.create-flow-overview__info-list div{grid-template-columns:1fr;gap:4px}.create-flow-catalog-modal__panel{padding:12px}.create-flow-catalog-modal__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.create-flow-variant-modal,.create-flow-variant-modal__panel{padding:12px}.create-flow-schedule__grid{grid-template-columns:1fr}.create-flow-schedule__repeat-row{flex-wrap:wrap;align-items:stretch}.create-flow-schedule__repeat-number,.create-flow-schedule__repeat-unit{width:100%;min-width:0}.create-flow-runs__list{max-height:420px}}.flows-page{min-height:100vh}.flows-page__content{flex:1;padding:24px;overflow-y:auto}.flows-page__container{max-width:1440px;margin:0 auto}.flows-page__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.flows-page__header-actions{flex-shrink:0}.flows-page__header-icon{background-color:var(--color-surface-container-high,#2a2a2d);width:48px;height:48px;color:var(--color-secondary-container,#a9f900);border-radius:4px;justify-content:center;align-items:center;display:flex}.flows-page__title{color:#fff;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:800}.flows-page__subtitle{color:#71717a;margin:0;font-size:14px}.flows-page__section{margin-bottom:24px}.flows-page__panel-text{color:#a1a1aa;margin:0;font-size:14px;line-height:1.6}.flows-page__empty{margin-top:4px}.flows-page__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.flows-page__item:focus-visible{outline:2px solid var(--color-primary-container,#ab77ff);outline-offset:2px}.flows-page__item-copy{align-content:start;gap:14px;min-width:0;display:grid}.flows-page__item-header{min-width:0}.flows-page__item-actions{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.flows-page__item-title{color:#fff;margin:0;font-size:16px;font-weight:700;line-height:1.4}.flows-page__item-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.flows-page__badge{flex-shrink:0;width:fit-content}.flows-page__item-meta{flex-direction:column;gap:12px;margin:0;display:flex}.flows-page__item-meta div{min-width:0}.flows-page__item-meta dt{text-transform:uppercase;letter-spacing:.06em;color:#71717a;margin-bottom:4px;font-size:11px}.flows-page__item-meta dd{color:#f4f4f5;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;overflow:hidden}.flows-page__item-icon-button{width:40px;min-width:40px;height:40px;padding:0}.flows-page__item-toggle-button{white-space:nowrap;width:auto}.flows-page__item-menu{position:relative}.flows-page__item-menu-popover{background:var(--color-surface-container-high,#2a2a2d);z-index:20;border:1px solid #ffffff1f;border-radius:10px;min-width:140px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 30px #00000059}.flows-page__item-menu-item{color:#f4f4f5;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:8px 10px;font-size:13px}.flows-page__item-menu-item:hover:not(:disabled){background:#ffffff14}.flows-page__item-menu-item--danger{color:#fca5a5}.flows-page__item-menu-item--danger:hover:not(:disabled){color:#fecaca;background:#ef444424}.flows-page__item-menu-item:disabled{color:#71717a;cursor:default}.flows-page-modal{z-index:60;background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.flows-page-modal__panel{background:var(--color-surface-container,#202024);border:1px solid #ffffff1f;border-radius:14px;gap:16px;width:min(520px,100%);padding:20px;display:grid;position:relative}.flows-page-modal__header{z-index:1;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.flows-page-modal__title{color:#fff;margin:0;font-size:18px;font-weight:700}.flows-page-modal__subtitle{color:#a1a1aa;margin:6px 0 0;font-size:13px}.flows-page-modal__close{z-index:2;color:#d4d4d8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff29;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.flows-page-modal__field{gap:8px;display:grid}.flows-page-modal__field span{color:#fff;font-size:13px;font-weight:600}.flows-page-modal__field input{color:#fff;background:#18181b;border:1px solid #ffffff26;border-radius:10px;width:100%;padding:10px 12px;font-size:14px}.flows-page-modal__error{color:#fda4af;margin:0;font-size:13px}.flows-page-modal__actions{justify-content:flex-end;gap:10px;display:flex}.flows-page-modal__spin{animation:1s linear infinite flows-page-spin}@keyframes flows-page-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.flows-page__header{flex-direction:column;align-items:flex-start}.flows-page__list,.flows-page__item-meta{grid-template-columns:1fr}.flows-page__item-header{flex-direction:column}.flows-page__item-actions{justify-content:flex-end;width:100%}.flows-page-modal{padding:16px}.flows-page-modal__actions{justify-content:stretch}.flows-page-modal__actions>*{flex:1}}@media (width<=1280px) and (width>=1025px){.flows-page__list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1024px) and (width>=769px){.flows-page__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.fulfillment-page__content{flex:1;padding:24px;overflow-y:auto}.fulfillment-page__container{max-width:1440px;margin:0 auto}.fulfillment-page__header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.fulfillment-page__header-icon{background-color:var(--color-surface-container-high,#2a2a2d);width:48px;height:48px;color:var(--color-secondary-container,#a9f900);border-radius:4px;justify-content:center;align-items:center;display:flex}.fulfillment-page__title{color:#fff;letter-spacing:-.02em;font-size:20px;font-weight:800}.fulfillment-page__subtitle{color:#71717a;margin:0;font-size:14px}.fulfillment-page__section{margin-bottom:24px}.fulfillment-page__loading{color:#a1a1aa;margin:0 0 12px;font-size:13px}.fulfillment-page__error{color:#f97373;margin:0 0 12px;font-size:13px}.fulfillment-page__section-title{color:#a1a1aa;text-transform:uppercase;letter-spacing:.08em;margin:0 0 20px;font-size:13px;font-weight:700}.vendor-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.vendor-card__manage{position:relative}.vendor-card__manage-menu{border-radius:var(--radius-xs);border:1px solid var(--color-surface-container-high,#2a2a2d);background:var(--color-surface-container-low,#1b1b1e);z-index:20;flex-direction:column;gap:4px;min-width:190px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 28px #00000059}.vendor-card__manage-item{border-radius:var(--radius-xs);text-align:left;color:#e4e4e7;cursor:pointer;background:0 0;border:0;width:100%;padding:8px 10px;font-size:13px;font-weight:600}.vendor-card__manage-item:hover:not(:disabled){background:#ffffff0a}.vendor-card__manage-item--danger{color:#fda4af}.vendor-card__manage-item--danger:hover:not(:disabled){background:#f43f5e1f}.vendor-card__manage-item:disabled{opacity:.6;cursor:not-allowed}.vendor-card__media{aspect-ratio:16/9;background:radial-gradient(circle at 20% 18%, #ab77ff40, transparent 38%), radial-gradient(circle at 80% 82%, #7fd3e540, transparent 45%), var(--color-surface-container);border-radius:12px;justify-content:center;align-items:center;display:flex;overflow:hidden}.vendor-card__logo{-o-object-fit:contain;object-fit:contain;border-radius:4px;width:48px;height:48px;display:block}.vendor-card__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.vendor-card__text{min-width:0}.vendor-card__name{color:#fff;margin:0;font-size:18px;font-weight:700}.vendor-card__description{color:#a1a1aa;margin:8px 0 0;font-size:13px;line-height:1.6}.vendor-card__status{border-top:1px solid var(--color-surface-container-highest,#353438);flex-direction:column;gap:6px;padding-top:16px;display:flex}.vendor-card__status-label{color:#71717a;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.vendor-card__status-badge{width:fit-content}.vendor-connect-modal{z-index:60;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.vendor-connect-modal__backdrop{cursor:pointer;background-color:#000000a6;border:none;position:absolute;inset:0}.vendor-connect-modal__panel{flex-direction:column;gap:20px;width:min(520px,100%);padding:24px;display:flex;position:relative}.vendor-connect-modal__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.vendor-connect-modal__title{color:#fff;letter-spacing:-.01em;margin:0;font-size:22px;font-weight:800}.vendor-connect-modal__subtitle{color:#a1a1aa;margin:6px 0 0;font-size:13px}.vendor-connect-modal__close{border:1px solid var(--color-surface-container-highest,#353438);background:var(--color-surface-container-high,#2a2a2d);color:#a1a1aa;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.vendor-connect-modal__form{flex-direction:column;gap:14px;display:flex}.vendor-connect-modal__field{flex-direction:column;gap:8px;display:flex}.vendor-connect-modal__field-label{color:#d4d4d8;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.vendor-connect-modal__error{color:#f97373;margin:0;font-size:13px}.vendor-connect-modal__actions{justify-content:flex-end;gap:10px;display:flex}.vendor-disconnect-modal{z-index:65;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.vendor-disconnect-modal__backdrop{cursor:pointer;background-color:#000000a6;border:none;position:absolute;inset:0}.vendor-disconnect-modal__panel{flex-direction:column;gap:16px;width:min(460px,100%);padding:24px;display:flex;position:relative}.vendor-disconnect-modal__title{color:#fff;letter-spacing:-.01em;margin:0;font-size:21px;font-weight:800}.vendor-disconnect-modal__body{color:#a1a1aa;margin:0;font-size:13px;line-height:1.5}.vendor-disconnect-modal__error{color:#f97373;margin:0;font-size:13px}.vendor-disconnect-modal__actions{justify-content:flex-end;gap:10px;display:flex}@media (width<=768px){.fulfillment-page__content{padding:24px}.vendor-grid{grid-template-columns:1fr}.vendor-connect-modal{padding:12px}.vendor-connect-modal__panel{padding:18px}.vendor-connect-modal__title{font-size:19px}}.sign-in-page{background:var(--color-surface-container-lowest);justify-content:center;align-items:center;min-height:100vh;padding:18px;display:flex;position:relative;overflow:hidden}.sign-in-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 15%,#ab77ff1a,#0000 35%),radial-gradient(circle at 85% 30%,#7fd3e514,#0000 35%);position:absolute;inset:0}.sign-in-page>*{z-index:1;position:relative}.sign-in-page__box{background:var(--color-surface-container-low);border-radius:var(--radius-xl);grid-template-columns:minmax(360px,1fr) minmax(400px,1.1fr);gap:20px;width:min(90vw,1100px);min-height:min(80vh,800px);padding:16px;display:grid;box-shadow:0 32px 64px #0006}.sign-in-page__visual{background-color:var(--color-surface-container);border-radius:var(--radius-lg);color:#fff;z-index:0;flex-direction:column;justify-content:space-between;min-height:100%;padding:40px;display:flex;position:relative;overflow:hidden}.sign-in-page__brand{letter-spacing:-.02em;align-items:center;gap:12px;font-size:18px;font-weight:800;display:inline-flex}.sign-in-page__brand-icon{border-radius:var(--radius-md);background:#ffffff0d;border:1px solid #ffffff1a;grid-template-rows:repeat(2,8px);grid-template-columns:repeat(2,8px);justify-content:center;align-items:center;gap:3px;width:40px;height:40px;display:grid;box-shadow:inset 0 2px 4px #ffffff0d}.sign-in-page__brand-icon span{background:var(--color-secondary-container);border-radius:var(--radius-xs);width:8px;height:8px;display:block;box-shadow:0 0 10px #a9f90066}.sign-in-page__brand-icon span:last-child{grid-column:1}.sign-in-page__content{flex-direction:column;justify-content:center;width:100%;max-width:420px;margin:0 auto;padding:24px 32px;display:flex}.sign-in-page__content h1{color:#f8fafc;letter-spacing:-.02em;margin:0 0 32px;font-size:32px;font-weight:800;line-height:1}.sign-in-page__social-actions{gap:12px;display:grid}.sign-in-page__social-icon{border-radius:var(--radius-pill);justify-content:center;align-items:center;width:20px;height:20px;margin-right:8px;display:inline-flex}.sign-in-page__social-icon-svg{width:20px;height:20px;display:block}.sign-in-page__social-actions .app-button{background:var(--color-surface-container-high);color:#f8fafc;border-color:#ffffff1a}.sign-in-page__social-actions .app-button:hover{background:var(--color-surface-container-highest);border-color:#ffffff26}.sign-in-page__divider{color:#64748b;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:16px;margin:28px 0;font-size:13px;font-weight:600;display:flex}.sign-in-page__divider:before,.sign-in-page__divider:after{content:"";background:#ffffff1a;flex:auto;height:1px}.sign-in-page__form{gap:20px;display:grid}.sign-in-page__error{border-radius:var(--radius-xs);color:#fecaca;background:#ef44441f;border:1px solid #f8717159;margin:0;padding:10px 12px;font-size:13px;line-height:1.5}.sign-in-page__field-error{color:#fca5a5;margin:0;font-size:12px;line-height:1.4}.sign-in-page__field{gap:8px;display:grid}.sign-in-page__field-header{justify-content:space-between;align-items:center;display:flex}.sign-in-page__label{color:#e2e8f0;font-size:13px;font-weight:600;line-height:1.2}.sign-in-page__forgot-link{color:var(--color-tertiary);font-size:13px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-block}.sign-in-page__forgot-link:hover{filter:brightness(1.2)}.sign-in-page__password-input-wrap{position:relative}.sign-in-page__password-input{width:100%;padding-right:44px}.sign-in-page__password-toggle.app-button{color:#82868e;background:0 0;border-color:#0000;min-width:32px;height:32px;padding:0;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.sign-in-page__password-toggle.app-button:hover{color:#e2e8f0;background:#ffffff0d}.sign-in-page__signup-text{color:#94a3b8;text-align:center;margin:28px 0 0;font-size:14px}.sign-in-page__terms-text{color:#64748b;text-align:center;margin:20px 0 0;font-size:13px;line-height:1.5}.sign-in-page__terms-link{color:#94a3b8;text-decoration:underline;transition:color .15s}.sign-in-page__terms-link:hover{color:#e2e8f0}.sign-in-page__signup-link{color:var(--color-secondary-container);font-weight:700;text-decoration:none;transition:color .15s}.sign-in-page__signup-link:hover{filter:brightness(1.1);text-shadow:0 0 10px #a9f9004d}@media (width<=860px){.sign-in-page{padding:16px}.sign-in-page__box{grid-template-columns:1fr;gap:0;width:min(100%,540px);min-height:auto;padding:12px}.sign-in-page__visual{display:none}.sign-in-page__content{max-width:none;padding:32px 24px}}.forgot-password-page__description{color:#94a3b8;margin:0 0 20px;font-size:14px;line-height:1.5}.forgot-password-page__success{border-radius:var(--radius-xs);color:#d4ff7f;background:#a6ff001f;border:1px solid #a6ff004d;margin:0;padding:10px 12px;font-size:13px;line-height:1.5}.forgot-password-page__footer{color:#94a3b8;text-align:center;margin:20px 0 0;font-size:14px}.maintenance-page{background:var(--color-surface-container-lowest);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px 24px;display:flex;position:relative;overflow:hidden}.maintenance-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 30% 40%,#ab77ff1f,#0000 40%),radial-gradient(circle at 70% 60%,#7fd3e517,#0000 40%),radial-gradient(circle at 50% 80%,#a9f9000f,#0000 35%);position:absolute;inset:0}.maintenance-page>*{z-index:1;position:relative}.maintenance-page__icon{background:var(--color-surface-container);border-radius:var(--radius-xl);color:var(--color-primary-container);border:1px solid #ffffff14;justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:40px;animation:3s ease-in-out infinite maintenance-pulse;display:flex;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0a}@keyframes maintenance-pulse{0%,to{transform:scale(1);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0a}50%{transform:scale(1.05);box-shadow:0 12px 48px #ab77ff26,inset 0 1px #ffffff0f}}.maintenance-page__icon svg{animation:8s linear infinite maintenance-spin}@keyframes maintenance-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.maintenance-page__title{background:linear-gradient(135deg, var(--color-primary-container) 0%, var(--color-tertiary) 50%, var(--color-secondary-container) 100%);color:#0000;letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:clamp(28px,5vw,48px);font-weight:800;line-height:1.1}.maintenance-page__subtitle{color:var(--gray-400);max-width:480px;margin:0 auto;font-size:clamp(14px,2vw,17px);font-weight:400;line-height:1.6}.maintenance-page__divider{background:linear-gradient(90deg,#0000,#ab77ff4d,#7fd3e54d,#0000);border:none;width:min(280px,60%);height:1px;margin:40px auto}.maintenance-page__actions{flex-direction:column;align-items:center;gap:12px;margin-bottom:28px;display:flex}.maintenance-page__reload-button.app-button{min-width:140px}.maintenance-page__status{margin:0;font-size:13px;line-height:1.4}.maintenance-page__status--error{color:#fca5a5}.maintenance-page__footer{color:var(--gray-600);letter-spacing:.02em;font-size:13px}@media (width<=480px){.maintenance-page{padding:24px 16px}.maintenance-page__icon{width:72px;height:72px;margin-bottom:32px}}.not-found-page{background:var(--color-surface-container-lowest);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px 24px;display:flex;position:relative;overflow:hidden}.not-found-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 35% 35%,#ab77ff1a,#0000 40%),radial-gradient(circle at 65% 65%,#7fd3e514,#0000 40%);position:absolute;inset:0}.not-found-page>*{z-index:1;position:relative}.not-found-page__code{background:linear-gradient(135deg, var(--color-primary-container) 0%, var(--color-tertiary) 50%, var(--color-secondary-container) 100%);color:#0000;letter-spacing:-.05em;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(100px,20vw,180px);font-weight:900;line-height:1}.not-found-page__title{color:var(--gray-50);letter-spacing:-.02em;margin:8px 0 0;font-size:clamp(22px,4vw,32px);font-weight:700;line-height:1.2}.not-found-page__subtitle{color:var(--gray-400);max-width:420px;margin:12px auto 0;font-size:clamp(14px,2vw,16px);font-weight:400;line-height:1.6}.not-found-page__divider{background:linear-gradient(90deg,#0000,#ab77ff40,#7fd3e540,#0000);border:none;width:min(240px,50%);height:1px;margin:36px auto}.not-found-page__link{background:var(--color-surface-container);border-radius:var(--radius-md);color:var(--gray-200);border:1px solid #ffffff14;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.not-found-page__link:hover{background:var(--color-surface-container-high);color:#fff;border-color:#ab77ff4d;box-shadow:0 4px 24px #ab77ff1a}@media (width<=480px){.not-found-page{padding:24px 16px}}.payment-page__content{flex:1;padding:24px;overflow-y:auto}.payment-page__container{max-width:1220px;margin:0 auto}.payment-page__header{margin-bottom:20px}.payment-page__back-link{border-radius:var(--radius-xs);border:1px solid var(--color-surface-container-high,#2a2a2d);color:#d4d4d8;cursor:pointer;background:0 0;align-items:center;gap:8px;height:40px;padding:0 14px;font-size:14px;font-weight:600;transition:border-color .2s,background-color .2s,color .2s;display:inline-flex}.payment-page__back-link:hover{border-color:color-mix(in srgb, var(--color-secondary-container,#a9f900) 36%, transparent);background-color:var(--color-surface-container-high,#2a2a2d);color:#fff}.payment-page__layout{grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr);align-items:start;gap:16px;display:grid}.payment-page__card{background-color:var(--color-surface-container,#1f1f22);border:1px solid var(--color-surface-container-high,#2a2a2d);border-radius:var(--radius-lg,16px);cursor:default;padding:24px}.payment-page__card:hover{border-color:var(--color-surface-container-high,#2a2a2d)}.payment-page__card-head{margin-bottom:20px}.payment-page__card-head h2{color:#f5f5f5;margin:0;font-size:16px;font-weight:700}.payment-page__card-head p{color:#71717a;margin:4px 0 0;font-size:13px;line-height:1.5}.payment-page__card-head--with-action{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.payment-page__card-head-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.payment-page__card-head .payment-page__security-text{color:#4ade80;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:600;display:inline-flex}.payment-page__card-head .payment-page__security-text svg,.payment-page__card-head .payment-page__security-text span{color:#4ade80}.payment-page__saved-methods{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.payment-page__saved-methods-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.payment-page__saved-method{border:1px solid var(--color-surface-container-high,#2a2a2d);border-radius:var(--radius-sm);background:var(--color-surface-container-high,#2a2a2d);cursor:pointer;flex-direction:column;align-items:flex-start;gap:12px;min-height:92px;padding:14px;transition:border-color .2s,background-color .2s;display:flex}.payment-page__saved-method.is-selected{border-color:color-mix(in srgb, var(--color-secondary-container,#a9f900) 58%, transparent);background:color-mix(in srgb, var(--color-secondary-container,#a9f900) 14%, #1f1f22)}.payment-page__saved-method-input{opacity:0;pointer-events:none;position:absolute}.payment-page__saved-method-top{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:inline-flex}.payment-page__saved-method-logo{-o-object-fit:contain;object-fit:contain;flex-shrink:0;width:auto;height:18px}.payment-page__saved-method-name{color:#f5f5f5;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;font-size:13px;font-weight:650;overflow:hidden}.payment-page__saved-method-chip{margin-left:auto}.payment-page__saved-method-bottom{color:#d4d4d8;align-items:center;gap:10px;font-size:16px;font-weight:650;display:inline-flex}.payment-page__saved-method-divider{color:#a1a1aa;font-size:14px;font-weight:500}.payment-page__saved-methods-empty{color:#71717a;margin:0;font-size:13px}.payment-page__field+.payment-page__field{margin-top:14px}.payment-page__field label{color:#d4d4d8;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.payment-page__card-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.payment-page__card-row .payment-page__field+.payment-page__field{margin-top:0}.payment-page__card-row+.payment-page__field{margin-top:14px}.payment-page__cycle-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.payment-page__cycle-toggle--single{grid-template-columns:minmax(0,1fr)}.payment-page__cycle-option{border:1px solid var(--color-surface-container-high,#2a2a2d);background:var(--color-surface-container-high,#2a2a2d);color:#d4d4d8;border-radius:var(--radius-sm);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:8px 10px;font-size:13px;font-weight:700;transition:border-color .2s,background-color .2s,color .2s;display:flex}.payment-page__cycle-option span{color:#a1a1aa;font-size:12px;font-weight:600}.payment-page__cycle-option.active{border-color:color-mix(in srgb, var(--color-secondary-container,#a9f900) 60%, transparent);background:color-mix(in srgb, var(--color-secondary-container,#a9f900) 16%, #1f1f22);color:#f5f5f5}.payment-page__cycle-option.active span{color:#d4d4d8}.payment-page__stripe-input{border-radius:var(--radius-xs);border:1px solid var(--color-surface-container-high,#2a2a2d);background:var(--color-surface-container-high,#2a2a2d);align-items:center;min-height:40px;padding:0 12px;transition:border-color .2s;display:flex}.payment-page__stripe-input .StripeElement,.payment-page__stripe-input .__PrivateStripeElement{flex:1;width:100%}.payment-page__stripe-input--with-brand{padding-right:58px;position:relative}.payment-page__card-brand{pointer-events:none;width:44px;height:26px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.payment-page__stripe-input:focus-within{border-color:color-mix(in srgb, var(--color-secondary-container,#a9f900) 44%, #2a2a2d)}.payment-page__country-select-wrap{position:relative}.payment-page__country-select{border-radius:var(--radius-xs);border:1px solid var(--color-surface-container-high,#2a2a2d);background:var(--color-surface-container-high,#2a2a2d);color:#e2e8f0;appearance:none;outline:none;width:100%;height:40px;padding:0 12px;font-size:14px}.payment-page__country-select-wrap svg{pointer-events:none;color:#8b8b93;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.payment-page__actions{justify-content:flex-start;gap:10px;margin-top:22px;display:flex}.payment-page__status{margin-top:10px;font-size:13px;line-height:1.4}.payment-page__status--error{color:#ef4444}.payment-page__status--success{color:#86efac}.payment-page__summary{background:var(--color-surface-container,#1f1f22);border:1px solid var(--color-surface-container-high,#2a2a2d);border-radius:var(--radius-lg,16px);cursor:default;padding:20px}.payment-page__summary h3{color:#fff;margin:0;font-size:16px;font-weight:700}.payment-page__summary:hover{border-color:var(--color-surface-container-high,#2a2a2d)}.payment-page__summary-subtitle{color:#71717a;margin:6px 0 16px;font-size:13px}.payment-page__summary-cycle{margin-bottom:12px}.payment-page__summary-cycle-label{color:#d4d4d8;margin:0 0 8px;font-size:13px;font-weight:600}.payment-page__promo-field{margin-bottom:12px}.payment-page__promo-field label{color:#d4d4d8;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.payment-page__promo-input-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.payment-page__promo-input-row .app-button{min-width:92px}.payment-page__promo-status{margin:6px 0 0;font-size:12px;line-height:1.4}.payment-page__promo-status--error{color:#ef4444}.payment-page__promo-status--success{color:#86efac}.payment-page__summary-subtitle--compact{margin:10px 0 0}.payment-page__summary-row{color:#d4d4d8;border-bottom:1px solid var(--color-surface-container-high,#2a2a2d);justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;display:flex}.payment-page__summary-row--total{color:#fff;border-bottom:none;font-weight:700}.payment-page__summary-row--discount{color:#86efac}.payment-page__summary-cta{width:100%;margin-top:14px}.payment-page__thank-you,.payment-page__max-plan{justify-content:center;display:flex}.payment-page__thank-you-card{text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:680px;margin:8px auto 0;display:flex}.payment-page__thank-you-card svg{color:#4ade80}.payment-page__thank-you-card h2{color:#fff;margin:4px 0 0;font-size:24px;font-weight:700}.payment-page__thank-you-card p{color:#a1a1aa;max-width:520px;margin:0;line-height:1.6}.payment-page__max-plan-card{text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:720px;margin:8px auto 0;display:flex}.payment-page__max-plan-card svg{color:#a9f900}.payment-page__max-plan-card h2{color:#fff;margin:4px 0 0;font-size:24px;font-weight:700}.payment-page__max-plan-card p{color:#a1a1aa;max-width:580px;margin:0;line-height:1.6}.payment-page__card--warning h2{color:#fff;margin:0;font-size:18px;font-weight:700}.payment-page__card--warning p{color:#a1a1aa;margin:10px 0 0;line-height:1.5}.payment-page__card--warning code{color:#d4d4d8;background:var(--color-surface-container-high,#2a2a2d);border-radius:6px;padding:1px 6px}@media (width<=1024px){.payment-page__layout{grid-template-columns:1fr}}@media (width<=768px){.payment-page__content{padding:24px}.payment-page__card{padding:20px}.payment-page__header,.payment-page__card-head--with-action{flex-direction:column}.payment-page__card-head-actions{justify-content:space-between;width:100%}.payment-page__actions{flex-wrap:wrap;justify-content:stretch}.payment-page__card-row,.payment-page__promo-input-row{grid-template-columns:1fr}.payment-page__promo-input-row .app-button{width:100%}}@media (width<=640px){.legal-page{padding:12px}.legal-page__container{width:100%;max-height:calc(100vh - 24px);padding:16px}}.reset-password-page__description{color:#94a3b8;margin:0 0 20px;font-size:14px;line-height:1.5}.reset-password-page__success{border-radius:var(--radius-xs);color:#d4ff7f;background:#a6ff001f;border:1px solid #a6ff004d;margin:0;padding:10px 12px;font-size:13px;line-height:1.5}.reset-password-page__footer{color:#94a3b8;text-align:center;margin:20px 0 0;font-size:14px}.setting-page__content{flex:1;padding:24px;overflow-y:auto}.setting-page__container{max-width:1440px;margin:0 auto}.setting-page__layout{grid-template-columns:minmax(220px,260px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.setting-page__main{min-width:0}.setting-page__header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.setting-page__header-icon{background-color:var(--color-surface-container-high,#2a2a2d);width:48px;height:48px;color:var(--color-secondary-container,#a9f900);border-radius:12px;justify-content:center;align-items:center;display:flex}.setting-page__title{color:#fff;letter-spacing:-.02em;font-size:20px;font-weight:800}.setting-page__subtitle{color:#71717a;margin:0;font-size:14px}.setting-sidebar{position:sticky}.setting-section{margin-bottom:36px;scroll-margin-top:24px}.setting-section__heading{color:#a1a1aa;align-items:center;gap:8px;margin-bottom:16px;display:flex}.setting-section__heading h2{color:#d4d4d8;letter-spacing:.02em;margin:0;font-size:14px;font-weight:700}.setting-section__heading--danger,.setting-section__heading--danger h2{color:#ef4444}.setting-card--danger,.setting-card--danger:hover{border-color:#ef444433}.setting-card__row{align-items:center;gap:16px;display:flex}.setting-card__row--between{justify-content:space-between}@media (width<=768px){.setting-card__row--stack-mobile{flex-direction:column;align-items:flex-start}}.setting-card__avatar{background:var(--color-surface-container-high,#2a2a2f);border-radius:50%;flex-shrink:0;width:56px;height:56px;overflow:hidden}.setting-card__avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.setting-card__avatar-info{flex:1}.setting-card__label{color:#e2e8f0;margin:0;font-size:14px;font-weight:600}.setting-card__hint{color:#71717a;margin:4px 0 0;font-size:12px}.setting-card__fields{flex-direction:column;gap:20px;margin-top:20px;display:flex}.setting-card__field label{color:#e2e8f0;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.setting-page__password-input-wrap{position:relative}.setting-page__password-input-wrap .app-input{width:100%;padding-right:44px}.setting-page__password-toggle.app-button{color:#82868e;background:0 0;border-color:#0000;min-width:32px;height:32px;padding:0;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.setting-page__password-toggle.app-button:hover{color:#e2e8f0;background:#ffffff0d}.setting-page__actions{margin-top:20px}.setting-page__status{margin-top:12px;font-size:13px;line-height:1.4}.setting-page__status--error{color:#ef4444}.setting-page__status--success{color:#86efac}.setting-usage{flex-direction:column;gap:10px;display:flex}.setting-usage__head{justify-content:space-between;align-items:center;gap:16px;display:flex}.setting-usage__value{color:#e2e8f0;font-size:13px;font-weight:700}.setting-usage__meter{background-color:var(--color-surface-container-high,#2a2a2d);border-radius:999px;width:100%;height:10px;overflow:hidden}.setting-usage__meter-fill{background:linear-gradient(90deg,#19d0f4 0%,#0e83d5 100%);border-radius:999px;width:0;height:100%;display:block}.setting-subscription__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.setting-subscription__grid--single{grid-template-columns:minmax(0,1fr)}.setting-subscription__plan{border:1px solid var(--color-surface-container-high,#2a2a2d);background:var(--color-surface-container-low,#1b1b1e);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.setting-subscription__plan--current{border-color:color-mix(in srgb, var(--color-primary-container,#ab77ff) 36%, #2a2a2d)}.setting-subscription__plan--pro{border-color:color-mix(in srgb, var(--color-secondary-container,#a9f900) 36%, #2a2a2d)}.setting-subscription__plan-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.setting-subscription__plan-name{color:#fff;margin:0;font-size:14px;font-weight:700}.setting-subscription__plan-price{color:#fff;letter-spacing:-.02em;margin:4px 0 0;font-size:30px;font-weight:800}.setting-subscription__plan-price span{color:#9ca3af;letter-spacing:0;margin-left:4px;font-size:13px;font-weight:500}.setting-subscription__features{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.setting-subscription__features li{color:#d4d4d8;align-items:center;gap:8px;font-size:13px;display:flex}.setting-subscription__features li:before{content:"";background:var(--color-secondary-container,#a9f900);border-radius:999px;flex-shrink:0;width:6px;height:6px}.setting-subscription__plan .app-button{align-self:flex-start;margin-top:auto}.setting-subscription__foot{border:1px solid var(--color-surface-container-high,#2a2a2d);background:var(--color-surface-container-high,#2a2a2d);border-radius:var(--radius-sm);padding:12px 14px}.setting-subscription__details{margin-top:16px}.setting-subscription__details h4{color:#f5f5f5;margin:0;font-size:15px;font-weight:700}.setting-subscription__warning{background:#f59e0b24;border:1px solid #f59e0b57;border-radius:10px;margin-top:12px;margin-bottom:12px;padding:12px}.setting-subscription__warning p{color:#fcd34d;margin:0;font-size:13px;line-height:1.5}.setting-subscription__warning-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.setting-subscription__details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.setting-subscription__details-item{border:1px solid var(--color-surface-container-high,#2a2a2d);background:var(--color-surface-container-low,#1b1b1e);border-radius:10px;padding:10px 12px}.setting-subscription__details-item span{color:#71717a;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.setting-subscription__details-item strong{color:#e2e8f0;font-size:14px;font-weight:700}.setting-subscription__overview{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.setting-subscription__overview-main h3{color:#fff;letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800}.setting-subscription__overview-main p{color:#8b8b93;margin:8px 0 0;font-size:13px;line-height:1.5}.setting-subscription__overview-plan-row{align-items:center;gap:10px;display:flex}.setting-subscription__overview-main .setting-subscription__cancel-date{color:#fcd34d;font-weight:600}.setting-subscription__overview-actions{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.setting-subscription__upgrade-cta.app-button--variant-glow.app-button--secondary{--upgrade-m:.92rem;border:calc(.08 * var(--upgrade-m)) solid transparent;z-index:0;isolation:isolate;height:auto;min-height:40px;padding:calc(.5 * var(--upgrade-m)) calc(1 * var(--upgrade-m));border-radius:var(--radius-xs);font-size:calc(.92 * var(--upgrade-m));letter-spacing:.01em;color:#f3f3f3;background-color:#0000;background-image:linear-gradient(#121213,#121213),linear-gradient(#121213 50%,#12121399 80%,#12121300),linear-gradient(90deg,#fe2bb0,#19d0f4,#0e83d5,#fe2bb0);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:200%;background-attachment:scroll,scroll,scroll;background-origin:border-box;background-clip:padding-box,border-box,border-box;font-weight:700;animation:2s linear infinite setting-subscription-upgrade-animate;position:relative;overflow:visible}.setting-subscription__upgrade-cta.app-button--variant-glow.app-button--secondary:before{content:"";z-index:-1;width:60%;height:30%;filter:blur(calc(.8 * var(--upgrade-m)));opacity:.65;pointer-events:none;background:linear-gradient(90deg,#fe2bb0,#19d0f4,#0e83d5,#fe2bb0) 0 0/200%;animation:2s linear infinite setting-subscription-upgrade-animate;position:absolute;bottom:-20%;left:20%}.setting-subscription__upgrade-cta.app-button--variant-glow.app-button--secondary:hover:not(:disabled){animation:.5s linear infinite setting-subscription-upgrade-animate}.setting-subscription__upgrade-cta.app-button--variant-glow.app-button--secondary:active:not(:disabled){transform:translateY(1px)}.setting-subscription__upgrade-cta.app-button--variant-glow.app-button--secondary:hover:not(:disabled):before{animation:.5s linear infinite setting-subscription-upgrade-animate}@keyframes setting-subscription-upgrade-animate{0%{background-position:0}to{background-position:200%}}@media screen and (width<=1000px){.setting-subscription__upgrade-cta.app-button--variant-glow.app-button--secondary{--upgrade-m:.82rem}}.setting-subscription__menu{position:relative}.setting-subscription__menu-trigger{border:1px solid var(--color-surface-container-high,#2a2a2d);color:#d4d4d8;border-radius:var(--radius-xs);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:36px;height:36px;transition:border-color .2s,background-color .2s,color .2s;display:inline-flex}.setting-subscription__menu-trigger:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-primary-container,#ab77ff) 40%, #2a2a2d);color:#fff;background:#ab77ff14}.setting-subscription__menu-trigger:disabled{opacity:.55;cursor:not-allowed}.setting-subscription__menu-panel{border:1px solid var(--color-surface-container-high,#2a2a2d);background:var(--color-surface-container-low,#1b1b1e);border-radius:var(--radius-xs);z-index:20;min-width:170px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 28px #00000059}.setting-subscription__menu-item{border-radius:var(--radius-xs);text-align:left;color:#e4e4e7;cursor:pointer;background:0 0;border:0;width:100%;padding:8px 10px;font-size:13px;font-weight:600}.setting-subscription__menu-item:hover:not(:disabled){background:#ffffff0a}.setting-subscription__menu-item:disabled{opacity:.6;cursor:not-allowed}.setting-subscription__menu-item--danger{color:#fda4af}.setting-subscription__menu-item--danger:hover:not(:disabled){background:#f43f5e1f}.setting-subscription__usage-panel{border:1px solid var(--color-surface-container-high,#2a2a2d);background:color-mix(in srgb, var(--color-surface-container-low,#1b1b1e) 82%, #000 18%);border-radius:var(--radius-sm);margin-top:18px;padding:14px}.setting-subscription__usage-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.setting-subscription__credit-breakdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.setting-subscription__reset-hint{margin-top:8px}.setting-subscription__credit-breakdown-item{border:1px solid var(--color-surface-container-high,#2a2a2d);background:var(--color-surface-container,#1f1f22);border-radius:var(--radius-xs);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.setting-subscription__upcoming-invoice{border-top:1px solid var(--color-surface-container-high,#2a2a2d);justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding-top:14px;display:flex}.setting-subscription__upcoming-invoice-amount{color:#fff;letter-spacing:-.01em;margin:4px 0 0;font-size:24px;font-weight:800}.setting-usage-breakdown{border:1px solid var(--color-surface-container-high,#2a2a2d);background:color-mix(in srgb, var(--color-surface-container-low,#1b1b1e) 82%, #000 18%);border-radius:var(--radius-sm);margin-top:18px;overflow:hidden}.setting-usage-breakdown__head{border-bottom:1px solid var(--color-surface-container-high,#2a2a2d);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.setting-usage-breakdown__head h4{color:#f8fafc;margin:0;font-size:14px;font-weight:700}.setting-usage-breakdown__head p{color:#9ca3af;margin:0;font-size:12px;font-weight:600}.setting-usage-breakdown__head-meta{align-items:center;gap:10px;display:flex}.setting-usage-breakdown__mode{border:1px solid var(--color-surface-container-high,#2a2a2d);background:color-mix(in srgb, var(--color-surface-container-low,#1b1b1e) 88%, #000 12%);border-radius:2px;align-items:center;gap:4px;padding:2px;display:inline-flex}.setting-usage-breakdown__mode-btn{color:#9ca3af;cursor:pointer;background:0 0;border:0;border-radius:2px;padding:6px 10px;font-size:12px;font-weight:600;line-height:1;transition:background-color .2s,color .2s}.setting-usage-breakdown__mode-btn:hover{color:#e5e7eb}.setting-usage-breakdown__mode-btn--active{background:var(--color-surface-container-high,#2a2a2d);color:#f8fafc}.setting-usage-breakdown>.setting-card__hint{padding:12px 16px 0}.setting-usage-breakdown__chart{grid-template-columns:56px minmax(0,1fr);gap:10px;padding:12px 16px 16px;display:grid}.setting-usage-breakdown__y-axis{flex-direction:column;justify-content:space-between;height:220px;display:flex}.setting-usage-breakdown__y-axis span{color:#6b7280;font-size:12px;font-weight:500;line-height:1}.setting-usage-breakdown__plot-wrap{--usage-breakdown-grid-horizontal-padding:8px;min-width:0}.setting-usage-breakdown__plot{border-left:1px solid var(--color-surface-container-high,#2a2a2d);border-bottom:1px solid var(--color-surface-container-high,#2a2a2d);grid-template-columns:repeat(var(--usage-breakdown-columns,24), minmax(18px, 1fr));height:220px;padding:10px var(--usage-breakdown-grid-horizontal-padding) 0;align-items:end;gap:8px;display:grid}.setting-usage-breakdown__bar-slot{cursor:pointer;justify-content:center;align-items:flex-end;height:100%;display:flex}.setting-usage-breakdown__bar{background:linear-gradient(#4ea7ff 0%,#2f7ad6 100%);border-radius:2px 2px 0 0;width:min(16px,100%);min-height:2px}.setting-usage-breakdown__x-axis{padding-inline:var(--usage-breakdown-grid-horizontal-padding);grid-template-columns:repeat(var(--usage-breakdown-columns,24), minmax(18px, 1fr));gap:8px;margin-top:6px;display:grid}.setting-usage-breakdown__x-axis span{color:#6b7280;text-align:center;white-space:nowrap;font-size:11px}.setting-balance-transactions{margin-top:0}.setting-balance-transactions__head h4{color:#f8fafc;margin:0;font-size:16px;font-weight:700}.setting-balance-transactions__head .setting-card__hint{margin-top:6px}.setting-balance-transactions__list{border:1px solid var(--color-surface-container-high,#2a2a2d);border-radius:var(--radius-sm);flex-direction:column;margin-top:14px;display:flex;overflow:hidden}.setting-balance-transactions__row{border-bottom:1px solid var(--color-surface-container-high,#2a2a2d);grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.setting-balance-transactions__row:last-child{border-bottom:none}.setting-balance-transactions__meta{min-width:0}.setting-balance-transactions__title{color:#e5e7eb;margin:0;font-size:14px;font-weight:600}.setting-balance-transactions__amount{color:#f8fafc;white-space:nowrap;margin:0;font-size:14px}.setting-balance-transactions__open-btn.app-button{border-radius:8px;width:36px;min-width:36px;height:36px;padding:0}.setting-subscription__spend-panel{border:1px solid var(--color-surface-container-high,#2a2a2d);background:var(--color-surface-container-low,#1b1b1e);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.setting-billing{flex-direction:column;gap:16px;display:flex}.setting-tab-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.setting-tab-header__main{align-items:center;gap:12px;display:flex}.setting-tab-header__icon{background-color:var(--color-surface-container-high,#2a2a2d);width:48px;height:48px;color:var(--color-secondary-container);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.setting-tab-header__title{color:#fff;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:800}.setting-tab-header__subtitle{color:#71717a;font-size:14px}.setting-tab-header__actions{gap:10px;display:flex}.setting-card__section-head h3{color:#f5f5f5;margin:0;font-size:16px;font-weight:700}.setting-card__section-head p{color:#71717a;margin:2px 0 0;font-size:13px;line-height:1.5}.setting-card__section-head--danger h3{color:#ef4444}.setting-card__section-head--danger p{color:#f87171}.setting-billing__method-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;display:grid}.setting-billing__methods-list{flex-direction:column;gap:12px;display:flex}.setting-billing__method-main{align-items:center;gap:10px;display:flex}.setting-billing__method-actions{align-items:center;gap:8px;display:inline-flex}.setting-billing__set-default-btn.app-button{height:36px;padding:0 12px;font-size:13px}.setting-billing__menu{position:relative}.setting-billing__menu-trigger{border:1px solid var(--color-surface-container-high,#2a2a2d);border-radius:var(--radius-xs);background:var(--color-surface-container-high,#2a2a2d);color:#d4d4d8;cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.setting-billing__menu-trigger:disabled{opacity:.55;cursor:not-allowed}.setting-billing__menu-panel{z-index:5;border-radius:var(--radius-xs);border:1px solid var(--color-surface-container-high,#2a2a2d);background:var(--color-surface-container,#1f1f22);min-width:204px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 24px #00000052}.setting-billing__menu-item{color:#e2e8f0;border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;min-height:34px;padding:0 8px;font-size:13px;font-weight:600;display:inline-flex}.setting-billing__menu-item:hover{background:var(--color-surface-container-high,#2a2a2d)}.setting-billing__menu-item--danger{color:#ef4444}.setting-billing__menu-item:disabled{opacity:.55;cursor:not-allowed}.setting-billing__method-icon{border:1px solid var(--color-surface-container-high,#2a2a2d);color:#9ca3af;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.setting-billing__add-btn{margin-top:18px}.setting-billing-modal{z-index:1100;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.setting-billing-modal__backdrop{background:#0000008f;border:0;position:absolute;inset:0}.setting-billing-modal__panel{border-radius:var(--radius-lg,16px);background:var(--color-surface-container,#1f1f22);border:1px solid var(--color-surface-container-high,#2a2a2d);width:min(520px,100%);padding:18px;position:relative}.setting-billing-modal__panel--warning code{color:#d4d4d8;background:var(--color-surface-container-high,#2a2a2d);border-radius:6px;padding:1px 6px}.setting-billing-modal__header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.setting-billing-modal__header h3{color:#fff;margin:0;font-size:18px;font-weight:700}.setting-billing-modal__header p{color:#a1a1aa;margin:6px 0 0;font-size:13px;line-height:1.5}.setting-billing-modal__close{border:1px solid var(--color-surface-container-high,#2a2a2d);color:#a1a1aa;cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.setting-billing-modal__field{flex-direction:column;gap:6px;display:flex}.setting-billing-modal__field+.setting-billing-modal__field{margin-top:12px}.setting-billing-modal__field span{color:#d4d4d8;font-size:13px;font-weight:600}.setting-billing-modal__card-input{border-radius:var(--radius-xs);border:1px solid var(--color-surface-container-high,#2a2a2d);background:var(--color-surface-container-high,#2a2a2d);align-items:center;min-height:40px;padding:0 12px;display:flex}.setting-billing-modal__card-input .StripeElement,.setting-billing-modal__card-input .__PrivateStripeElement{flex:1;width:100%}.setting-billing-modal__card-input--with-brand{padding-right:58px;position:relative}.setting-billing-modal__card-brand{pointer-events:none;width:44px;height:26px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.setting-billing-modal__card-input:focus-within{border-color:color-mix(in srgb, var(--color-secondary-container,#a9f900) 44%, #2a2a2d)}.setting-billing-modal__card-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.setting-billing-modal__country-select-wrap{position:relative}.setting-billing-modal__country-select{border-radius:var(--radius-xs);border:1px solid var(--color-surface-container-high,#2a2a2d);background:var(--color-surface-container-high,#2a2a2d);color:#e2e8f0;appearance:none;outline:none;width:100%;height:40px;padding:0 12px;font-size:14px}.setting-billing-modal__country-select:disabled{opacity:.6;cursor:not-allowed}.setting-billing-modal__country-select-wrap svg{pointer-events:none;color:#8b8b93;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.setting-billing-modal__actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.setting-billing-modal__spin{animation:.8s linear infinite setting-billing-modal-spin}@keyframes setting-billing-modal-spin{to{transform:rotate(360deg)}}@media (width<=640px){.setting-subscription__credit-breakdown,.setting-billing-modal__card-row{grid-template-columns:1fr}}.setting-billing__address-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.setting-billing__address-form{flex-direction:column;gap:14px;display:flex}.setting-billing__field label{color:#d4d4d8;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.setting-billing__company-wrap{position:relative}.setting-billing__company-wrap .app-input{padding-right:44px}.setting-billing__company-action{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:absolute;top:6px;right:7px}.setting-billing__grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.setting-billing__grid-tax{grid-template-columns:130px minmax(0,1fr);gap:10px;display:grid}.setting-billing__select-wrap{position:relative}.setting-billing__select-wrap select{border-radius:var(--radius-xs);border:1px solid var(--color-surface-container-high,#2a2a2d);background:var(--color-surface-container-high,#2a2a2d);color:#e2e8f0;appearance:none;outline:none;width:100%;height:40px;padding:0 34px 0 12px;font-size:14px}.setting-billing__select-wrap svg{pointer-events:none;color:#8b8b93;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.setting-billing__estimate{border:1px solid var(--color-surface-container-high,#2a2a2d);background:var(--color-surface-container-high,#2a2a2d);border-radius:var(--radius-sm);padding:16px}.setting-billing__estimate h4{color:#f8fafc;margin:0;font-size:16px;font-weight:700}.setting-billing__estimate .setting-card__hint{margin-top:8px;margin-bottom:12px}.setting-billing__amount-input{position:relative}.setting-billing__amount-input span{color:#8b8b93;z-index:1;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.setting-billing__amount-input .app-input{padding-left:30px}.setting-billing__tax-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-top:12px;display:flex}.setting-billing__tax-values{color:#e2e8f0;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.setting-billing__summary-row{color:#d4d4d8;justify-content:space-between;align-items:center;margin-top:6px;display:flex}.setting-billing__summary-row--total{color:#fff;margin-top:8px;font-weight:700}.setting-billing__save-actions{justify-content:flex-start;display:flex}.setting-invoices{padding:0;overflow:hidden}.setting-invoices>.setting-card__hint{padding:20px 16px 0}.setting-invoices__table-wrap{overflow-x:auto}.setting-invoices__table{border-collapse:collapse;width:100%;min-width:760px}.setting-invoices__table thead th{text-align:left;color:#71717a;border-bottom:1px solid var(--color-surface-container-high,#2a2a2d);padding:16px 14px;font-size:13px;font-weight:600}.setting-invoices__table tbody td{border-bottom:1px solid var(--color-surface-container-high,#2a2a2d);color:#e5e7eb;white-space:nowrap;padding:16px 14px;font-size:16px;font-weight:500}.setting-invoices__table tbody td:first-child,.setting-invoices__table tbody td:nth-child(3){font-size:14px}.setting-invoices__table tbody tr:last-child td{border-bottom:none}.setting-invoices__action{text-align:right}.setting-invoices__status-chip{white-space:nowrap}.setting-invoices__footer{border-top:1px solid var(--color-surface-container-high,#2a2a2d);justify-content:flex-start;align-items:center;padding:16px 14px;display:flex}.setting-invoices__footer p{color:#a1a1aa;margin:0;font-size:14px}.setting-invoices__pagination{align-items:center;gap:10px;display:flex}.setting-invoices__pagination span{color:#d4d4d8;font-size:14px;font-weight:600}.setting-invoices__page-btn{border:1px solid var(--color-surface-container-high,#2a2a2d);background:var(--color-surface-container-high,#2a2a2d);color:#71717a;border-radius:var(--radius-xs);align-items:center;gap:6px;min-height:40px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.setting-card__divider{background-color:var(--color-surface-container-highest,#353438);height:1px;margin:20px 0}.theme-selector{background-color:var(--color-surface-container-high,#2a2a2d);border-radius:8px;gap:2px;padding:4px;display:flex}.theme-btn{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.theme-btn:hover{color:#d4d4d8}.theme-btn.active{background-color:var(--color-surface-container-lowest,#0e0e11);color:#fff;box-shadow:0 1px 3px #0000004d}.toggle{cursor:pointer;flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle__slider{background-color:#3f3f46;border-radius:12px;transition:background-color .2s;position:absolute;inset:0}.toggle__slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;bottom:3px;left:3px}.toggle input:checked+.toggle__slider{background-color:var(--color-primary-container,#ab77ff)}.toggle input:checked+.toggle__slider:before{transform:translate(20px)}.danger-btn{color:#ef4444!important;border-color:#ef444466!important}.danger-btn:hover{background-color:#ef44441a!important;border-color:#ef4444!important}@media (width<=768px){.setting-page__content{padding:24px}.setting-card{padding:20px}.setting-tab-header{flex-direction:column}.setting-tab-header__actions{flex-wrap:wrap;width:100%}.setting-billing__method-row{grid-template-columns:1fr;justify-items:start}.setting-billing__address-layout,.setting-billing__grid-2,.setting-billing__grid-tax,.setting-subscription__grid,.setting-subscription__details-grid{grid-template-columns:1fr}.setting-subscription__overview{flex-direction:column}.setting-subscription__overview-main h3{font-size:20px}.setting-subscription__upcoming-invoice,.setting-subscription__spend-panel{flex-direction:column;align-items:flex-start}.setting-usage-breakdown__chart{grid-template-columns:44px minmax(0,1fr)}.setting-usage-breakdown__plot{grid-template-columns:repeat(var(--usage-breakdown-columns,24), minmax(14px, 1fr));gap:6px}.setting-usage-breakdown__x-axis{grid-template-columns:repeat(var(--usage-breakdown-columns,24), minmax(14px, 1fr));gap:6px;padding-bottom:4px;overflow-x:auto}.setting-balance-transactions__row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"meta status""amount action";row-gap:10px}.setting-balance-transactions__meta{grid-area:meta}.setting-balance-transactions__row .app-badge{grid-area:status;justify-self:end}.setting-balance-transactions__amount{grid-area:amount}.setting-balance-transactions__row .app-button{grid-area:action;justify-self:end}.setting-invoices__footer{flex-direction:column;align-items:flex-start}.setting-invoices__pagination{flex-wrap:wrap;width:100%}}@media (width<=1024px){.setting-page__layout{grid-template-columns:1fr}.setting-sidebar{position:static}.setting-sidebar .sidebar-card-nav__list{flex-flow:wrap}}.studio-page{background:var(--color-surface-container-lowest);grid-template-columns:88px minmax(0,1fr);width:100%;min-height:100vh;display:grid}.studio-nav{background:var(--color-surface-container-lowest);flex-direction:column;align-items:center;height:100vh;min-height:100vh;padding:22px 10px 26px;display:flex;position:sticky;top:0}.studio-nav__brand{justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.studio-nav__logo{width:42px;height:42px;display:block}.studio-nav__menu{flex-direction:column;align-items:center;gap:16px;margin:auto 0;display:flex}.studio-nav__credits{background:var(--color-surface-container,#1f1f22);cursor:pointer;border:0;border-radius:2px;width:56px;margin-bottom:10px;padding:7px 6px;transition:background-color .15s,transform .15s}.studio-nav__credits:hover{background:var(--color-surface-container-high,#2a2a2d);transform:translateY(-1px)}.studio-nav__credits:focus-visible{outline:2px solid var(--color-primary-container,#ab77ff);outline-offset:2px}.studio-nav__credits-head{color:#e2e8f0;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:700;line-height:1;display:flex}.studio-nav__credits-head svg{color:var(--color-secondary-container,#a9f900)}.studio-nav__credits-meter{background:var(--color-surface-container-high,#2a2a2d);border-radius:999px;width:100%;height:4px;margin-top:6px;overflow:hidden}.studio-nav__credits-meter-fill{background:linear-gradient(90deg,#19d0f4 0%,#0e83d5 100%);border-radius:999px;width:0;height:100%;display:block}.studio-nav__item{color:#c1bdd0;cursor:pointer;transform-origin:50%;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .15s,color .15s,transform .16s,box-shadow .16s;display:inline-flex;position:relative;transform:scale(1)}.studio-nav__item:not(.studio-nav__item--active):hover{background:var(--color-surface-container-high);color:#f8fafc;transform:scale(1.05)}.studio-nav__item:not(.studio-nav__item--active):focus-visible{outline:2px solid var(--color-primary-container);outline-offset:2px;transform:scale(1.05)}.studio-nav__item--active{background:var(--color-secondary-container);color:var(--color-on-secondary-container);box-shadow:0 12px 24px #19d0f447}.studio-nav__tooltip{background:var(--color-surface-container-highest);border-radius:var(--radius-sm);color:#f8fafc;opacity:0;pointer-events:none;visibility:hidden;white-space:nowrap;z-index:9999;padding:8px 10px;font-size:14px;font-weight:600;transition:opacity .16s,transform .16s;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)translate(-4px);box-shadow:0 10px 24px #00000080}.studio-nav__item:hover .studio-nav__tooltip,.studio-nav__item:focus-visible .studio-nav__tooltip{opacity:1;visibility:visible;transform:translateY(-50%)translate(0)}.studio-nav__user{justify-content:center;align-items:center;display:flex;position:relative}.studio-nav__user-avatar{border-radius:var(--radius-full);cursor:pointer;background:0 0;border:2px solid #0000;width:48px;height:48px;padding:0;transition:border-color .15s,transform .15s;overflow:hidden}.studio-nav__user-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.studio-nav__user-avatar:hover{border-color:var(--color-primary-container);transform:scale(1.05)}.studio-nav__user-avatar:focus-visible{border-color:var(--color-primary-container);outline:none;transform:scale(1.05)}.studio-user-popover{background:var(--color-surface-container-highest);border:1px solid var(--color-surface-container-high);border-radius:var(--radius-md);z-index:100;flex-direction:column;min-width:200px;padding:8px;display:flex;position:absolute;bottom:0;left:calc(100% + 12px);box-shadow:0 10px 30px #00000080}.studio-user-popover__info{flex-direction:column;padding:8px 12px;display:flex}.studio-user-popover__name{color:#f8fafc;font-size:14px;font-weight:600;line-height:1.2}.studio-user-popover__email{color:#94a3b8;margin-top:4px;font-size:12px}.studio-user-popover__divider{background:var(--color-surface-container-high);width:100%;height:1px;margin:6px 0}.studio-user-popover__action{border-radius:var(--radius-sm);color:#f8fafc;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.studio-user-popover__action:hover{background:var(--color-surface-container-high)}.studio-user-popover__action--danger:hover{color:#f44;background:#ff44441a}.studio-page__content{background:var(--color-surface);border-top-left-radius:12px;border-bottom-left-radius:12px;min-height:100vh;padding:24px;position:relative;overflow:hidden}.studio-page__content-container{background:var(--color-surface);width:100%;max-width:1440px;margin:0 auto}.studio-hero{background:radial-gradient(circle at 34% 82%, #7fd3e538, transparent 42%), radial-gradient(circle at 84% 10%, #ab77ff38, transparent 30%), linear-gradient(130deg, var(--color-surface-container-low) 0%, var(--color-surface-container-lowest) 50%, var(--color-surface) 100%);border-radius:var(--radius-xl);grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);gap:32px;padding:36px 40px;display:grid;position:relative;overflow:hidden}.studio-hero__left{flex-direction:column;align-items:flex-start;gap:16px;max-width:480px;display:flex}.studio-hero__title{color:#f8fafc;letter-spacing:-.03em;flex-direction:column;margin:0;font-size:clamp(36px,4vw,56px);font-weight:800;line-height:.95;display:flex}.studio-hero__title-gradient{background:linear-gradient(90deg,#9c7dff 0%,#74d7ff 54%,#a6ff00 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.studio-hero__description{color:#c1bdd0;max-width:340px;margin:4px 0 0;font-size:15px;line-height:1.5}.studio-hero__actions{flex-flow:wrap;align-items:flex-start;gap:12px;margin-top:16px;display:flex}.studio-hero__cta{gap:8px;min-width:140px;height:44px;padding:0 20px;font-size:14px}.studio-hero__cta.app-button--variant-solid.app-button--primary{background-color:var(--color-secondary-container);border-color:var(--color-secondary-container);color:var(--color-on-secondary-container);box-shadow:0 10px 24px #a6ff0047}.studio-hero__cta.app-button--variant-solid.app-button--primary:hover{box-shadow:0 14px 28px #a6ff0057}.studio-hero__cta.app-button--variant-solid.app-button--secondary{background-color:var(--color-surface-container-high);border-color:var(--color-surface-container-high);color:#f8fafc}.studio-hero__cta.app-button--variant-solid.app-button--secondary:hover{background-color:var(--color-surface-container-highest);border-color:var(--color-surface-container-highest)}.studio-hero__right{justify-content:center;align-items:center;min-height:360px;display:flex;position:relative}.studio-hero__right:before{background:var(--color-surface-container-high);border-radius:var(--radius-xl);content:"";width:100%;max-width:440px;height:100%;max-height:340px;position:absolute;top:10px;right:0;transform:rotate(2.2deg)}.studio-hero__canvas{border-radius:var(--radius-xl);color:#9ca3af;filter:drop-shadow(0 20px 44px #00000059);z-index:1;background:#f8fafc;justify-content:center;align-items:center;width:100%;max-width:440px;height:100%;max-height:340px;display:flex;position:relative;transform:rotate(1.1deg)}.studio-hero__canvas:after{border-radius:inherit;content:"";pointer-events:none;background-image:radial-gradient(#0000000a .8px,#0000 .8px);background-size:2px 2px;position:absolute;inset:0}.studio-hero__chip{border-radius:var(--radius-md);z-index:2;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;position:absolute}.studio-hero__chip--top{background:var(--color-primary-container);color:var(--color-on-primary-container);top:-10px;left:10px}.studio-hero__chip--bottom{background:var(--color-tertiary);color:var(--color-on-tertiary);bottom:-10px;right:0}.studio-page__middle{grid-template-columns:minmax(0,1.5fr) 300px;gap:24px;margin-top:24px;display:grid}.studio-templates{flex-direction:column;gap:16px;display:flex}.studio-templates__header{justify-content:space-between;align-items:flex-end;display:flex}.studio-templates__header-left{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.studio-templates__badge{color:#a6ff00;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-xs);background:#a6ff001a;margin-left:2px;padding:2px 8px;font-size:11px;font-weight:700}.studio-templates__header h3{color:#f8fafc;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.studio-templates__browse{color:#c1bdd0;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px 0;font-size:13px;font-weight:600;transition:color .15s;display:inline-flex}.studio-templates__browse:hover{color:#f8fafc}.studio-templates__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.studio-template-card{border-radius:var(--radius-lg);flex-direction:column;justify-content:flex-end;min-height:180px;padding:20px;display:flex;position:relative;overflow:hidden}.studio-template-card--neon{background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 150 C 100 50, 200 250, 400 150 L 400 300 L 0 300 Z' fill='rgba(0,0,0,0.2)'/%3E%3C/svg%3E"),linear-gradient(135deg,#2a0b4d 0%,#681980 40%,#b82d71 70%,#e05b5b 100%);background-position:0 0;background-repeat:repeat;background-size:cover;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.studio-template-card--cyber{background:radial-gradient(circle at 100% 0,#c1c5cc 0%,#8c929a 40%,#52575f 80%,#35393f 100%)}.studio-template-card:after{content:"";pointer-events:none;background-image:radial-gradient(#0000000d 1px,#0000 1px);background-size:2px 2px;position:absolute;inset:0}.studio-template-card__icon{color:#fff3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.studio-template-card__content{z-index:10;position:relative}.studio-template-card__text{flex-direction:column;gap:6px;display:flex}.studio-template-card__text h4{color:#fff;letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.studio-template-card__text p{color:#ffffffb3;margin:0;font-size:12px;font-weight:500}.studio-history{border-radius:var(--radius-xl);background:#08090d;border:1px solid #1f212a;flex-direction:column;padding:24px;display:flex}.studio-history h3{color:#f8fafc;margin:0 0 16px;font-size:18px;font-weight:700}.studio-history__list{flex-direction:column;gap:12px;margin:0 0 20px;padding:0;list-style:none;display:flex}.studio-history-item{align-items:center;gap:16px;display:flex}.studio-history-item__thumbnail{border-radius:var(--radius-md);background:#f3f4f8;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative;overflow:hidden}.studio-history-item__thumbnail:after{content:"";pointer-events:none;background-image:radial-gradient(#0000000a .8px,#0000 .8px);background-size:2px 2px;position:absolute;inset:0}.studio-history-item__image{z-index:2;background:url(https://images.unsplash.com/photo-1542487216-72410a708bae?q=80&w=200&auto=format&fit=crop) 50%/cover;width:100%;height:100%;position:relative}.studio-history-item__placeholder{color:#b1b3bc;z-index:2}.studio-history-item__info{flex-direction:column;gap:4px;display:flex}.studio-history-item__info h4{color:#f8fafc;margin:0;font-size:14px;font-weight:600}.studio-history-item__info time{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.studio-history__view-log{border-radius:var(--radius-md);color:#f8fafc;cursor:pointer;background:0 0;border:1px solid #1f212a;width:100%;margin-top:auto;padding:12px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s}.studio-history__view-log:hover{background:#1f212a;border-color:#2b2e3b}.studio-drafts{border-radius:var(--radius-xl);background:#08090d;border:1px solid #1f212a;margin-top:24px;padding:24px}.studio-drafts__header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.studio-drafts__header h3{color:#f8fafc;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.studio-drafts__badge{border-radius:var(--radius-sm);color:#ccb7ff;letter-spacing:.08em;text-transform:uppercase;background:#9a7eff2e;align-items:center;min-height:24px;padding:0 10px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.studio-drafts__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.studio-draft-card{border-radius:var(--radius-lg);background:linear-gradient(145deg,#171a23 0%,#151820 100%);border:1px solid #242834;padding:12px}.studio-draft-card__preview{border-radius:var(--radius-md);justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.studio-draft-card__preview--light{color:#b1b3bc;background:#f3f4f8}.studio-draft-card__preview--light:after{content:"";pointer-events:none;background-image:radial-gradient(#0000000a .8px,#0000 .8px);background-size:2px 2px;position:absolute;inset:0}.studio-draft-card__preview--dark{background:radial-gradient(circle at 50% 45%,#ecefe8b3,#12151614 24%,#04070bf2 56%),linear-gradient(#0f1217 0%,#090d12 100%)}.studio-draft-card__preview--dark:before{border-radius:var(--radius-pill);content:"";background:#f6f9ff;width:60px;height:8px;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #ffffffb3,0 0 40px #e2e7f059}.studio-draft-card__spotlight{border-radius:var(--radius-pill);opacity:.6;background:linear-gradient(#ffffffa6,#fff0);width:30px;height:50px;display:inline-block}.studio-draft-card__status{border-radius:var(--radius-sm);letter-spacing:.03em;z-index:1;padding:4px 8px;font-size:10px;font-weight:700;line-height:1;position:absolute;top:8px;right:8px}.studio-draft-card__status--success{color:#a6ff00;background:#45474fe6}.studio-draft-card__status--neutral{color:#e2e8f0;background:#000000b8}.studio-draft-card__meta{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.studio-draft-card__meta h4{color:#f8fafc;letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.studio-draft-card__actions{color:#94a3b8;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:2px;display:inline-flex}.studio-draft-card__actions:hover{color:#e2e8f0}.studio-draft-card p{color:#64748b;margin:2px 0 0;font-size:12px;font-weight:500;line-height:1.3}@media (width<=768px){.studio-page{grid-template-rows:auto 1fr;grid-template-columns:1fr}.studio-nav{flex-direction:row;justify-content:space-between;align-items:center;height:auto;min-height:auto;padding:14px;position:static}.studio-nav__menu{flex-direction:row;gap:10px;margin:0}.studio-nav__brand{width:48px;height:48px}.studio-nav__logo{width:34px;height:34px}.studio-nav__item{border-radius:var(--radius-lg);width:44px;height:44px}.studio-nav__tooltip{display:none}.studio-page__content{border-top-left-radius:18px;border-top-right-radius:18px;border-bottom-left-radius:0;padding:18px}.studio-hero{border-radius:var(--radius-xl);grid-template-columns:1fr;gap:20px;padding:24px 20px}.studio-hero__description{max-width:100%;font-size:16px}.studio-hero__cta{min-width:170px}.studio-hero__right{min-height:280px}.studio-hero__canvas{border-radius:var(--radius-xl);width:100%;height:260px;transform:rotate(.5deg)}.studio-hero__right:before{border-radius:var(--radius-xl);width:100%;height:260px;top:8px;right:6px}.studio-hero__chip{border-radius:var(--radius-lg);width:54px;height:54px}.studio-page__middle{grid-template-columns:1fr;gap:20px;margin-top:24px}.studio-templates__grid{grid-template-columns:1fr}.studio-template-card{min-height:200px;padding:20px}.studio-history,.studio-drafts{border-radius:var(--radius-xl);padding:20px 14px 14px}.studio-drafts__header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:16px}.studio-drafts__badge{min-height:34px;padding:0 14px;font-size:14px}.studio-drafts__grid{grid-template-columns:1fr;gap:12px}.studio-draft-card{border-radius:var(--radius-xl);padding:12px}.studio-draft-card__preview{border-radius:var(--radius-lg);height:170px}.studio-draft-card__status{padding:8px 10px;font-size:14px}.studio-draft-card__meta h4{font-size:24px}.studio-draft-card p{font-size:18px}}.sign-up-page__footer{color:#94a3b8;text-align:center;margin:20px 0 0;font-size:14px}.legal-page{background:var(--color-surface-container-lowest);justify-content:center;align-items:center;min-height:100vh;padding:18px;display:flex;position:relative;overflow:hidden}.legal-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 15%,#ab77ff1a,#0000 35%),radial-gradient(circle at 85% 30%,#7fd3e514,#0000 35%);position:absolute;inset:0}.legal-page>*{z-index:1;position:relative}.legal-page__container{border-radius:var(--radius-xl);background:var(--color-surface-container-low);width:min(92vw,980px);max-height:calc(100vh - 36px);padding:24px;overflow:auto;box-shadow:0 32px 64px #0006}.legal-page__header{border-bottom:1px solid #ffffff14;margin-bottom:16px;padding-bottom:14px}.legal-page__title{color:#f8fafc;letter-spacing:-.02em;margin:0;font-size:30px;font-weight:800}.legal-page__updated{color:#94a3b8;margin:8px 0 0;font-size:14px}.legal-page__section{margin-top:14px;padding:0}.legal-page__section h2{color:#f3f4f6;margin:0;font-size:14px;font-weight:700}.legal-page__section p{color:#d1d5db;margin:8px 0 0;font-size:14px;line-height:1.6}.legal-page__section ul{margin:8px 0 0;padding-left:20px}.legal-page__section li{color:#d1d5db;font-size:14px;line-height:1.6}.legal-page__section a{color:#93c5fd}.legal-page__actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.legal-page__link{background:var(--color-surface-container-high);border-radius:var(--radius-xs);color:#f8fafc;border:1px solid #ffffff1a;justify-content:center;align-items:center;min-height:38px;padding:0 14px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.legal-page__link:hover{background:var(--color-surface-container-highest);border-color:#ffffff2e}.legal-page__link--secondary{color:#93c5fd}@media (width<=640px){.legal-page{padding:12px}.legal-page__container{width:100%;max-height:calc(100vh - 24px);padding:16px}.legal-page__title{font-size:24px}}