*,:after,:before{--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:rgb(59 130 246/0.5);--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: }::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:rgb(59 130 246/0.5);--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: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings: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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-0{left:0}.left-\[-10000px\]{left:-10000px}.top-0{top:0}.block{display:block}.inline{display:inline}.table{display:table}.hidden{display:none}.h-full{height:100%}.w-full{width:100%}.max-w-none{max-width:none}.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))}.resize-none{resize:none}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.border-0{border-width:0}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.text-center{text-align:center}.text-stone-100{--tw-text-opacity:1;color:rgb(245 245 244/var(--tw-text-opacity,1))}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur:blur(8px)}.blur,.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)}:root{color-scheme:dark;--page-bg:#090909;--text-main:#f7f4ef;--font-inter:"Proxima Nova","Helvetica Neue",Helvetica,Arial,sans-serif;--font-jakarta:"Proxima Nova","Helvetica Neue",Helvetica,Arial,sans-serif;--studio-font-size:clamp(12px,1.111111vw,16px)}*{box-sizing:border-box}html{background:var(--page-bg)}body,html{overflow-x:clip}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.03),transparent 28%),linear-gradient(180deg,#0b0b0b,#060606);color:var(--text-main);font-family:Proxima Nova,Helvetica Neue,Helvetica,Arial,sans-serif}button,input,textarea{font:inherit}textarea{resize:none}.ios-upload-placeholder-icon{position:absolute;z-index:2;top:50%;left:50%;isolation:isolate;display:grid;width:9em;height:9em;place-items:center;border:.125em solid rgba(255,255,255,.26);border-radius:50%;background:rgba(9,9,9,.72);box-shadow:0 .75em 2em rgba(0,0,0,.42);transform:translate(-50%,-50%);pointer-events:none}.ios-upload-placeholder-icon svg{position:relative;z-index:1;display:block;width:4.75em;height:4.75em;opacity:.86;stroke:#ffffff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 .65em rgba(0,0,0,.6));transition:opacity .16s ease,transform .16s ease,filter .16s ease}[data-upload-trigger=true]:focus-visible .ios-upload-placeholder-icon svg,[data-upload-trigger=true]:hover .ios-upload-placeholder-icon svg{opacity:1;transform:scale(1.06);filter:drop-shadow(0 0 .9em rgba(255,255,255,.2))}.ios-upload-placeholder-icon-onboarding svg{opacity:1;filter:drop-shadow(0 0 1em rgba(196,132,252,.75))}.ios-upload-placeholder-icon-onboarding{border-color:rgba(221,214,254,.82);background:#6d28d9;box-shadow:0 .75em 2em rgba(0,0,0,.42),0 0 1.15em rgba(139,92,246,.72)}.ios-upload-placeholder-icon-onboarding:before{position:absolute;z-index:-1;inset:-1.75em;border-radius:50%;background:rgba(139,92,246,.62);filter:blur(1.35em);content:"";animation:studioOnboardingPulse 1.8s ease-out infinite}.grain{position:fixed;inset:0;pointer-events:none;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 0);background-size:180px 180px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 85%);mask-image:radial-gradient(circle at center,black,transparent 85%)}.studio-shell{position:relative;min-height:100vh;overflow-x:clip;overflow-y:visible;padding:0 2.5em 2em;font-size:var(--studio-font-size)}.studio-app{position:relative;z-index:1}.studio-ambient{position:absolute;top:50%;width:13.75em;height:53.75em;transform:translateY(-50%);border-radius:9999px;background:rgba(255,255,255,.1);filter:blur(7.5em);opacity:.95;pointer-events:none}.studio-ambient-left{left:-8.75em}.studio-ambient-right{right:-8.75em}.studio-header{position:sticky;z-index:30;top:0;display:flex;align-items:center;justify-content:space-between;gap:1em;width:100vw;margin-left:-2.5em;padding:1.125em 2.5em;border-bottom:.0625em solid rgba(255,255,255,.1);background:rgba(9,9,9,.88);backdrop-filter:blur(1em)}.studio-header-logo{display:block;width:4.8632143379em;height:1.53em}.studio-header-actions{display:flex;align-items:center;gap:.625em}.studio-history-actions{display:flex;gap:.0625em;padding:.1875em;border:.0625em solid rgba(255,255,255,.14);border-radius:9999px;background:rgba(255,255,255,.055)}.studio-history-button{display:grid;width:1.75em;height:1.75em;place-items:center;padding:0;border:0;border-radius:9999px;background:transparent;color:#d6d3d1;cursor:pointer;transition:background-color .15s ease,color .15s ease,opacity .15s ease}.studio-history-button:hover:not(:disabled){background:rgba(255,255,255,.1);color:#ffffff}.studio-history-button:focus-visible{outline:.125em solid rgba(255,255,255,.58);outline-offset:.125em}.studio-history-button:disabled{color:#78716c;cursor:default;opacity:.42}.studio-history-button svg{width:1em;height:1em;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.studio-history-button[data-tooltip]:after{top:calc(100% + .6em);bottom:auto;transform:translate(-50%,-.25em)}.studio-history-button[data-tooltip]:focus-visible:after,.studio-history-button[data-tooltip]:hover:after{transform:translate(-50%)}.studio-workspace{padding-top:2.6875em}.studio-get-started{position:fixed;z-index:25;right:2.5em;bottom:2em;width:min(22em,calc(100vw - 5em));padding:1em;border:.0625em solid rgba(255,255,255,.14);border-radius:.875em;background:rgba(19,19,19,.97);box-shadow:0 1.25em 3em rgba(0,0,0,.42);animation:studioGetStartedIn .24s cubic-bezier(.22,1,.36,1)}.studio-get-started-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1em}.studio-get-started-copy,.studio-get-started-eyebrow,.studio-get-started-progress{margin:0;font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif}.studio-get-started-eyebrow{color:#f7f4ef;font-size:.875em;font-weight:600}.studio-get-started-progress{margin-top:.25em;color:#a8a29e;font-size:.6875em}.studio-get-started-copy{margin-top:.875em;color:#e7e5e4;font-size:.8125em;line-height:1.45}.studio-get-started-actions{display:flex;justify-content:flex-end;gap:.5em;margin-top:.875em}.studio-get-started-button{min-width:4.75em;min-height:2.25em;padding:.5em .875em;border:.0625em solid rgba(255,255,255,.14);border-radius:.5em;font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.75em;font-weight:600;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.studio-get-started-button-back{background:rgba(255,255,255,.04);color:#d6d3d1}.studio-get-started-button-back:hover{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.09);color:#ffffff}.studio-get-started-button-next{border-color:#f5f5f4;background:#f5f5f4;color:#171717}.studio-get-started-button-next:hover{border-color:#ffffff;background:#ffffff}.studio-get-started-button:focus-visible{outline:.125em solid rgba(255,255,255,.58);outline-offset:.15em}.studio-get-started-close{display:grid;place-items:center;width:1.75em;height:1.75em;padding:0;border:0;border-radius:9999px;background:rgba(255,255,255,.06);color:#a8a29e;cursor:pointer;font-size:1em;line-height:1}.studio-get-started-close:hover{background:rgba(255,255,255,.12);color:#ffffff}.studio-get-started-steps{display:flex;gap:.375em;margin-top:1em}.studio-get-started-steps span{height:.1875em;flex:1;border-radius:9999px;background:rgba(255,255,255,.14);transition:background .18s ease}.studio-get-started-steps .studio-get-started-step-active{background:rgba(255,255,255,.78)}@keyframes studioGetStartedIn{0%{opacity:0;transform:translateY(.75em)}to{opacity:1;transform:translateY(0)}}.studio-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.25em;align-items:start;min-width:0}.studio-panel{min-width:0;width:100%;border:.0625em solid rgba(255,255,255,.08);border-radius:1.25em;box-shadow:0 1.5em 5em 0 #111111}.studio-side-menu{position:sticky;grid-column:span 3;top:5.5em;align-self:start;min-height:min(54.3198242188em,calc(100dvh - 7em));max-height:calc(100dvh - 7em);overflow-y:auto;padding:1.3125em;background:linear-gradient(180deg,rgba(17,17,17,.84),rgba(17,17,17,.84))}.studio-mobile-drawer-backdrop{display:none}.studio-preview-panel{grid-column:span 9;padding:1.3125em;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.01)),rgba(17,17,17,.84);border-color:rgba(255,255,255,.16);transition:border-color .18s ease}.studio-preview-panel-full{grid-column:span 12}.studio-preview-panel-below{grid-column:4/span 9}.studio-preview-panel-selected{border-color:rgba(255,255,255,.28)}.studio-title-wrap{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.5em 0}.studio-title{margin:0;color:#f7f4ef;font-family:var(--font-jakarta),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.5em;font-weight:700;line-height:1.3333333333;letter-spacing:-.03em}.studio-panel-close{display:grid;place-items:center;width:2.5rem;height:2.5rem;padding:0;flex:0 0 auto;border:0;border-radius:.5rem;background:transparent;color:#a8a29e;cursor:pointer;transition:background-color .16s ease,color .16s ease}.studio-panel-close:hover{background:rgba(255,255,255,.04);color:#f7f4ef}.studio-panel-close-icon{position:relative;width:.875rem;height:.875rem;flex:0 0 auto}.studio-panel-close-line{position:absolute;top:50%;left:50%;width:.875rem;height:.09375rem;border-radius:9999px;background:currentColor}.studio-panel-close-line:first-child{transform:translate(-50%,-50%) rotate(45deg)}.studio-panel-close-line:last-child{transform:translate(-50%,-50%) rotate(-45deg)}.studio-selection-meta{color:#a8a29e;font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.8125em;line-height:1.5384615385}.studio-controls{display:grid;gap:2em;padding-top:1.5em}.studio-section{display:grid;gap:.75em;padding-bottom:2em}.studio-section-bordered{border-bottom:.0625em solid rgba(255,255,255,.05)}.studio-section-label{margin:0;color:#e7e5e4;font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.875em;font-weight:600;line-height:1.4285714286}.studio-field-stack{display:grid;gap:.5em}.studio-field-label{padding-left:.6666666667em;color:#a8a29e;font-size:.75em;font-weight:500;line-height:1.6666666667}.studio-field-label,.studio-textarea{font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif}.studio-textarea{width:100%;height:6.125em;border:.0625em solid rgba(255,255,255,.1);border-radius:.5em;outline:none;background:rgba(0,0,0,.4);color:#f7f4ef;padding:.8125em 1.0625em;font-size:1em;font-weight:400;line-height:1.5}.studio-textarea::-moz-placeholder{color:#9ca3af}.studio-textarea::placeholder{color:#9ca3af}.studio-mode-row,.studio-swatch-row{display:flex;align-items:center;justify-content:space-between;gap:1em;padding-inline:.5em}.studio-swatch{display:flex;align-items:center;gap:.5em;padding:.25em .5em .25em .25em;border-radius:.512625em;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 .0625em transparent;transition:background-color .16s ease,box-shadow .16s ease}.studio-swatch:focus-within{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 .0625em rgba(255,255,255,.1)}.studio-swatch-chip{width:1.857730625em;height:1.857730625em;overflow:hidden;border:.0625em solid #1a1a1a;border-radius:.309625em}.studio-swatch-value{width:4em}.studio-swatch-input,.studio-swatch-value{color:#a8a29e;font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.875em;line-height:1.4285714286;text-transform:uppercase}.studio-swatch-input{width:4.75em;border:0;outline:none;background:transparent}.studio-swatch-input::-moz-selection{background:rgba(255,255,255,.22);color:#f7f4ef}.studio-swatch-input::selection{background:rgba(255,255,255,.22);color:#f7f4ef}.studio-mode-panel,.studio-upload-panel{border:.0625em solid rgba(255,255,255,.12);border-radius:.875em;background:rgba(12,12,12,.92);box-shadow:inset 0 0 0 .0625em rgba(255,255,255,.03)}.studio-mode-panel{display:grid;gap:.875em;padding:1em .75em}.studio-mode-row{margin-bottom:.375em}.studio-upload-panel{width:100%;min-height:6.9375em;padding:1.4375em 1.625em 1.4375em 1.5em;color:inherit;text-align:left}.studio-upload-row{display:flex;align-items:center;justify-content:space-between;gap:1em}.studio-mode-value{margin:0;color:#e7e5e4;font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.875em;font-weight:500;line-height:1.4285714286}.studio-toggle-group{display:flex;align-items:center;gap:.5em}.studio-toggle-passive,.studio-toggle-selected{display:grid;place-items:center;width:1.5em;height:1.5em;padding:.125em;border:.03125em solid transparent;border-radius:.25em;background:transparent;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,opacity .18s ease}.studio-toggle-selected{border:.03125em solid #727272;background:rgba(255,255,255,.05);opacity:1}.studio-toggle-passive{opacity:.25}.studio-toggle-passive:hover,.studio-toggle-selected:hover{border-color:#727272;background:rgba(255,255,255,.05)}.studio-toggle-passive:hover{opacity:.5}.studio-toggle-icon{display:block;width:1.25em;height:1.25em;opacity:1}.studio-toggle-icon-image-active,.studio-toggle-icon-image-passive{opacity:1}.studio-upload-copy{flex:1 1 auto;max-width:12.75em;margin:0;color:#a8a29e;font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.875em;font-weight:300;line-height:1.7142857143;overflow-wrap:anywhere}.studio-upload-icon{display:block;width:3.5em;height:3.5em;flex:0 0 auto}.studio-upload-icon-combined,.studio-upload-thumb{display:block;width:100%;height:100%}.studio-upload-thumb{border-radius:.5em;-o-object-fit:cover;object-fit:cover;aspect-ratio:1/1}.studio-background-mode-body{display:grid;gap:.875em;animation:studioModeFade .18s ease}.studio-upload-thumb-wrap{position:relative;isolation:isolate;display:block;width:100%;height:100%;overflow:visible}.studio-upload-thumb-remove{position:absolute;z-index:2;inset:-.4375em -.4375em auto auto;margin:0;transform:none;display:grid;place-items:center;width:1.125em;height:1.125em;padding:0;border:0;border-radius:9999px;background:rgba(12,12,12,.9);box-shadow:0 0 0 .0625em rgba(255,255,255,.16);color:#f7f4ef;cursor:pointer;transition:background-color .16s ease,box-shadow .16s ease,opacity .16s ease}.studio-upload-thumb-remove:hover{background:rgba(12,12,12,.96);box-shadow:0 0 0 .0625em rgba(255,255,255,.24)}.studio-upload-thumb-remove:after{content:attr(data-tooltip);position:absolute;top:50%;right:calc(100% + .5em);transform:translateY(-50%);padding:.3333333333em .5em;border:.0625em solid rgba(255,255,255,.14);border-radius:.375em;background:rgba(18,18,18,.96);color:#f7f4ef;font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.625em;font-weight:500;line-height:1.4;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .16s ease}.studio-upload-thumb-remove:focus-visible:after,.studio-upload-thumb-remove:hover:after{opacity:1}.studio-upload-thumb-remove-icon{position:relative;display:block;width:.5em;height:.5em}.studio-upload-thumb-remove .studio-panel-close-line{width:.5em;height:.0625em}.studio-background-upload-row{display:flex;align-items:center;justify-content:space-between;gap:1em;width:100%;min-height:4.25em;padding:0 .5em 0 .25em;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.studio-background-image-controls{display:grid;gap:.5em}.studio-background-sync-row{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.875em .5em 0;border-top:.0625em solid rgba(255,255,255,.07)}.studio-background-sync-copy{display:flex;align-items:center;gap:.4em;min-width:0}.studio-background-sync-title{color:#e7e5e4;font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.8125em;font-weight:600;line-height:1.35}.studio-background-sync-info{display:grid;place-items:center;flex:0 0 auto;width:1.125em;height:1.125em;padding:0;border:0;border-radius:50%;background:transparent;color:#78716c;cursor:help;transition:color .16s ease,background-color .16s ease}.studio-background-sync-info svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.25;stroke-linecap:round}.studio-background-sync-info:focus-visible,.studio-background-sync-info:hover{background:rgba(255,255,255,.06);color:#d6d3d1}.studio-background-sync-info:focus-visible{outline:.125em solid rgba(255,255,255,.5);outline-offset:.125em}.studio-background-sync-info:after{text-align:left}.studio-sync-switch{position:relative;flex:0 0 auto;width:2.5em;height:1.375em;padding:0;border:0;border-radius:9999px;background:transparent;cursor:pointer}.studio-sync-switch-track{position:absolute;inset:0;border:.0625em solid rgba(255,255,255,.18);border-radius:9999px;background:rgba(255,255,255,.08);transition:border-color .16s ease,background-color .16s ease}.studio-sync-switch-thumb{position:absolute;top:.125em;left:.125em;width:1em;height:1em;border-radius:50%;background:#a8a29e;box-shadow:0 .0625em .1875em rgba(0,0,0,.34);transition:transform .16s ease,background-color .16s ease}.studio-sync-switch-on .studio-sync-switch-track{border-color:#f5f5f4;background:#f5f5f4}.studio-sync-switch-on .studio-sync-switch-thumb{transform:translateX(1.125em);background:#171717}.studio-sync-switch:focus-visible{outline:.125em solid rgba(255,255,255,.58);outline-offset:.15em}.studio-adjust-crop-button{display:flex;align-items:center;justify-content:center;gap:.625em;width:100%;min-height:2.75em;padding:.625em .875em;border:.0625em solid rgba(255,255,255,.14);border-radius:.625em;background:rgba(255,255,255,.035);color:#e7e5e4;font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.8125em;font-weight:600;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.studio-adjust-crop-button svg{width:1.125em;height:1.125em;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.studio-adjust-crop-button:hover{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#ffffff}.studio-adjust-crop-button:focus-visible{outline:.125em solid rgba(255,255,255,.58);outline-offset:.15em}.studio-background-upload-copy{display:flex;align-items:center;min-height:1.6666666667em;padding-left:.6666666667em;color:#a8a29e;font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.75em;font-weight:300;line-height:1.6666666667}@keyframes studioModeFade{0%{opacity:0;transform:translateY(.25em)}to{opacity:1;transform:translateY(0)}}.studio-inline-actions{display:flex;flex-wrap:wrap;gap:.5em}.studio-add-tile,.studio-button,.studio-modal-close,.studio-modal-upload{border:0;cursor:pointer}.studio-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1em}.studio-preview-title-stack{display:grid;gap:.75em}.studio-preview-eyebrow{color:#a8a29e;font-size:.625em;line-height:1.6;letter-spacing:.264em;text-transform:uppercase}.studio-nav-device-trigger,.studio-preview-eyebrow{margin:0;font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif}.studio-nav-device-trigger{display:flex;align-items:center;gap:.625em;padding:.625em .875em .625em 1em;border:.0625em solid rgba(255,255,255,.14);border-radius:9999px;background:rgba(255,255,255,.055);color:#f7f4ef;font-size:.8125em;font-weight:600;line-height:1.25;cursor:pointer;transition:background .16s ease,border-color .16s ease}.studio-nav-device-trigger:hover,.studio-nav-device-trigger[aria-expanded=true]{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.1)}.studio-nav-device-trigger:focus-visible{outline:.125em solid rgba(255,255,255,.58);outline-offset:.2em}.studio-device-label-compact{display:none}.studio-onboarding-background,.studio-onboarding-device,.studio-onboarding-screen{position:relative;isolation:isolate}.studio-onboarding-background:before,.studio-onboarding-device:before,.studio-onboarding-screen:before{position:absolute;z-index:-1;inset:-.15625em;padding:.125em;border-radius:inherit;background:conic-gradient(from var(--studio-onboarding-angle,0deg),#8b5cf6,#c084fc,rgba(255,255,255,.9),#8b5cf6);content:"";-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:studioOnboardingStroke 2.8s linear infinite;pointer-events:none}.studio-onboarding-screen{border-radius:.5em}.studio-onboarding-screen:before{z-index:1;inset:-.0625em;padding:.0625em;border-radius:.5625em;background:conic-gradient(from var(--studio-onboarding-angle,0deg),rgba(255,255,255,.35),rgba(255,255,255,.95),rgba(255,255,255,.35),rgba(255,255,255,.95),rgba(255,255,255,.35))}.studio-onboarding-background:before{z-index:2;inset:-.0625em;padding:.0625em;border-radius:.9375em;pointer-events:none}.studio-onboarding-sync{isolation:isolate;border-color:transparent}.studio-onboarding-sync:before{position:absolute;z-index:2;inset:-.0625em;padding:.0625em;border-radius:inherit;background:conic-gradient(from var(--studio-onboarding-angle,0deg),rgba(255,255,255,.28),rgba(255,255,255,.96),rgba(255,255,255,.38),rgba(255,255,255,.72),rgba(255,255,255,.28));content:"";-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:studioOnboardingStroke 2.8s linear infinite;pointer-events:none}.studio-onboarding-add{position:relative;isolation:isolate}.studio-onboarding-add:before{position:absolute;z-index:-1;inset:0;border-radius:9999px;background:rgba(139,92,246,.62);box-shadow:0 0 .35em rgba(139,92,246,.65);content:"";animation:studioOnboardingPulse 1.8s ease-out infinite;pointer-events:none}@property --studio-onboarding-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes studioOnboardingStroke{to{--studio-onboarding-angle:360deg}}@keyframes studioOnboardingPulse{0%,to{opacity:.18;transform:scale(.95)}50%{opacity:.62;transform:scale(1.05)}}[data-tooltip]:not(.studio-upload-thumb-remove){position:relative}[data-tooltip]:not(.studio-upload-thumb-remove):after{position:absolute;z-index:60;bottom:calc(100% + .55em);left:50%;width:-moz-max-content;width:max-content;max-width:15em;padding:.5em .6875em;border:.0625em solid rgba(255,255,255,.13);border-radius:.375em;background:rgba(24,24,24,.98);box-shadow:0 .75em 1.75em rgba(0,0,0,.34);color:#f7f4ef;content:attr(data-tooltip);font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.75em;font-weight:500;line-height:1.25;opacity:0;pointer-events:none;transform:translate(-50%,.25em);transition:opacity .14s ease,transform .14s ease;visibility:hidden}[data-tooltip]:not(.studio-upload-thumb-remove):focus-visible:after,[data-tooltip]:not(.studio-upload-thumb-remove):hover:after{opacity:1;transform:translate(-50%);visibility:visible}.studio-nav-device-trigger[data-tooltip]:after{top:calc(100% + .55em);right:0;bottom:auto;left:auto;transform:translateY(-.25em)}.studio-nav-device-trigger[data-tooltip]:focus-visible:after,.studio-nav-device-trigger[data-tooltip]:hover:after{transform:translate(0)}.studio-preview-card[data-tooltip]:after{top:calc(100% + .4em);bottom:auto}.studio-add-connector[data-tooltip]:after{bottom:calc(100% + .5em)}.studio-nav-device-trigger .studio-preview-device-chevron{width:1em;height:1em;transition:transform .16s ease}.studio-preview-device-chevron-open{transform:rotate(180deg)}.studio-device-menu{position:relative;width:-moz-fit-content;width:fit-content}.studio-device-menu-content{position:absolute;z-index:20;top:calc(100% + .5em);left:0;display:grid;gap:.25em;min-width:13.5em;padding:.375em;border:.0625em solid rgba(255,255,255,.12);border-radius:.625em;background:#171717;box-shadow:0 1em 2.5em rgba(0,0,0,.42);animation:studioDeviceMenuIn .14s ease-out}.studio-nav-device-menu .studio-device-menu-content{top:calc(100% + .625em);right:0;left:auto;min-width:14em;padding:.4375em;border-color:rgba(255,255,255,.16);background:rgba(24,24,24,.98);box-shadow:0 1.25em 3.5em rgba(0,0,0,.56)}.studio-device-menu-item{display:flex;align-items:center;justify-content:space-between;gap:1.5em;width:100%;padding:.625em .75em;border:0;border-radius:.375em;background:transparent;color:#d6d3d1;font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.8125em;line-height:1.4;text-align:left;cursor:pointer}.studio-device-menu-item:focus-visible,.studio-device-menu-item:hover{background:rgba(255,255,255,.09);color:#ffffff;outline:0}.studio-device-menu-item-active{background:rgba(255,255,255,.08);color:#ffffff;box-shadow:inset 0 0 0 .0625em rgba(255,255,255,.1)}.studio-device-menu-item-active:focus-visible,.studio-device-menu-item-active:hover{background:rgba(255,255,255,.12)}.studio-preview-title{margin:0;padding-top:.3333333333em;color:#f7f4ef;font-family:var(--font-jakarta),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.5em;font-weight:700;line-height:1.3333333333}@keyframes studioDeviceMenuIn{0%{opacity:0;transform:translateY(-.25em) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.ios-upload-placeholder-icon-onboarding:before,.studio-onboarding-add:before,.studio-onboarding-background:before,.studio-onboarding-device:before,.studio-onboarding-screen:before,.studio-onboarding-sync:before{animation:none}.studio-device-menu-content,.studio-export-modal,.studio-mobile-drawer-backdrop,.studio-side-menu{animation:none!important}.studio-feature-banner-card,.studio-feature-banner-device,.studio-feature-banner-device:after,.studio-feature-banner-screen-picker-cue{transition:none}}.studio-preview-actions{display:flex;align-items:center;gap:.5em;flex-wrap:wrap}.studio-button{border-radius:624.9375em;padding:.9285714286em 1.5em;font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.875em;font-weight:600;line-height:1.4285714286;transition:opacity .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.studio-button-primary{border:.0625em solid rgba(255,255,255,.15);background:#ffffff;color:#000000}.studio-button-secondary{border:.0625em solid #3a3a3a;background:transparent;color:#ffffff}.studio-button-secondary:hover:not(:disabled){border-color:#ffffff;background:#ffffff;color:#000000}.studio-button:disabled{cursor:not-allowed;opacity:.36}.studio-preview-stage-wrap{position:relative;padding-top:1.25em}.studio-preview-stage{overflow:hidden}.studio-feature-banner-stage-wrap,.studio-preview-stage{position:relative;border:.0625em solid rgba(255,255,255,.1);border-radius:.75em;background:rgba(0,0,0,.3);padding:1.5625em}.studio-feature-banner-stage-wrap{margin-top:1em;overflow:visible}.studio-feature-banner-card{position:relative;width:min(48em,100%);margin:0;padding:.5em;border-radius:.5em;background:transparent;opacity:.76;box-shadow:none;cursor:pointer;transition:transform .14s cubic-bezier(.22,1,.36,1),opacity .16s ease,background-color .16s ease,box-shadow .16s ease}.studio-feature-banner-card:hover{opacity:1;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 .0625em rgba(255,255,255,.08)}.studio-feature-banner-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75em;padding:0 0 .5em}.studio-feature-banner-card:hover .studio-preview-card-name{color:#f7f4ef}.studio-feature-banner-canvas-shell{position:relative;width:100%;aspect-ratio:1024/500;overflow:visible;border-radius:.25em}.studio-feature-banner-device{position:absolute;display:block;overflow:hidden;padding:0;border:0;border-radius:7%;background:transparent;color:#ffffff;cursor:pointer}.studio-feature-banner-device:after{content:"";position:absolute;z-index:3;inset:0;border-radius:inherit;background:rgba(0,0,0,.2);opacity:1;pointer-events:none;transition:opacity .16s ease}.studio-feature-banner-device:focus-visible:after,.studio-feature-banner-device:hover:after,.studio-feature-banner-device[aria-expanded=true]:after{opacity:0}.studio-feature-banner-device:focus-visible{outline:.125em solid rgba(255,255,255,.72);outline-offset:.125em}.studio-feature-banner-screen-picker-cue{position:absolute;z-index:4;top:50%;left:50%;display:inline-flex;min-height:2.5em;align-items:center;justify-content:center;padding:0 1em;border:.0625em solid rgba(255,255,255,.2);border-radius:9999px;background:rgba(18,18,18,.82);color:rgba(255,255,255,.9);font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.625em;font-weight:600;line-height:1;box-shadow:0 .5em 1.25em rgba(0,0,0,.34);transform:translate(-50%,-50%);transition:background-color .16s ease,color .16s ease,transform .16s ease;pointer-events:none;white-space:nowrap}.studio-feature-banner-device:focus-visible .studio-feature-banner-screen-picker-cue,.studio-feature-banner-device:hover .studio-feature-banner-screen-picker-cue{background:rgba(28,28,28,.96);color:#ffffff;transform:translate(-50%,-50%) scale(1.06)}.studio-feature-banner-picker{position:absolute;z-index:20;top:.75em;width:min(16em,calc(100% - 1.5em));padding:.75em;border:.0625em solid rgba(255,255,255,.16);border-radius:.75em;background:rgba(18,18,18,.96);box-shadow:0 1em 2.5em rgba(0,0,0,.52);backdrop-filter:blur(1em)}.studio-feature-banner-picker-left{left:.75em}.studio-feature-banner-picker-center{left:50%;transform:translateX(-50%)}.studio-feature-banner-picker-right{right:.75em}.studio-feature-banner-picker-title{margin:0 0 .625em;color:#f7f4ef;font-family:var(--font-jakarta),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.75em;font-weight:700;line-height:1.4}.studio-feature-banner-picker-list{display:grid;max-height:13.5em;gap:.25em;overflow-y:auto}.studio-feature-banner-picker-option{display:grid;width:100%;min-width:0;gap:.125em;padding:.625em;border:.0625em solid transparent;border-radius:.5em;background:transparent;color:#f7f4ef;font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.75em;line-height:1.35;text-align:left;cursor:pointer}.studio-feature-banner-picker-option-selected,.studio-feature-banner-picker-option:hover{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.09)}.studio-feature-banner-picker-option:focus-visible{border-color:rgba(255,255,255,.38);outline:.125em solid rgba(255,255,255,.72);outline-offset:.125em}.studio-feature-banner-picker-option small{overflow:hidden;color:#8f8b86;font-size:.875em;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.studio-feature-banner-screen-selectors{display:grid;gap:.875em}.studio-feature-banner-screen-field{display:grid;gap:.4375em}.studio-feature-banner-screen-select{width:100%;min-width:0;height:2.875em;padding:0 2.375em 0 .875em;border:.0625em solid rgba(255,255,255,.13);border-radius:.625em;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(255,255,255,.045);background-image:url(/assets/icon-chevron-down-medium.svg);background-position:calc(100% - .75em);background-repeat:no-repeat;background-size:.875em;color:#f7f4ef;font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.75em;line-height:1.35;cursor:pointer}.studio-feature-banner-screen-select:focus-visible,.studio-feature-banner-screen-select:hover{border-color:rgba(255,255,255,.32)}.studio-feature-banner-screen-select:focus-visible{outline:none;box-shadow:0 0 0 .125em rgba(255,255,255,.68)}.studio-preview-scroll-fade{position:absolute;z-index:3;top:0;right:0;bottom:0;width:clamp(4em,8vw,7em);border-radius:0 .75em .75em 0;background:linear-gradient(90deg,rgba(12,12,12,0),rgba(12,12,12,.68) 64%,rgba(12,12,12,.96));pointer-events:none;transition:opacity .18s ease}.studio-asset-rail{display:flex;align-items:flex-start;gap:.5em;overflow-x:auto;overflow-y:hidden;padding:.25em 0 .5em}.studio-asset-rail-nudge{animation:studioRailNudge .78s cubic-bezier(.22,1,.36,1) .52s both;will-change:transform}@keyframes studioRailNudge{0%,to{transform:translateX(0)}42%{transform:translateX(-.875rem)}68%{transform:translateX(-.25rem)}}@media (prefers-reduced-motion:reduce){.studio-asset-rail-nudge{animation:none;will-change:auto}}.studio-asset-rail-onboarding-screen{padding:.375em .375em .625em}.studio-add-connector-wrap,.studio-asset-cluster,.studio-placeholder-card,.studio-preview-card{scroll-snap-align:start}.studio-asset-rail::-webkit-scrollbar{height:.625em}.studio-asset-rail::-webkit-scrollbar-thumb{border-radius:9999px;background:rgba(255,255,255,.14)}.studio-asset-cluster{display:flex;align-items:flex-start;flex:0 0 auto}.studio-preview-card{position:relative;flex:0 0 auto;width:18.6298828125em;padding:.5em;border-radius:.5em;opacity:.76;transition:transform .14s cubic-bezier(.22,1,.36,1),opacity .16s ease,background-color .16s ease,box-shadow .16s ease}.studio-preview-card,.studio-preview-card button,.studio-preview-card img,.studio-preview-card p,.studio-preview-card span{-moz-user-select:none;user-select:none;-webkit-user-select:none}.studio-preview-card textarea{-moz-user-select:text;user-select:text;-webkit-user-select:text}.studio-preview-frame-selected{transform:translateY(-.125em);opacity:1;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 .0625em rgba(255,255,255,.05)}.studio-preview-card:hover{opacity:1;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 .0625em rgba(255,255,255,.04)}.studio-preview-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5em;width:100%;padding:0 0 .5em}.studio-preview-card-name{color:#a8a29e;font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.75em;font-weight:300;line-height:1.6666666667}.studio-preview-card:hover .studio-preview-card-name,.studio-preview-frame-selected .studio-preview-card-name{color:#f7f4ef}.studio-card-actions{display:flex;gap:.5em}.studio-icon-button{display:grid;place-items:center;width:2.875em;height:2.875em;border-radius:9999px;border:.0625em solid rgba(255,255,255,.12);background:rgba(18,18,18,.9);color:#f7f4ef;transition:border-color .18s ease,transform .18s ease}.studio-icon-button:hover{transform:translateY(-.0625em)}.studio-icon-button:disabled,.studio-icon-plain-button:disabled{cursor:not-allowed;opacity:.35;transform:none}.studio-icon-button-danger{color:#ffacac}.studio-icon-plain-button{display:grid;place-items:center;width:1.25em;height:1.25em;background:transparent;color:#a8a29e;padding:0;opacity:.78;transition:opacity .18s ease,color .18s ease}.studio-preview-card:hover .studio-icon-plain-button,.studio-preview-frame-selected .studio-icon-plain-button{opacity:1;color:#f7f4ef}.studio-preview-card:hover .studio-icon-plain-button:disabled,.studio-preview-frame-selected .studio-icon-plain-button:disabled{color:#a8a29e;opacity:.35}.studio-icon{width:1.125em;height:1.125em;display:block}.studio-preview-canvas-shell{overflow:hidden;background:transparent;width:17.6298828125em;aspect-ratio:1242/2688;outline:.0625em solid transparent;outline-offset:0;transition:outline-color .18s ease,filter .18s ease}.studio-preview-canvas-shell-5-5{aspect-ratio:1242/2208}.studio-preview-frame-selected .studio-preview-canvas-shell{outline-color:rgba(255,255,255,.22)}.studio-preview-card:hover .studio-preview-canvas-shell{outline-color:rgba(255,255,255,.16)}.studio-preview-card:not(.studio-preview-frame-selected) .studio-preview-canvas-shell{filter:saturate(.92)}.studio-add-connector-wrap{display:flex;align-items:flex-start;flex:0 0 auto}.studio-add-connector{display:grid;place-items:center;width:2em;margin-top:19.5em;background:transparent;padding:0;transform:translateX(.3125em)}.studio-add-connector-5-5{margin-top:16em}.studio-add-connector-dot,.studio-add-connector-plus{width:2em;height:2em}.studio-placeholder-card{width:18.6298828125em}.studio-placeholder-canvas-shell{width:17.6298828125em;aspect-ratio:1242/2688;margin:2.25em .5em 0 .875em;border:.125em dashed #5a5a5a;background:#201f1f}.studio-placeholder-canvas-shell-5-5{aspect-ratio:1242/2208}.studio-modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:rgba(0,0,0,.68);padding:2em}.studio-modal{width:min(28em,100%);border:.0625em solid rgba(255,255,255,.1);border-radius:1.25em;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01)),rgba(17,17,17,.96);padding:1.5em;box-shadow:0 1.5em 5em 0 #111111}.studio-export-backdrop{z-index:70;background:rgba(0,0,0,.78);backdrop-filter:blur(.375em)}.studio-export-modal{display:flex;width:min(64em,100%);max-height:calc(100dvh - 4em);flex-direction:column;overflow:hidden;border:.0625em solid rgba(255,255,255,.12);border-radius:1.25em;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),rgba(17,17,17,.98);padding:1.5em;box-shadow:0 1.75em 7em rgba(0,0,0,.72);animation:studioCropModalIn .22s cubic-bezier(.22,1,.36,1)}.studio-export-subtitle{margin:.375em 0 0;color:#8f8b86;font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.8125em;line-height:1.5}.studio-export-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1em;margin-top:1.25em;padding-bottom:.875em;border-bottom:.0625em solid rgba(255,255,255,.09)}.studio-export-selection-count{color:#a8a29e}.studio-export-select-all,.studio-export-selection-count{font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.8125em;line-height:1.4}.studio-export-select-all{padding:0;border:0;background:transparent;color:#e7e5e4;font-weight:600;cursor:pointer}.studio-export-select-all:hover{color:#ffffff;text-decoration:underline;text-underline-offset:.2em}.studio-export-select-all:focus-visible{outline:.125em solid rgba(255,255,255,.58);outline-offset:.25em}.studio-export-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.75em,10.5em));justify-content:start;gap:.75em;min-height:0;margin-top:1em;padding:.125em .25em .25em .125em;overflow-y:auto;overscroll-behavior:contain}.studio-export-card{position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;gap:.75em;padding:.75em;border:.0625em solid rgba(255,255,255,.1);border-radius:.875em;background:rgba(255,255,255,.025);color:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.studio-export-card:hover{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.045)}.studio-export-card-selected{border-color:rgba(255,255,255,.72);background:rgba(255,255,255,.065);box-shadow:inset 0 0 0 .0625em rgba(255,255,255,.12)}.studio-export-card:focus-visible{outline:.125em solid rgba(255,255,255,.62);outline-offset:.125em}.studio-export-card:disabled,.studio-export-modal .studio-modal-close:disabled,.studio-export-select-all:disabled{cursor:not-allowed;opacity:.52}.studio-export-check{position:absolute;z-index:2;top:.5em;left:.5em;display:grid;place-items:center;width:1.375em;height:1.375em;border:.0625em solid rgba(255,255,255,.34);border-radius:.375em;background:rgba(9,9,9,.82);color:transparent;box-shadow:0 .25em .75em rgba(0,0,0,.32);transition:border-color .16s ease,background-color .16s ease,color .16s ease}.studio-export-card-selected .studio-export-check{border-color:#f5f5f4;background:#f5f5f4;color:#171717}.studio-export-check svg{width:.875em;height:.875em;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.studio-export-thumbnail{display:grid;width:100%;min-height:14.75em;place-items:center;overflow:hidden;border:.0625em solid rgba(255,255,255,.08);border-radius:.625em;background:#090909;pointer-events:none}.studio-export-thumbnail-landscape{min-height:14.75em}.studio-export-card-copy{display:grid;width:100%;min-width:0;gap:.25em}.studio-export-card-name,.studio-export-card-title{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-export-card-name{color:#f5f5f4;font-family:var(--font-jakarta),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.8125em;font-weight:700;line-height:1.4}.studio-export-card-title{color:#8f8b86;font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.6875em;line-height:1.45}.studio-export-footer{display:flex;align-items:center;justify-content:flex-end;gap:.625em;margin-top:1em;padding-top:1em;border-top:.0625em solid rgba(255,255,255,.09)}.studio-modal-header{display:flex;align-items:center;justify-content:space-between;gap:1em}.studio-modal-title{margin:0;color:#f7f4ef;font-family:var(--font-jakarta),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.375em;font-weight:700}.studio-modal-close{display:grid;place-items:center;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:.5rem;background:transparent;color:#a8a29e;transition:background-color .16s ease,color .16s ease}.studio-modal-close:hover{background:rgba(255,255,255,.04);color:#f7f4ef}.studio-modal-copy{margin:1em 0 0;color:#a8a29e;font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9375em;line-height:1.6}.studio-modal-upload-wrap{margin-top:1em}.studio-modal-upload-button{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;border:.0625em solid rgba(255,255,255,.15);background:#ffffff;color:#000000;padding:.875em 1.25em;cursor:pointer;font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:600;line-height:1}.studio-modal-upload-button:hover{filter:brightness(.98)}.studio-modal-file-input-hidden{position:absolute;width:.0625rem;height:.0625rem;padding:0;margin:-.0625rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.studio-crop-backdrop{z-index:70;background:rgba(0,0,0,.78);backdrop-filter:blur(.375em)}.studio-crop-modal{width:min(58em,100%);max-height:calc(100dvh - 4em);overflow-y:auto;border:.0625em solid rgba(255,255,255,.12);border-radius:1.25em;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),rgba(17,17,17,.98);padding:1.5em;box-shadow:0 1.75em 7em rgba(0,0,0,.72);animation:studioCropModalIn .22s cubic-bezier(.22,1,.36,1)}.studio-crop-subtitle{margin:.375em 0 0;color:#8f8b86;font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.8125em;line-height:1.5}.studio-crop-viewport{position:relative;isolation:isolate;width:100%;height:clamp(18em,52vh,28em);margin-top:1.25em;overflow:hidden;border:.0625em solid rgba(255,255,255,.12);border-radius:.875em;outline:none;background:linear-gradient(45deg,rgba(255,255,255,.025) 25%,transparent 0) 0 0 /1.25em 1.25em,linear-gradient(-45deg,rgba(255,255,255,.025) 25%,transparent 0) 0 0 /1.25em 1.25em,#090909;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.studio-crop-viewport:active{cursor:grabbing}.studio-crop-viewport:focus-visible{box-shadow:0 0 0 .125em rgba(255,255,255,.52)}.studio-crop-source-image{position:absolute;display:block;max-width:none;transform:translate(-50%,-50%);pointer-events:none;-webkit-user-drag:none}.studio-crop-frame{position:absolute;z-index:2;display:grid;place-items:center;border:.125em solid rgba(255,255,255,.94);box-shadow:0 0 0 100vmax rgba(0,0,0,.62),inset 0 0 0 .0625em rgba(0,0,0,.44);pointer-events:none}.studio-crop-drag-hint{display:grid;justify-items:center;gap:.625em;padding:.75em .875em;border:.0625em solid rgba(255,255,255,.14);border-radius:.75em;background:rgba(0,0,0,.52);box-shadow:0 .75em 2.5em rgba(0,0,0,.32);color:#ffffff;font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.75em;font-weight:600;line-height:1.3;text-align:center;backdrop-filter:blur(.375em)}.studio-crop-drag-hint svg{width:1.625em;height:1.625em;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.studio-crop-loading{position:absolute;inset:0;display:grid;place-items:center;color:#8f8b86;font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.8125em}.studio-crop-controls{display:grid;grid-template-columns:auto 2.25em minmax(10em,1fr) 2.25em 3.5em;align-items:center;gap:.75em;margin-top:1.125em}.studio-crop-control-label,.studio-crop-zoom-value{color:#d6d3d1;font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.8125em;font-weight:500}.studio-crop-zoom-value{text-align:right;font-variant-numeric:tabular-nums}.studio-crop-stepper{display:grid;place-items:center;width:2.25em;height:2.25em;padding:0;border:.0625em solid rgba(255,255,255,.14);border-radius:.5em;background:rgba(255,255,255,.04);color:#f7f4ef;font-size:1em;cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.studio-crop-stepper:hover:not(:disabled){border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.1)}.studio-crop-stepper:disabled{cursor:not-allowed;opacity:.35}.studio-crop-range{width:100%;height:1.25em;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;accent-color:#f7f4ef;cursor:pointer}.studio-crop-range::-webkit-slider-runnable-track{height:.1875em;border-radius:9999px;background:#57534e}.studio-crop-range::-webkit-slider-thumb{width:.875em;height:.875em;margin-top:-.34375em;border:0;border-radius:9999px;background:#ffffff;box-shadow:0 0 0 .1875em rgba(255,255,255,.14);-webkit-appearance:none}.studio-crop-footer{display:flex;align-items:center;justify-content:space-between;gap:1em;margin-top:1.25em;padding-top:1.125em;border-top:.0625em solid rgba(255,255,255,.08)}.studio-crop-reset{display:inline-flex;align-items:center;gap:.5em;padding:.625em 0;border:0;background:transparent;color:#a8a29e;font-family:var(--font-inter),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.8125em;font-weight:500;cursor:pointer;transition:color .16s ease}.studio-crop-reset:hover{color:#ffffff}.studio-crop-reset svg{width:1.125em;height:1.125em;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.studio-crop-actions{display:flex;align-items:center;gap:.625em}@keyframes studioCropModalIn{0%{opacity:0;transform:translateY(.75em) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.studio-color-input{width:100%;height:100%;border:0;background:transparent;padding:0;cursor:pointer}.studio-color-input::-webkit-color-swatch-wrapper{padding:0}.studio-color-input::-webkit-color-swatch{border:0;border-radius:inherit}.studio-color-input::-moz-color-swatch{border:0;border-radius:inherit}@media (max-width:80rem){.studio-grid{grid-template-columns:1fr}.studio-preview-panel,.studio-preview-panel-below,.studio-preview-panel-full,.studio-side-menu{grid-column:span 1}.studio-preview-panel,.studio-preview-panel-below,.studio-preview-panel-full{order:1}.studio-side-menu{position:relative;top:auto;order:2;min-height:0;max-height:none;overflow-y:visible}.studio-preview-toolbar{align-items:flex-start;flex-direction:row;justify-content:space-between}}@media (max-width:48rem){.studio-shell{padding-inline:1.5em;overflow:visible}.studio-header{gap:.5em;margin-left:-1.5em;padding-inline:1.5em}.studio-history-actions{padding:.0625rem}.studio-history-button{width:2.75rem;height:2.75rem}.studio-nav-device-trigger{min-width:7rem;min-height:2.75rem;justify-content:space-between;padding:.625rem .75rem .625rem .875rem;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 .0625rem rgba(255,255,255,.03);font-size:.8125rem}.studio-nav-device-trigger:hover,.studio-nav-device-trigger[aria-expanded=true]{border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.15)}.studio-nav-device-trigger .studio-preview-device-chevron{width:1.125rem;height:1.125rem}.studio-nav-device-menu .studio-device-menu-content{min-width:11.5rem;padding:.375rem}.studio-nav-device-menu .studio-device-menu-item{min-height:2.75rem;padding:.6875rem .875rem;font-size:.875rem}.studio-get-started{right:1em;bottom:1em;width:min(22em,calc(100vw - 2em))}.studio-side-menu{position:fixed;z-index:51;top:0;right:0;width:min(80vw,30rem);height:100dvh;min-height:0;overflow-y:auto;padding:1.125em;border-radius:1.25em 0 0 1.25em;background:rgba(17,17,17,.98);box-shadow:-1.5em 0 4em rgba(0,0,0,.5);animation:studioMobileDrawerIn .22s cubic-bezier(.22,1,.36,1)}.studio-mobile-drawer-backdrop{position:fixed;z-index:50;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:rgba(0,0,0,.54);backdrop-filter:blur(.125em);animation:studioMobileBackdropIn .18s ease-out}.studio-controls{gap:1.375em;padding-top:1.125em}.studio-section{gap:.625em;padding-bottom:1.375em}.studio-field-stack{gap:.375em}.studio-textarea{height:5.5em;padding:.75em .9375em;font-size:1rem}.studio-swatch-input{width:4.25rem;font-size:1rem}.studio-mode-row,.studio-swatch-row{padding-inline:.25em}.studio-mode-panel{gap:.75em;padding:.875em .625em}.studio-toggle-passive,.studio-toggle-selected{position:relative;width:2.75rem;height:2.75rem;padding:0;border:0;background:transparent}.studio-toggle-passive:before,.studio-toggle-selected:before{position:absolute;width:1.5rem;height:1.5rem;border:.03125rem solid transparent;border-radius:.25rem;background:transparent;content:"";pointer-events:none}.studio-toggle-selected:before{border-color:#727272;background:rgba(255,255,255,.05)}.studio-toggle-passive:hover,.studio-toggle-selected:hover{border-color:transparent;background:transparent}.studio-toggle-icon{position:relative;z-index:1}.studio-sync-switch{width:2.75rem;height:2.75rem}.studio-sync-switch-track{inset:50% auto auto 50%;width:2.5em;height:1.375em;transform:translate(-50%,-50%)}.studio-upload-panel{min-height:6.25em;padding:1.125em 1.25em}.studio-inline-actions{gap:.625em}.studio-icon-button,.studio-icon-plain-button{width:2.75rem;height:2.75rem}.studio-icon{width:1.25em;height:1.25em}.studio-preview-toolbar{align-items:flex-start;flex-direction:column;gap:1.25em}.studio-preview-actions{width:100%;justify-content:flex-start}.studio-preview-scroll-fade{width:4.5rem}.studio-export-footer .studio-button,.studio-modal-upload-button,.studio-preview-actions .studio-button{min-height:2.75rem}.studio-modal-close,.studio-panel-close{width:2.75rem;height:2.75rem}.studio-export-select-all{min-height:2.75rem;padding-inline:.75rem}.studio-add-connector{width:2.75rem;height:2.75rem}.studio-modal-backdrop{padding:1em}.studio-crop-modal{max-height:calc(100dvh - 2em);padding:1.125em}.studio-crop-viewport{height:clamp(16em,46vh,22em);margin-top:1em}.studio-crop-controls{grid-template-columns:2.25em minmax(8em,1fr) 2.25em 3.25em;gap:.5em}.studio-crop-control-label{grid-column:1/-1}.studio-crop-footer{align-items:stretch;flex-direction:column}.studio-crop-actions{display:grid;grid-template-columns:1fr 1fr}.studio-asset-rail{min-height:0;gap:.75em;padding-bottom:.75em;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.studio-feature-banner-stage-wrap,.studio-preview-panel,.studio-preview-panel-below,.studio-preview-panel-full,.studio-preview-stage,.studio-preview-stage-wrap,.studio-side-menu{max-width:100%;min-width:0}.studio-feature-banner-stage-wrap{padding:1em}}@media (max-width:30rem){.studio-header-actions{gap:.375em}.studio-device-label-full{display:none}.studio-device-label-compact{display:inline}.studio-nav-device-trigger{gap:.375em;padding-inline:.75rem .625rem}}@keyframes studioMobileDrawerIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes studioMobileBackdropIn{0%{opacity:0}to{opacity:1}}