:root{--bg: #f8f9fa;--surface-lowest: #ffffff;--surface-low: #f1f4f6;--surface: #eaeff1;--on-surface: #2b3437;--on-surface-variant: #586064;--primary: #5e5e5e;--outline-variant: #abb3b7;--border: #e3e9ec;--ink: var(--on-surface);--ink-muted: var(--on-surface-variant);--line: var(--border);--line-dark: var(--outline-variant);--danger: #ef4444}*{box-sizing:border-box;margin:0;padding:0}body{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background-color:var(--bg);color:var(--on-surface);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}h1,h2,h3,.font-headline{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}html.fonts-ready body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}html.fonts-ready h1,html.fonts-ready h2,html.fonts-ready h3,html.fonts-ready .font-headline{font-family:Manrope,Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle}.material-symbols-outlined[data-icon-hydrated]{display:inline-block;inline-size:1em;block-size:1em;flex-shrink:0;background-color:currentColor;-webkit-mask-image:var(--storesito-icon-url);mask-image:var(--storesito-icon-url);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}.max-w{max-width:80rem;margin:0 auto;width:100%}.px{padding-left:1.25rem;padding-right:1.25rem}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}header.top-bar{background:var(--bg);position:sticky;top:0;z-index:40;border-bottom:none;height:4rem}.back-btn{width:2.5rem;height:2.5rem;background:#e4e4e780;border-radius:.5rem;display:flex;align-items:center;justify-content:center;transition:background .2s}.back-btn:hover{background:#d4d4d880}.store-back-icon{width:1.125rem;height:1.125rem;display:block}.nav-link{font-size:.875rem;font-weight:600;color:var(--on-surface-variant);transition:color .2s;padding:.5rem .75rem;border-radius:.5rem}.nav-link:hover{color:var(--on-surface);background:var(--surface-low)}.desktop-only{display:none}@media(min-width:768px){.desktop-only{display:flex}}.title{font-weight:700;font-size:1.125rem;letter-spacing:-.025em}.store-logo-chip{width:2rem;height:2rem;border-radius:.5rem;object-fit:cover;flex-shrink:0;border:1px solid var(--border);background:var(--surface-low)}.store-logo-chip-skeleton{border:0;background:linear-gradient(90deg,#f4f4f5,#e9e9eb 45%,#f4f4f5);background-size:220% 100%;animation:catalog-skeleton-shimmer 1.2s ease-in-out infinite}@media(max-width:767px){header.top-bar.center-brand-mobile .max-w{position:relative}header.top-bar.center-brand-mobile .header-left{width:100%}header.top-bar.center-brand-mobile .title{position:absolute;left:50%;transform:translate(-50%);max-width:calc(100% - 7rem);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}}.toggle-group{background:#e4e4e780;padding:.25rem;border-radius:.5rem;display:flex}.toggle-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;color:var(--on-surface-variant);transition:all .2s}.toggle-btn svg{width:1.25rem;height:1.25rem}.toggle-btn.active{background:var(--surface-lowest);box-shadow:0 1px 2px #0000000d;color:var(--on-surface)}main{padding-top:1rem;flex-grow:1}.breadcrumbs{display:flex;align-items:center;gap:.5rem;overflow-x:auto;white-space:nowrap;margin-bottom:1.5rem;padding-bottom:.25rem;scrollbar-width:none}.breadcrumbs::-webkit-scrollbar{display:none}.crumb{font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;color:var(--on-surface-variant);font-weight:600}.crumb.active{color:var(--primary);font-weight:700}.crumb-icon{font-size:.625rem;color:var(--outline-variant)}.page-header{margin-bottom:2rem}.page-title{font-size:2.25rem;font-weight:800;letter-spacing:-.05em;color:#18181b}.page-subtitle{font-size:.875rem;color:var(--on-surface-variant);margin-top:.5rem;font-weight:500}.catalog-empty-state{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center}.catalog-loading-state{min-height:60vh;display:flex;align-items:stretch;justify-content:flex-start;text-align:left}.catalog-empty-state p{margin:0;font-size:1rem;font-weight:600;color:var(--on-surface-variant)}.catalog-skeleton-shell{width:100%}.catalog-skeleton-head{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.catalog-skeleton-line{background:linear-gradient(90deg,#f4f4f5,#e9e9eb 45%,#f4f4f5);background-size:220% 100%;border-radius:.75rem;animation:catalog-skeleton-shimmer 1.2s ease-in-out infinite}.catalog-skeleton-line-title{width:min(18rem,60%);height:2.2rem}.catalog-skeleton-line-subtitle{width:min(15rem,50%);height:1rem}.catalog-skeleton-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.catalog-skeleton-card{aspect-ratio:1;border-radius:1rem;background:linear-gradient(90deg,#f4f4f5,#ececee 45%,#f4f4f5);background-size:220% 100%;animation:catalog-skeleton-shimmer 1.2s ease-in-out infinite}.catalog-main-shell{padding-left:1.25rem;padding-right:1.25rem}.storefront-theme{background:linear-gradient(145deg,var(--store-gradient-start),var(--store-gradient-end));color:var(--store-text-color)}.storefront-theme .title,.storefront-theme .page-title{color:var(--store-title-color)}.storefront-theme .page-subtitle{color:var(--store-subtitle-color)}.storefront-theme .crumb,.storefront-theme .gallery-title,.storefront-theme .list-title,.storefront-theme .list-price,.storefront-theme .product-name,.storefront-theme .product-price,.storefront-theme .spec-title{color:var(--store-text-color)}#gallery-view{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:1024px){.catalog-main-shell{width:100%;max-width:min(66vw,1120px);margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}#gallery-view,.catalog-skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem}}.gallery-card{background:var(--surface-lowest);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;position:relative;overflow:hidden;cursor:pointer;transform:translateZ(0);transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.gallery-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#27272a00;pointer-events:none;transition:background .16s ease}.gallery-card.is-pressing{transform:scale(.985)}.gallery-card.is-pressing:after{background:#27272a1f}.gallery-card.is-folder{border:1px solid var(--border);box-shadow:4px 4px 0 0 var(--border)}.gallery-badge{position:absolute;top:1rem;right:1rem;background:var(--surface-low);padding:.25rem .5rem;border-radius:.25rem;font-size:.625rem;font-weight:700;text-transform:uppercase;color:var(--on-surface-variant)}.gallery-img{width:4rem;height:4rem;object-fit:contain;filter:grayscale(100%);opacity:.8;margin-bottom:1rem}.gallery-icon{font-size:2.5rem;color:#d4d4d8;margin-bottom:1rem}.gallery-title{font-size:.875rem;font-weight:700;letter-spacing:-.025em}#list-view{display:none}.nest-nav{display:flex;gap:.75rem;overflow-x:auto;margin-bottom:1.5rem;padding-bottom:.5rem;scrollbar-width:none}.nest-nav::-webkit-scrollbar{display:none}.nest-card{flex-shrink:0;width:6rem;height:6rem;background:var(--surface-lowest);border-radius:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;transform:translateZ(0);transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.nest-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#27272a00;pointer-events:none;transition:background .16s ease}.nest-card.is-pressing{transform:scale(.985)}.nest-card.is-pressing:after{background:#27272a1f}.nest-img{width:2rem;height:2rem;object-fit:contain;filter:grayscale(100%);opacity:.8;margin-bottom:.5rem}.nest-icon{font-size:1.5rem;color:#a1a1aa;margin-bottom:.5rem}.nest-title{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.list-container{display:flex;flex-direction:column}.list-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:0;cursor:pointer;position:relative;overflow:hidden;transform:translateZ(0);transition:opacity .16s ease,transform .16s ease;margin-left:-1.25rem;margin-right:-1.25rem}.list-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#27272a00;pointer-events:none;transition:background .16s ease}.list-item.is-pressing{transform:scale(.996)}.list-item.is-pressing:after{background:#27272a1a}.list-item:nth-child(odd){background:var(--surface-lowest)}.list-item:nth-child(2n){background:var(--surface-low)}@media(hover:hover)and (pointer:fine){.gallery-card:hover,.nest-card:hover{background:var(--surface-low)}.list-item:hover{opacity:.8}.catalog-main-shell.suppress-hover .gallery-card:hover,.catalog-main-shell.suppress-hover .nest-card:hover{background:var(--surface-lowest)}.catalog-main-shell.suppress-hover .list-item:hover{opacity:1}}@keyframes catalog-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.list-img-box{width:2.5rem;height:2.5rem;background:var(--surface);border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.list-img{width:1.5rem;height:1.5rem;object-fit:contain;filter:grayscale(100%);opacity:.8}.list-details{flex-grow:1;min-width:0;padding-right:1rem}.list-title{font-size:.875rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-specs{font-size:.6875rem;color:var(--on-surface-variant);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.125rem}.list-price-box{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.list-price{font-weight:700;font-size:.875rem}#product-view{display:none;margin-left:-1.25rem;margin-right:-1.25rem}.product-shell{display:flex;flex-direction:column}.product-hero-row{display:flex;align-items:center;gap:1rem;padding:1.125rem 1.25rem;background:var(--surface-lowest);border-bottom:0;box-shadow:none}.product-media{width:4.5rem;height:4.5rem;flex-shrink:0;background:var(--surface);border-radius:.75rem;display:flex;align-items:center;justify-content:center}.product-image{width:3rem;height:3rem;object-fit:contain;filter:grayscale(100%);opacity:.88}.product-overview{min-width:0;display:flex;flex-direction:column;gap:.18rem;width:100%}.product-name{font-size:.9rem;font-weight:700;letter-spacing:-.015em;line-height:1.2;text-align:right}.product-price{font-size:1rem;font-weight:800;letter-spacing:-.02em;text-align:right;margin-top:.15rem}.product-block{padding:.95rem 1.25rem;background:var(--surface-lowest);border-top:0;box-shadow:none}.product-content{display:flex;flex-direction:column;gap:.625rem}.spec-selector{display:flex;flex-direction:column;gap:.85rem}.spec-group{display:flex;flex-direction:column;gap:.5rem}.spec-title{font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--on-surface-variant)}.spec-options{display:inline-flex;align-self:flex-start;width:fit-content;max-width:100%;flex-wrap:wrap;gap:.25rem;background:#e4e4e780;padding:.25rem;border-radius:.5rem}.spec-options.is-color-options{background:transparent;padding:0;border-radius:0;gap:.38rem}.spec-option{min-width:3.25rem;height:2rem;padding:0 .7rem;border-radius:.25rem;background:transparent;border:0;color:var(--on-surface-variant);font-size:.6875rem;font-weight:700;letter-spacing:.01em;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.spec-option.selected{background:var(--surface-lowest);color:var(--on-surface);box-shadow:0 1px 2px #0000000d}.spec-option.unavailable{opacity:.45}.spec-option.forced{box-shadow:inset 0 0 0 1px #58606440}.spec-option.is-color{min-width:0;width:30px;height:30px;padding:0;border-radius:50%;background:transparent;position:relative;box-sizing:border-box;flex:0 0 auto;line-height:0;font-size:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:0;box-shadow:none;transition:opacity .15s ease;display:grid;place-items:center}.spec-color-dot{width:22px;height:22px;border-radius:50%;background:var(--spec-color, #9ca3af);border:0;display:block}.spec-option.is-color:focus,.spec-option.is-color:focus-visible{outline:none;box-shadow:none}.spec-option.is-color:hover{color:inherit}.spec-option.is-color.forced,.spec-option.is-color.selected,.spec-option.is-color.selected.forced{box-shadow:none}.spec-option.is-color.selected .spec-color-dot,.spec-option.is-color.selected.forced .spec-color-dot{outline:2px solid rgba(228,228,231,.5);outline-offset:3px}.spec-option.is-color.unavailable{opacity:.35}.spec-option:hover{opacity:1;color:var(--on-surface)}.whatsapp-btn{margin:1rem auto 0;align-self:center;display:flex;align-items:center;justify-content:center;width:max-content;min-width:12rem;border-radius:.5rem;background:var(--surface-lowest);border:1px solid var(--border);color:var(--on-surface);font-size:.75rem;font-weight:700;padding:.65rem .9rem;text-align:center}.whatsapp-btn:hover{background:var(--surface-low)}.whatsapp-btn.is-disabled{opacity:.45;pointer-events:none}@media(min-width:900px){.list-container{border-radius:1rem;overflow:hidden}.list-item{margin-left:0;margin-right:0}.list-item:first-child{border-top-left-radius:1rem;border-top-right-radius:1rem}.list-item:last-child{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}#product-view{margin-left:0;margin-right:0}.product-shell{border:1px solid var(--border);border-radius:1rem;overflow:hidden}.product-hero-row{padding:1.25rem 1.5rem}.product-block{padding:1rem 1.5rem}.whatsapp-btn{margin:1rem auto 0;width:max-content;min-width:12rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.auth-main{padding-top:4rem;padding-bottom:4rem;min-height:70vh;display:flex}.auth-wrap{width:100%;max-width:24rem;margin:0 auto}.auth-page-header{margin-bottom:2rem;text-align:center}.auth-page-title{font-size:1.55rem;line-height:1.15;letter-spacing:-.03em}.auth-page-subtitle{font-size:.95rem;text-transform:none;letter-spacing:0;font-weight:400;margin-top:.5rem;color:var(--on-surface-variant)}.auth-card{background:var(--surface-lowest);border-radius:1rem;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:stretch}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-input-group{display:flex;flex-direction:column;gap:.5rem}.auth-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant)}.auth-input{width:100%;padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--border);background:var(--surface-lowest);font-size:16px;color:var(--on-surface);font-family:inherit;transition:border-color .2s,box-shadow .2s}.auth-input:focus{outline:none;border-color:var(--on-surface);box-shadow:0 0 0 2px #2b34371a}.auth-input::placeholder{color:var(--outline-variant)}.auth-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:var(--on-surface-variant);font-size:.75rem;font-weight:500;letter-spacing:.05em}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border)}.auth-divider:before{margin-right:1rem}.auth-divider:after{margin-left:1rem}.auth-providers-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:2rem}.auth-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;transition:all .2s;cursor:pointer;font-family:inherit}.auth-btn-primary{background:#e4e4e780;color:var(--on-surface);border:1px solid rgba(212,212,216,.8)}.auth-btn-primary:hover{background:#d4d4d880}.auth-btn-google{background:var(--surface-lowest);border:1px solid var(--border);color:var(--on-surface)}.auth-btn-google:hover{background:var(--surface-low)}.auth-btn-outline{background:transparent;border:1px solid var(--border);color:var(--on-surface)}.auth-btn-outline:hover{background:var(--surface-low)}.auth-provider-icon{width:1.25rem;height:1.25rem;font-size:1.25rem}.auth-footer{margin-top:1.5rem;text-align:center;font-size:.75rem;color:var(--on-surface-variant)}.auth-footer strong{color:#ffef00}.auth-touch-links{text-align:left;display:flex;flex-direction:column;gap:.65rem}.auth-touch-row{font-size:.8125rem;color:var(--on-surface-variant);display:flex;align-items:center;flex-wrap:wrap;gap:.25rem}.auth-touch-hit,.auth-touch-hit-inline{position:relative;display:inline-flex;align-items:center;cursor:pointer}.auth-touch-hit:before,.auth-touch-hit-inline:before{content:"";position:absolute;top:-12px;right:-10px;bottom:-12px;left:-10px}.auth-touch-link,.auth-touch-link-inline{display:inline-flex;align-items:center;font-family:inherit;line-height:1.2;text-decoration:none;pointer-events:none}.auth-touch-link{font-size:.8125rem;font-weight:700;color:var(--on-surface-variant)}.auth-touch-link-inline{font-size:.8125rem;font-weight:700;color:var(--on-surface)}.auth-touch-hit:focus-visible,.auth-touch-hit-inline:focus-visible{outline:2px solid var(--on-surface);outline-offset:2px}@media(min-width:768px){.auth-page-title{font-size:2rem}}.settings-main{padding-top:2rem;padding-bottom:4rem;min-height:80vh}.settings-container{max-width:37.5rem;margin:0 auto;padding-bottom:4rem}.settings-group{padding:2rem 0;border-bottom:1px solid var(--border)}.settings-group:last-of-type{border-bottom:none}.settings-group-title{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;letter-spacing:-.025em;color:var(--on-surface)}.settings-status-msg{margin:0 0 .85rem;font-size:.8125rem;color:var(--on-surface-variant)}.settings-form-group{margin-bottom:1.5rem}.settings-form-group-last{margin-bottom:0}.settings-form-label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:var(--on-surface)}.settings-form-input{width:100%;padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--border);background:var(--surface-lowest);font-size:16px;color:var(--on-surface);font-family:inherit;transition:border-color .2s,box-shadow .2s}.settings-form-input:focus{outline:none;border-color:var(--on-surface);box-shadow:0 0 0 2px #2b34371a}.settings-form-input[readonly]{background:var(--surface-low);color:var(--on-surface-variant);cursor:not-allowed}.settings-input-wrapper{display:flex;align-items:center;width:100%;padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--border);background:var(--surface-lowest);transition:border-color .2s,box-shadow .2s;cursor:text}.settings-input-wrapper:focus-within{border-color:var(--on-surface);box-shadow:0 0 0 2px #2b34371a}.settings-input-prefix{color:var(--on-surface-variant);font-size:16px;pointer-events:none;-webkit-user-select:none;user-select:none}.settings-form-input-inline{border:none;padding:0;background:transparent;box-shadow:none}.settings-form-input-inline:focus{box-shadow:none}.settings-input-wrapper .settings-form-input-inline{width:100%;margin-left:.5rem}.settings-phone-wrapper{display:flex;align-items:center;width:100%;border-radius:.5rem;border:1px solid var(--border);background:var(--surface-lowest);transition:border-color .2s,box-shadow .2s}.settings-phone-wrapper:focus-within{border-color:var(--on-surface);box-shadow:0 0 0 2px #2b34371a}.settings-country-select{border:none;background:transparent;padding:.75rem .5rem .75rem 1rem;font-size:16px;color:var(--on-surface);outline:none;cursor:pointer;border-right:1px solid var(--border);border-radius:.5rem 0 0 .5rem;max-width:7.5rem;font-family:inherit}.settings-phone-wrapper .settings-form-input-inline{width:100%;padding:.75rem 1rem;border-radius:0 .5rem .5rem 0}.settings-help-text{font-size:.75rem;color:var(--on-surface-variant);margin-top:.5rem;line-height:1.4}.settings-save-wrapper{margin-top:1.5rem}.settings-hidden{display:none!important}.settings-btn-save{background:var(--on-surface);color:var(--surface-lowest);padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:16px;border:1px solid var(--on-surface);transition:opacity .2s;cursor:pointer;width:100%}.settings-btn-save:hover{opacity:.9}.settings-btn-save-ghost{background:transparent;color:var(--on-surface);border:1px solid var(--border)}.settings-grid-two{display:grid;grid-template-columns:1fr;gap:1rem}.settings-grid-two-bottom{margin-bottom:0}.settings-subtitle{font-size:1rem;font-weight:700;margin-top:1rem;margin-bottom:.75rem;color:var(--on-surface)}.settings-subtitle-security{margin-top:2rem}.settings-plan-block{margin-bottom:1.5rem}.settings-plan-label{font-size:.75rem;color:var(--on-surface-variant);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.settings-plan-name{font-size:1.75rem;font-weight:800;letter-spacing:-.02em}.settings-plan-price-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border);gap:1rem}.settings-plan-desc{font-size:1rem;font-weight:700;color:var(--on-surface)}.settings-plan-sub{font-size:.875rem;color:var(--on-surface-variant);font-weight:500}.settings-plan-price{font-size:1.5rem;font-weight:800;color:var(--on-surface);letter-spacing:-.02em;white-space:nowrap}.settings-plan-price span{font-size:1rem;color:var(--on-surface-variant);font-weight:500}.settings-plan-price-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:1rem;row-gap:.35rem;align-items:end;padding-top:1.5rem;border-top:1px solid var(--border);margin-bottom:1rem}.settings-plan-bottles{display:inline-flex;align-items:center;margin-left:-.38rem}.settings-bottle-single{color:#18181b;line-height:0;margin-left:-.02rem}.settings-bottle-row{display:inline-flex;align-items:center;gap:0}.settings-bottle-item{color:#18181b;line-height:0;display:inline-flex}.settings-bottle-row .settings-bottle-item+.settings-bottle-item{margin-left:-.75rem}.settings-plan-price-display-wrap{grid-column:2;text-align:right;justify-self:end}.settings-plan-price-display{display:inline-flex;align-items:baseline;gap:.22rem;white-space:nowrap;font-size:1.625rem;font-weight:800;color:var(--on-surface)}.settings-plan-price-display span{font-size:.875rem;color:var(--on-surface-variant);font-weight:600}.settings-plan-legend{grid-column:1;margin:0;font-size:.9rem;color:var(--on-surface-variant);line-height:1.2}.settings-plan-period{grid-column:2;justify-self:end;margin:0;font-size:.9rem;color:var(--on-surface-variant);line-height:1.2}.settings-skeleton-stack,.settings-skeleton-row{display:grid;gap:.85rem}.settings-skeleton-row-two{grid-template-columns:1fr 1fr}.settings-skeleton-block{display:inline-flex;width:100%;border-radius:.6rem;background:linear-gradient(90deg,#ececf1 25%,#f4f4f7 37%,#ececf1 63%);background-size:250% 100%;animation:settings-skeleton-shimmer 1.15s ease-in-out infinite}.settings-skeleton-title{max-width:10rem;height:1.8rem}.settings-skeleton-price{max-width:12rem;height:1.8rem}.settings-skeleton-input{height:3rem}.settings-skeleton-rowline{height:3.4rem}.settings-skeleton-button{max-width:11rem;height:2.9rem}@keyframes settings-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.settings-data-list{display:flex;flex-direction:column;margin-bottom:1rem}.settings-data-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border);gap:1rem}.settings-data-row:last-child{border-bottom:none}.settings-data-label{color:var(--on-surface-variant);font-size:.875rem;font-weight:500}.settings-data-value{font-size:16px;color:var(--on-surface);font-weight:600;text-align:right;display:flex;align-items:center;gap:.375rem;justify-content:flex-end}.settings-data-value-success{color:#10b981}.settings-list-action-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem;background:var(--surface-low);border-radius:.5rem;color:var(--on-surface);font-weight:600;font-size:16px;text-decoration:none;transition:background .2s}.settings-list-action-btn:hover{background:#d4d4d880}.settings-payment-method{display:flex;align-items:center;gap:1rem;padding:1rem 0;margin-bottom:1.5rem}.settings-payment-icon{width:3rem;height:2rem;background:#14274e;border-radius:.25rem;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;color:#fff;flex-shrink:0}.settings-payment-details{flex:1;min-width:0}.settings-payment-title{font-weight:600;font-size:16px}.settings-payment-subtitle{font-size:.875rem;color:var(--on-surface-variant)}.settings-logout-btn{width:100%;padding:1rem;margin-top:1rem;background:transparent;color:#ef4444;border:1px solid #ef4444;border-radius:.5rem;font-weight:600;font-size:16px;text-align:center;transition:all .2s}.settings-logout-btn:hover{background:#fef2f2}@media(min-width:768px){.settings-grid-two{grid-template-columns:1fr 1fr}}footer{background:var(--surface-low);border-top:1px solid rgba(171,179,183,.3);padding:3rem 2rem;margin-top:3rem}.footer-grid{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}@media(min-width:768px){.footer-grid{gap:4rem}}.footer-brand{display:flex;flex-direction:column;gap:.5rem}.footer-logo{font-size:.875rem;font-weight:800;text-transform:uppercase;letter-spacing:-.025em;color:#a1a1aa;display:block}.footer-copy{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:-.025em;color:var(--on-surface-variant)}.footer-credit{font-size:.6875rem;font-weight:500;color:var(--outline-variant);margin-top:.5rem}.footer-actions{display:flex;justify-content:flex-end}.footer-col{display:flex;flex-direction:column;gap:.75rem;align-items:flex-end}.footer-heading{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#a1a1aa;margin-bottom:.5rem}.footer-icons{display:flex;flex-direction:column;gap:.75rem}.footer-icon-btn{width:2.5rem;height:2.5rem;border-radius:.5rem;background:#e4e4e780;display:flex;align-items:center;justify-content:center;color:var(--on-surface-variant);transition:all .2s}.footer-icon-btn:hover{background:var(--surface-lowest);color:var(--on-surface);box-shadow:0 1px 2px #0000000d}@media(min-width:768px){.footer-icons{flex-direction:row;gap:.75rem}}.form-label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:var(--on-surface)}.form-input{width:100%;padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--border);background:var(--surface-lowest);font-size:16px;color:var(--on-surface);font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:var(--on-surface);box-shadow:0 0 0 2px #2b34371a}.form-input[readonly]{background:var(--surface-low);color:var(--on-surface-variant);cursor:not-allowed}.input-help{font-size:.75rem;color:var(--on-surface-variant);margin-top:.375rem;line-height:1.4}.input-wrapper{display:flex;align-items:stretch;width:100%;padding:0;border-radius:.5rem;border:1px solid var(--border);background:var(--surface-lowest);transition:border-color .2s,box-shadow .2s;cursor:text;overflow:hidden}.input-wrapper:focus-within{border-color:var(--on-surface);box-shadow:0 0 0 2px #2b34371a}.input-prefix{display:flex;align-items:center;padding:.75rem 0 .75rem 1rem;color:var(--on-surface-variant);font-size:16px;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-save{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.5rem;border-radius:.5rem;background:var(--on-surface);color:var(--surface-lowest);font-size:.8125rem;font-weight:700;border:none;cursor:pointer;transition:opacity .2s}.btn-save:hover{opacity:.85}.btn-save:disabled{opacity:.5;cursor:not-allowed}.billing-sync-note{font-size:.8125rem;color:var(--on-surface-variant);margin-bottom:1.5rem;line-height:1.5}.billing-feature-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.billing-feature-chip{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:.375rem;background:var(--surface-low);font-size:.75rem;font-weight:600;color:var(--on-surface-variant)}.data-list{display:flex;flex-direction:column;border-top:1px solid var(--border);margin-bottom:1.5rem}.data-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border)}.data-label{font-size:.875rem;color:var(--on-surface-variant);font-weight:500}.data-value{font-size:.875rem;font-weight:700;color:var(--on-surface)}.payment-method{display:flex;align-items:center;gap:1rem;padding:0;background:transparent;border-radius:0;margin-bottom:1.5rem}.payment-method-heading{font-size:1rem;font-weight:700;margin-top:1.35rem;margin-bottom:.65rem;color:var(--on-surface)}.payment-icon{width:4rem;height:2.35rem;border-radius:.45rem;background:#14274e;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:800;color:#fff;flex-shrink:0;text-transform:uppercase;letter-spacing:.04em}.payment-details{min-width:0;flex-grow:1}.payment-title{font-size:.875rem;font-weight:700;color:var(--on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payment-subtitle{font-size:.8125rem;color:var(--on-surface-variant);margin-top:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-action-btn{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.875rem 1rem;border-radius:.5rem;background:var(--surface-lowest);border:1px solid var(--border);font-size:.8125rem;font-weight:600;color:var(--on-surface);cursor:pointer;transition:background .2s;text-decoration:none}.list-action-btn:hover{background:var(--surface-low)}.list-action-btn .material-symbols-outlined{font-size:1.125rem;color:var(--on-surface-variant)}.logout-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:.875rem 1rem;border-radius:.5rem;background:transparent;border:1px solid var(--border);font-size:.8125rem;font-weight:600;color:#dc2626;cursor:pointer;transition:background .2s;margin-top:2rem}.logout-btn:hover{background:#dc26260d}.phone-row{display:flex;gap:.5rem;align-items:stretch}.phone-code-select{width:auto;min-width:4.5rem;max-width:6.5rem;flex-shrink:0;padding:0 .75rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.5rem!important;text-align:center;text-align-last:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%236b7280'%3E%3Cpath d='M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .25rem center;background-size:1rem}.domain-prefix{display:flex;align-items:center;padding:.75rem .75rem .75rem 1rem;border-radius:.5rem 0 0 .5rem;border:1px solid var(--border);border-right:none;background:var(--surface-low);font-size:16px;color:var(--on-surface-variant);white-space:nowrap;-webkit-user-select:none;user-select:none}.domain-prefix+.form-input{border-radius:0 .5rem .5rem 0}.btn-upgrade{display:inline-flex;align-items:center;padding:1rem 1.25rem;border-radius:.5rem;background:var(--on-surface);color:var(--surface-lowest);font-size:.8125rem;font-weight:700;text-decoration:none;transition:opacity .2s;white-space:nowrap}.btn-upgrade:hover{opacity:.85}.app-layout{display:grid;grid-template-columns:560px 1fr;gap:1rem;padding:2rem;max-width:1400px;margin:0 auto;align-items:start;background:var(--bg)}.mobile-nav{position:sticky;top:4rem;z-index:35;padding:.75rem 1rem;background:var(--bg);border-bottom:1px solid var(--border)}@media(min-width:1025px){.mobile-nav{display:none!important}}@media(max-width:1024px){.app-layout{display:block!important;padding:0!important;margin:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}}.tree-sidebar{position:sticky;top:5rem;background:var(--bg)}@media(max-width:1024px){.tree-sidebar{padding:0!important;margin:0!important;background:transparent;min-height:100vh;width:100%!important;position:static!important;box-sizing:border-box!important}}.tree-list{display:flex;flex-direction:column;gap:2px}@media(max-width:1024px){.tree-sidebar .tree-list{background:transparent;gap:0;width:100%!important;margin:0!important;padding:0!important}}.tree-item{display:flex;align-items:center;padding:.75rem;border-radius:.5rem;cursor:pointer;font-size:.9375rem;font-weight:500;color:var(--ink);transition:background .2s;-webkit-user-select:none;user-select:none}.tree-item:hover{background:var(--line)}.tree-item.active{background:var(--ink);color:var(--surface)}.tree-item.drag-over{background:#0000000d;border:1px dashed var(--outline-variant)}.tree-item.dragging{opacity:.45}@media(max-width:1024px){.tree-sidebar .tree-item{padding:1rem!important;border-radius:0!important;width:100%!important;box-sizing:border-box!important;margin:0!important}}.tree-icon{font-size:1.25rem;margin-right:.75rem;opacity:.7}.tree-item.active .tree-icon{opacity:1}.drag-handle{font-size:1.25rem;margin-right:.5rem;cursor:grab;opacity:.3}.tree-children{margin-left:1.5rem;display:flex;flex-direction:column;border-left:2px solid var(--line);padding-left:.5rem;margin-top:.25rem;margin-bottom:.5rem}.tree-children.drag-over{border:1px dashed var(--outline-variant);border-radius:.5rem;background:#00000005}@media(max-width:1024px){.tree-sidebar .tree-children{margin:0!important;padding:0!important;border-left:none!important;width:100%!important}.tree-sidebar .tree-children .tree-item{padding-left:2.5rem!important}}.editor-area{max-width:800px;margin:0 auto}@media(max-width:1024px){.editor-area{background:var(--bg);min-height:100vh;padding-bottom:4rem}}.editor-header-block{padding:2rem 2rem 1rem}@media(max-width:1024px){.editor-header-block{padding:1.5rem 1rem 1rem}}.editor-title{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.25rem}.editor-subtitle{color:var(--ink-muted);font-size:.875rem}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:var(--on-surface-variant);letter-spacing:.05em}.form-input{width:100%;padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--border);background:var(--surface-lowest);font-size:16px;color:var(--on-surface);font-family:inherit;transition:border-color .2s,box-shadow .2s;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input:focus{border-color:var(--on-surface);box-shadow:0 0 0 2px #2b34371a}.form-input::placeholder{color:var(--outline-variant)}select.form-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23586064' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem}.toggle-group.text-toggle .toggle-btn{width:auto;padding:0 1rem;font-size:.875rem;font-weight:600}.spec-grid-row{display:grid;grid-template-columns:120px 1fr;gap:1rem;padding:1rem;align-items:start}@media(max-width:1024px){.spec-grid-row{grid-template-columns:1fr;gap:.5rem}}.spec-meta{display:flex;flex-direction:column;gap:.25rem}.spec-name{font-weight:600;font-size:.9375rem;color:var(--ink)}.spec-source{font-size:.6875rem;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em}.spec-remove-btn{margin-top:.5rem;font-size:.75rem;color:var(--danger);background:transparent;border:none;padding:0;cursor:pointer;text-align:left;font-weight:500}.spec-values-area{display:flex;flex-direction:column;gap:.5rem}.val-list{display:flex;flex-wrap:wrap;gap:.5rem}.val-item{display:inline-flex;align-items:center;background:var(--bg);border:1px solid var(--line-dark);padding:.25rem .5rem .25rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500}.val-item button{background:transparent;border:none;color:var(--ink-muted);margin-left:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.val-item button:hover{color:var(--danger)}.val-add-wrapper{display:flex;align-items:center;margin-top:.25rem}.inactive-pool{padding:1rem;display:flex;flex-wrap:wrap;gap:.5rem;background:var(--bg)}.inactive-chip{background:transparent;border:1px dashed var(--ink-muted);color:var(--ink-muted);padding:.375rem .75rem;border-radius:2rem;font-size:.8125rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem}.inactive-chip:hover{border-color:var(--ink);color:var(--ink)}.variant-card{background:var(--surface);margin-bottom:1rem}@media(min-width:769px){.variant-card{border:1px solid var(--line);border-radius:.75rem;margin:0 2rem 1rem;overflow:hidden}}.variant-header{background:var(--bg);padding:.75rem 1rem;font-size:.8125rem;color:var(--on-surface);font-weight:600;border-bottom:1px solid var(--border)}.variant-grid{display:grid;grid-template-columns:1fr 1fr;background:var(--line);gap:1px}.v-cell{background:var(--surface);padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem}.v-cell label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);font-weight:600}.v-input-wrapper{display:flex;align-items:center;width:100%;padding:.5rem .75rem;border-radius:.5rem;border:1px solid var(--border);background:var(--surface-lowest);transition:border-color .2s,box-shadow .2s}.v-input-wrapper:focus-within{border-color:var(--on-surface);box-shadow:0 0 0 2px #2b34371a}.v-symbol{color:var(--on-surface-variant);margin-right:.25rem;font-size:.875rem}.v-input{border:none;background:transparent;font-size:16px;color:var(--on-surface);outline:none;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit}.action-row{padding:2rem;text-align:center}@media(max-width:1024px){.action-row{padding:2rem 1rem}}.btn-danger-text{background:transparent;border:1px solid var(--danger);border-radius:.5rem;color:var(--danger);font-weight:600;font-size:.875rem;cursor:pointer;padding:.75rem 1rem;transition:all .2s;width:100%;text-align:center}.btn-danger-text:hover{background:#ef44441a}.btn-add-spec{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;color:var(--on-surface);background:var(--surface-lowest);border:1px solid var(--border);border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;margin:1rem;transition:all .2s}.btn-add-spec:hover{background:var(--surface-low)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.highlight-1{position:absolute;bottom:.6rem;left:-.5rem;right:-.5rem;height:1.2rem;background:#ffef00;z-index:1;opacity:.95;transform:rotate(-1.2deg) skew(-8deg);border-radius:4px;pointer-events:none;filter:blur(.3px)}.highlight-2{position:absolute;bottom:.2rem;left:5%;right:10%;height:.9rem;background:#ffef00;z-index:1;opacity:.7;transform:rotate(2deg) skew(12deg);border-radius:6px;pointer-events:none;filter:blur(.8px)}@media(max-width:639px){.highlight-1{bottom:2rem;left:0rem;right:0rem;opacity:.65;height:2.5rem;transform:rotate(-1.2deg) skew(-8deg)}.highlight-2{bottom:.1rem;left:10%;right:15%;opacity:100;height:1.8rem;transform:rotate(2deg) skew(12deg)}}.footer-ctas{grid-template-columns:repeat(2,1fr)}.mobile-socials{display:none!important}.desktop-socials{display:flex!important}@media(min-width:640px){.footer-ctas{grid-template-columns:repeat(4,1fr)}}@media(max-width:639px){.mobile-socials{display:flex!important}.desktop-socials{display:none!important}}