:root{--noise: url(/noise.png);--color-line: #7d7d7d;--color-beige: #f7f3eb;--color-dark: #111113;--color-text-muted: rgba(0, 0, 0, .55);--gradient-stage-1: linear-gradient(135deg, #e8845a 0%, #f0a868 50%, #f5d06e 100%);--gradient-stage-2: linear-gradient(135deg, #e09050 0%, #78c868 50%, #50b880 100%);--gradient-stage-3: linear-gradient(135deg, #96d060 0%, #58c8a0 50%, #60c0d0 100%);--gradient-stage-4: linear-gradient(135deg, #d888a8 0%, #e09870 50%, #e8c850 100%);--gradient-stage-5: linear-gradient(135deg, #509898 0%, #60a898 50%, #80c090 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{margin:0;background:var(--noise) repeat,var(--color-beige);color:#111827;font-family:DM Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-pulse-glow{animation:pulse 2s ease-in-out infinite}.landing-container{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.section{padding-left:1.5rem;padding-right:1.5rem}.hidden{display:none}.dashed-divider-section{background:var(--noise) repeat,#fff;display:flex;align-items:center;padding-top:clamp(1rem,2vw,2rem);padding-bottom:clamp(1rem,2vw,2rem)}.dashed-divider-section--beige{background:var(--noise) repeat,var(--color-beige)}.dashed-divider{position:relative;width:100%;height:16px;overflow:hidden;contain:layout style}.dashed-divider__line{position:absolute;top:7px;left:-14px;right:-14px;height:2px;background:repeating-linear-gradient(to right,var(--color-line) 0px,var(--color-line) 8px,transparent 8px,transparent 14px);background-size:14px 2px;background-position-x:calc(var(--dd-dash) * 1px);will-change:background-position}.dashed-divider__arrow{position:absolute;top:2px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:12px solid var(--color-line);will-change:left}.dashed-divider__arrow--1{left:calc(var(--dd-a1) * 1%)}.dashed-divider__arrow--2{left:calc(var(--dd-a2) * 1%)}.dashed-divider__arrow--3{left:calc(var(--dd-a3) * 1%)}.dashed-divider--reverse .dashed-divider__arrow{border-left:none;border-right:12px solid var(--color-line)}.header{position:sticky;top:0;z-index:50;background:#000000e6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 1px 3px #0003}.header__inner{max-width:80rem;margin:0 auto;padding:0 1.5rem;height:4rem;display:flex;align-items:center;justify-content:space-between}.header__logo{display:flex;align-items:center;gap:.75rem}.header__logo-name{color:#fff;font-size:1.125rem;font-weight:700;letter-spacing:-.025em}.header__logo-sep{color:#ffffff4d;font-size:.875rem}.header__logo-sub{color:#fffc;font-size:.875rem;font-weight:500}.header__logo-tagline{color:#ffffff4d;font-size:.75rem;margin-left:.5rem}@media(max-width:639px){.header__logo-tagline{display:none}}.header__cta{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#000;background:#fff;border-radius:0;padding:.375rem 1rem;text-decoration:none;transition:background .2s}.header__cta:hover{background:#ffffffe6}.header__pipeline-toggle{display:flex;gap:2px;background:#0003;border-radius:0;padding:2px}.header__pipeline-btn{padding:4px 12px;font-size:.75rem;font-weight:600;border:none;border-radius:0;cursor:pointer;background:transparent;color:#fff6;transition:all .15s ease}.header__pipeline-btn:hover{color:#ffffffb3}.header__pipeline-btn--active{background:#ffffff26;color:#fff}.page-hero{position:relative;width:100%;height:100vh;overflow:hidden;padding:0;background:var(--noise) repeat,var(--color-beige)}.page-hero__canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.page-hero__content{position:relative;z-index:10;display:flex;align-items:center;height:100%;pointer-events:none}.page-hero__text{max-width:36rem;pointer-events:auto;animation:fadeIn .6s ease-out both}.hero__section{position:relative;display:flex;flex-direction:column;min-height:calc(100vh - 4rem);padding:2rem 1.5rem 0;overflow:hidden;background:var(--noise) repeat,var(--color-beige)}.hero__container{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;max-width:36rem;padding-left:6rem;pointer-events:none}.hero__container>*{pointer-events:auto}@media(min-width:1024px){.hero__container{max-width:50rem;padding-left:20rem}}@media(max-width:767px){.hero__container{max-width:100%;padding-left:1.5rem;padding-right:1.5rem;text-align:center;align-items:center}}.hero__section>.production-ready__divider{flex-shrink:0;width:calc(100% + 3rem);margin-left:-1.5rem;margin-right:-1.5rem;margin-top:auto;margin-bottom:-5rem}.hero__badge{align-self:flex-start;display:inline-block;font-size:.8125rem;font-weight:500;color:#374151;border:1px solid #d1d5db;border-radius:0;padding:.25rem .75rem;letter-spacing:.05em}.hero__title{font-weight:700;letter-spacing:-.03em;color:#111827;margin-top:1.5rem}.hero__title-main{display:block;font-size:4rem;line-height:1;text-transform:uppercase}@media(min-width:1024px){.hero__title-main{font-size:5.5rem}}.hero__title-sub{display:block;font-size:2.5rem;line-height:1.2;margin-top:.5rem}@media(min-width:1024px){.hero__title-sub{font-size:3.25rem}}.hero__title-accent{color:#387c8b}.hero__desc{font-size:1.125rem;font-weight:300;color:#0000008c;max-width:42rem;margin:1.5rem 0 0;line-height:1.625}@media(min-width:1024px){.hero__desc{font-size:1.25rem}}.hero__subdesc{font-size:.875rem;color:#0006;max-width:36rem;margin:1.5rem 0 0;line-height:1.625}.hero__subdesc-highlight{color:#0009;font-weight:500}.btn{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;border-radius:0;padding:1rem 2.5rem;transition:all .3s;border:none;cursor:pointer;text-decoration:none}.btn--primary{background:url(/oil-noise.png) repeat,var(--color-dark);background-blend-mode:overlay;background-size:256px 256px,cover;color:#fff;box-shadow:0 10px 15px -3px #0000001a}.btn--primary:hover{background:#000c}.btn--primary:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;box-shadow:none}.btn--outline{background:transparent;color:#374151;border:1px solid #d1d5db}.btn--outline:hover{border-color:#9ca3af;color:#111827}.btn--outline:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.btn--pill{font-weight:500;padding:.625rem 1.5rem}.hero__buttons{display:flex;gap:1rem;margin-top:1.5rem;align-self:flex-start}.upload-section{padding:5rem 1.5rem}.upload-section__header{max-width:56rem;margin:0 auto;text-align:center}.upload-section__title{font-size:2.25rem;font-weight:700;line-height:1.1;letter-spacing:-.03em;color:#111827;margin-top:1rem}@media(min-width:1024px){.upload-section__title{font-size:3rem}}.upload-section__desc{font-size:1.125rem;font-weight:300;color:#0000008c;max-width:36rem;margin:1rem auto 0}.alert--error{margin:1.5rem auto 0;max-width:28rem}.alert--error__inner{border:1px solid #e5e7eb;border-radius:0;padding:1rem 1.5rem;font-size:.875rem;color:#6b7280;text-align:center}.upload-cards{padding:0 1.5rem 4rem}.upload-cards__grid{max-width:80rem;margin:0 auto;display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.upload-cards__grid{grid-template-columns:1fr 1fr}}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:0;overflow:hidden;transition:all .2s;cursor:pointer;min-height:20rem;background:url(/oil-noise.png) repeat,var(--color-dark);background-blend-mode:overlay;background-size:256px 256px,cover}.dropzone--active{box-shadow:0 0 0 2px #387c8b}.dropzone__glow{display:none}.dropzone__content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;padding:2rem}.dropzone__preview{display:flex;flex-direction:column;align-items:center;gap:1rem}.dropzone__preview-img{max-height:180px;width:auto;border-radius:0;-o-object-fit:contain;object-fit:contain}.dropzone__preview-name{font-size:.875rem;color:#ffffff80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.dropzone__step-num{color:#387c8b;font-size:1.125rem;font-weight:600;letter-spacing:.1em;margin-bottom:1rem}.dropzone__icon{width:3.5rem;height:3.5rem;border-radius:0;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.dropzone__label{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.dropzone__desc{color:#ffffff80;font-size:.875rem;text-align:center;max-width:280px;line-height:1.625}.dropzone__formats{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.dropzone__format-tag{color:#fff6;font-size:.75rem;border:1px solid rgba(255,255,255,.1);border-radius:0;padding:.25rem .75rem}.generate-actions{display:flex;justify-content:center;margin-top:3rem}.perks{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:2rem}.perks__item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.perks__dot{width:.375rem;height:.375rem;border-radius:0;background:#387c8b}.before-after__section{padding:4rem 0 6rem}.before-after__grid{display:grid;grid-template-columns:1fr;gap:3rem;padding:0 3rem}.before-after__arrow{display:flex;align-items:center;justify-content:center;margin:1rem auto}.before-after__arrow svg{width:4rem;height:4rem;padding:1rem;border-radius:0;background:#fff;border:1px solid #e5e7eb;box-shadow:0 2px 8px #00000014;color:#111827}@media(min-width:768px){.before-after__grid{grid-template-columns:1fr auto 1fr;align-items:center}.before-after__arrow{margin:0}}.before-after__card{position:relative}.before-after__card--before{background:#1a1a2e;border-radius:0;overflow:hidden;height:100%;min-height:50vh;position:relative}.before-after__card--before img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.before-after__card--after{background:#fff;border:1px solid #e5e7eb;border-radius:0;overflow:hidden;height:100%;min-height:50vh;display:flex;align-items:center;justify-content:center;padding:1rem}.before-after__badge{position:absolute;top:1rem;left:1rem;z-index:1;padding:.25rem .75rem;font-size:.75rem;font-weight:600;letter-spacing:.02em;border-radius:0}.before-after__badge--before,.before-after__badge--after{color:#fff;background:#387c8b}.before-after-scroll{position:relative;height:250vh}.before-after-scroll__sticky{position:sticky;top:4rem;height:calc(100vh - 4rem);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:var(--noise) repeat,var(--color-beige)}.before-after-scroll__titles{position:relative;width:100%;text-align:center;margin-bottom:2rem}.before-after-scroll__title{font-size:clamp(3rem,8vw,7rem);font-weight:700;letter-spacing:-.03em;color:#111827}.before-after-scroll__title--right{color:#387c8b}.before-after-scroll__images{position:relative;width:min(90vw,72rem);aspect-ratio:16 / 10}.before-after-scroll__image{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;overflow:hidden;transition:opacity .05s linear}.before-after-scroll__image--before{background:#111113;display:flex;align-items:center;justify-content:center;padding:1.5rem}.before-after-scroll__image--before img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.before-after-scroll__image--after{background:var(--noise) repeat,var(--color-beige);display:flex;align-items:center;justify-content:center;padding:2rem}.before-after-scroll__image--after .how-it-works__blog-diagram{width:100%;max-width:36rem}.generating__section{background:url(/oil-noise.png) repeat,var(--color-dark);background-blend-mode:overlay;background-size:256px 256px,cover;min-height:80vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.generating__glow{position:absolute;border-radius:0;pointer-events:none}.generating__glow--1{top:25%;right:25%;width:600px;height:600px;background:#3b82f614;filter:blur(150px)}.generating__glow--2{bottom:25%;left:25%;width:500px;height:500px;background:#3b82f60f;filter:blur(120px)}.generating__content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:2.5rem;padding:0 1.5rem}.generating__spinner{position:relative;width:5rem;height:5rem}.generating__spinner-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0}.generating__spinner-ring--bg{border:1px solid rgba(255,255,255,.05)}.generating__spinner-ring--green{border:2px solid transparent;border-top-color:#387c8b;animation:spin 1s linear infinite}.generating__spinner-ring--blue{position:absolute;top:.75rem;right:.75rem;bottom:.75rem;left:.75rem;border-radius:0;border:1px solid transparent;border-bottom-color:#3b82f6;animation:spin 1.5s linear infinite reverse}.generating__text{text-align:center}.generating__phase{font-size:1.5rem;font-weight:600;color:#fff}.generating__step-desc{color:#ffffff80;font-size:.875rem;margin-top:.75rem}.generating__indicators{display:flex;align-items:center;gap:1rem}.generating__indicator{display:flex;align-items:center;gap:.5rem}.generating__indicator-dot{width:.625rem;height:.625rem;border-radius:0;transition:background .2s}.generating__indicator-dot--active{background:#387c8b}.generating__indicator-dot--inactive{background:#ffffff1a}.generating__indicator-label{color:#fff9;font-size:.75rem;font-weight:600;letter-spacing:.1em}.generating__indicator-line{width:3rem;height:1px;background:#ffffff1a}.result__hero{padding:5rem 1.5rem}.result__hero-inner{max-width:56rem;margin:0 auto;text-align:center}.result__title{font-size:3rem;font-weight:700;line-height:1.1;letter-spacing:-.03em;color:#111827;margin-top:1rem}@media(min-width:1024px){.result__title{font-size:3.75rem}}.result__title-accent{color:#387c8b}.result__desc{font-size:1.125rem;font-weight:300;color:#0000008c;margin-top:1rem}.result__preview{padding:0;margin-top:2rem}.result__preview-inner{max-width:80rem;margin:0 auto}.result__preview-card{background:url(/oil-noise.png) repeat,var(--color-dark);background-blend-mode:overlay;background-size:256px 256px,cover;border-radius:0;padding:1.5rem;position:relative;overflow:hidden}@media(min-width:1024px){.result__preview-card{padding:2.5rem}}.result__preview-glow{display:none}.result__preview-glow--tr{top:0;right:0;width:500px;height:500px;background:#3b82f614;filter:blur(150px)}.result__preview-glow--bl{bottom:0;left:0;width:400px;height:400px;background:#3b82f60f;filter:blur(120px)}.result__svg-container{position:relative;z-index:10;width:100%;display:flex;align-items:center;justify-content:center;min-height:400px}.result__svg-container>svg{max-width:100%;height:auto}.result__placeholder{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:300px;width:100%}.result__placeholder-text{font-size:.875rem;color:#ffffff59}.result__spinner{width:2rem;height:2rem;border:2px solid rgba(255,255,255,.15);border-top-color:#387c8b;border-radius:0;animation:spin .8s linear infinite}.result__svg-wrapper{position:relative;width:100%;z-index:10}.result__streaming-badge{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(34,241,113,.3);border-radius:0;font-size:.75rem;font-weight:500;color:#387c8b;z-index:20}.result__streaming-dot{width:6px;height:6px;border-radius:0;background:#387c8b;animation:pulse-dot 1.2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.result__actions{padding:1.5rem 0 0}.result__actions-inner{display:flex;justify-content:center;gap:1rem}.btn--edit-active{background:#387c8b;color:#000;box-shadow:0 0 18px #22f17159}.btn--edit-active:hover{background:#14dc64}.footer{background:var(--noise) repeat,#111113;color:#fff6;font-size:.875rem;padding:2rem 1.5rem}.footer__inner{max-width:80rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.footer__brand{font-weight:700;color:#fff;font-size:1rem}.footer__credit{font-size:.75rem}.how-it-works__header--split{width:100%;padding-left:3rem;padding-right:3rem;margin-bottom:0}.how-it-works__header--split .how-it-works__title--hero{display:flex;justify-content:space-between;align-items:baseline;width:100%;font-size:14rem;font-weight:500;letter-spacing:-.04em;color:#111827;margin:0;padding:0}@media(min-width:768px){.how-it-works__title--hero{font-size:24rem}}@media(min-width:1024px){.how-it-works__title--hero{font-size:36rem}}@media(min-width:1280px){.how-it-works__title--hero{font-size:44rem}}.production-ready__divider{display:block;width:100%;overflow:visible}.section--dark{color:#fff}.content-steps{position:relative;z-index:1;background:transparent;overflow:visible}.content-steps__bg{position:sticky;top:4rem;height:calc(100vh - 4rem);background:url(/oil-noise.png) repeat,var(--color-dark);background-blend-mode:overlay;background-size:256px 256px,cover;z-index:0}.content-steps__layout{position:relative;z-index:1;display:grid;grid-template-columns:1fr 2fr;max-width:90rem;margin-top:calc(-100vh + 4rem);margin-left:auto;margin-right:auto}.product-steps__intro{padding:clamp(3rem,6vw,6rem) clamp(2rem,4vw,4rem)}.content-steps__intro-inner{position:sticky;top:7.5rem}.content-steps__intro-swap{position:relative}.content-steps__intro-text{opacity:0;transform:translateY(1.5rem);transition:opacity .35s ease,transform .35s ease;position:absolute;top:0;left:0;right:0;pointer-events:none}.content-steps__intro-text--active{opacity:1;transform:translateY(0);position:relative;pointer-events:auto}.product-steps__title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-bottom:1rem;color:#fff}.product-steps__subtitle{font-size:clamp(.9375rem,1.5vw,1.125rem);font-weight:300;line-height:1.65;color:#ffffff8c}.product-steps__cards{border-left:1px solid rgba(255,255,255,.08)}.product-steps__card{display:grid;grid-template-columns:1fr 1.4fr;min-height:clamp(28rem,55vh,36rem);border-bottom:1px solid rgba(255,255,255,.08)}.product-steps__card-left{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(2rem,3vw,3rem)}.product-steps__card-num{font-size:.875rem;font-weight:600;font-family:DM Mono,Roboto Mono,monospace;color:#ffffff59}.product-steps__card-text{margin-top:auto}.product-steps__card-label{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600;color:#fff;margin-bottom:.5rem}.product-steps__card-desc{font-size:.925rem;color:#ffffff8c;line-height:1.65;margin-bottom:1rem}.product-steps__card-badges{display:flex;flex-wrap:wrap;gap:.375rem}.badge{display:inline-block;font-size:.8125rem;font-weight:500;color:#fff9;border:1px solid rgba(255,255,255,.15);border-radius:0;padding:.2rem .625rem}.product-steps__card-right{position:relative;display:flex;align-items:center;justify-content:center;padding:2.5rem;overflow:hidden}.product-steps__card-right--0{background:var(--gradient-stage-1)}.product-steps__card-right--1{background:var(--gradient-stage-2)}.product-steps__card-right--2{background:var(--gradient-stage-3)}.product-steps__card-right--3{background:var(--gradient-stage-4)}.product-steps__card-right--4{background:var(--gradient-stage-5)}.product-steps__card-oil{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.35;-o-object-fit:cover;object-fit:cover;pointer-events:none}.product-steps__card-visual{position:relative;z-index:1;width:80%;aspect-ratio:1;background:#ffffff26;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;padding:2rem}.product-steps__card-visual .line-icon__svg svg path,.product-steps__card-visual .line-icon__svg svg circle,.product-steps__card-visual .line-icon__svg svg rect,.product-steps__card-visual .line-icon__svg svg ellipse,.product-steps__card-visual .line-icon__svg svg line,.product-steps__card-visual .line-icon__svg svg polygon,.product-steps__card-visual .line-icon__svg svg polyline{stroke:#fff!important}.line-icon{width:100%;height:100%}.line-icon__svg{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.line-icon__svg svg{width:100%;height:100%}.line-icon__svg svg path,.line-icon__svg svg circle,.line-icon__svg svg rect,.line-icon__svg svg ellipse,.line-icon__svg svg line,.line-icon__svg svg polygon,.line-icon__svg svg polyline{stroke-dasharray:2 2!important}@media(max-width:899px){.content-steps__layout{grid-template-columns:1fr}.product-steps__intro{position:relative;padding:3rem 1.5rem 2rem}.content-steps__intro-inner{position:relative;top:auto}.content-steps__intro-swap{position:relative}.content-steps__intro-text{position:relative;opacity:1;transform:none}.content-steps__intro-text:not(.content-steps__intro-text--active){display:none}.product-steps__card{grid-template-columns:1fr;min-height:auto}.product-steps__card-right{min-height:16rem}.product-steps__cards{border-left:none}}.svg-editor-root{position:relative;width:100%}.svg-editor__zoom-controls{position:absolute;top:8px;right:8px;z-index:50;display:flex;gap:2px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;padding:3px;border:1px solid rgba(255,255,255,.1)}.svg-editor__zoom-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;color:#ffffffb3;border-radius:4px;cursor:pointer;transition:background .15s,color .15s}.svg-editor__zoom-btn:hover{background:#ffffff1f;color:#fff}.svg-editor__zoom-label{width:auto;padding:0 6px;font-size:.7rem;font-weight:600;font-family:DM Sans,system-ui,sans-serif;letter-spacing:.02em}.svg-editor__select-btn--active{background:#22f17140;color:#387c8b}.svg-editor__select-btn--active:hover{background:#22f17159;color:#387c8b}.svg-editor__divider{width:1px;height:20px;background:#ffffff26;align-self:center;margin:0 2px}.svg-editor__zoom-wrapper{overflow:auto;max-height:80vh;border-radius:4px;outline:1px solid rgba(34,241,113,.25)}.svg-editor{position:relative;width:100%;min-height:400px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.svg-editor>svg{max-width:100%;height:auto;display:block}.font-size-panel{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px;min-width:160px;z-index:60;box-shadow:0 8px 24px #0006}.font-size-panel__title{font-size:.65rem;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.08em;padding:2px 4px 6px}.font-size-panel__row{display:flex;align-items:center;gap:6px;padding:3px 4px;border-radius:4px}.font-size-panel__row:hover{background:#ffffff0f}.font-size-panel__label{font-size:.75rem;font-weight:600;color:#ffffffd9;min-width:36px}.font-size-panel__count{font-size:.65rem;color:#ffffff59;margin-right:auto}.font-size-panel__btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#ffffffb3;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s;padding:0;line-height:1}.font-size-panel__btn:hover{background:#22f17133;color:#387c8b;border-color:#22f1714d}.svg-editor__text-input{position:absolute;background:#000000e0;color:#fff;border:1.5px solid rgb(56,124,139);border-radius:4px;padding:1px 6px;font-family:DM Sans,system-ui,sans-serif;font-weight:700;text-align:center;outline:none;z-index:100;box-shadow:0 0 12px #22f1714d;transform:translateY(-40%);min-width:60px}