@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#25362f;--muted:#6b756e;--line:#dedfd5;--paper:#f8f8f2;--accent:#d9ed94}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #7b9e45;outline-offset:4px}.studio-header{margin:0 4%;padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.studio-brand{font:800 27px Manrope,Arial;letter-spacing:-1.8px;white-space:nowrap}.studio-brand span{color:#819849}.project-label{font-size:10px;letter-spacing:.14em;color:var(--muted)}.studio-button{display:inline-flex;justify-content:center;align-items:center;gap:22px;border:1px solid var(--line);border-radius:5px;padding:12px 18px;font-size:12px;font-weight:600;background:transparent;color:var(--ink);cursor:pointer}.studio-button:hover{background:#e9eddf}.studio-button.dark{background:var(--ink);border-color:var(--ink);color:white}.studio-button.dark:hover{background:#3e574a}.studio-button:disabled{opacity:.5;cursor:wait}.studio-main{max-width:1600px;margin:auto;padding:65px 4% 0}.studio-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:55px}.overline{font-size:10px;letter-spacing:.15em;font-weight:600;margin:0 0 20px}h1{font:500 clamp(48px,5.6vw,80px)/1.06 Manrope,Arial;letter-spacing:-3.5px;margin:0}h1 em{font-family:Georgia,serif;font-weight:400}.intro-aside{max-width:330px}.intro-aside>p:first-child{font-size:19px;line-height:1.5;letter-spacing:-.4px;margin:0 0 15px}.muted{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.designs{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.design-thumb{height:320px;display:block;overflow:hidden;border:1px solid #0001;transition:transform .3s;border-radius:7px}.design-thumb:hover{transform:translateY(-6px)}.mini-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 15px;border-bottom:1px solid #0001}.mini-top b{font:800 13px Manrope,Arial;letter-spacing:-.8px}.mini-top>span{font-size:5px;letter-spacing:.1em}.natural-thumb{background:#f8f8ee;color:#173d36}.natural-mini{display:grid;grid-template-columns:1fr 1fr;height:210px}.natural-mini>div:first-child{padding:25px 15px}.natural-mini small{font-size:5px;letter-spacing:.1em}.natural-mini strong{font:500 27px/1.1 Manrope,Arial;letter-spacing:-1.3px;display:block;margin:10px 0 15px}.natural-mini i{font-family:Georgia,serif}.mini-cta{display:inline-block;font-size:6px;background:#173d36;color:white;padding:9px 10px;border-radius:2px}.mini-image{background:#dce6b7;position:relative;overflow:hidden;display:flex;align-items:center}.mini-image img{width:95%;mix-blend-mode:multiply;border-radius:50%;transform:rotate(-15deg);position:relative;z-index:1}.mini-image span{position:absolute;font:700 45px Manrope;top:20px;left:0;color:#b7c78f;letter-spacing:-4px}.mini-products{display:flex;gap:8px;padding:12px 15px}.mini-products img{width:calc((100% - 16px)/3);height:62px;object-fit:cover}.electric-thumb{background:#10141c;color:#f4f7f8}.electric-mini{position:relative;height:238px;padding:20px 16px;overflow:hidden}.electric-mini small{font-size:5px;color:#8df4ee;letter-spacing:.18em}.electric-mini strong{font:800 35px/.96 Manrope,Arial;letter-spacing:-1.7px;position:relative;z-index:2;display:block;margin:14px 0 19px}.electric-mini strong i{font-style:normal;color:#8df4ee}.electric-mini img{position:absolute;width:62%;height:160px;right:-10px;bottom:0;object-fit:cover;mix-blend-mode:screen;opacity:.7;transform:rotate(-15deg)}.electric-mini .mini-cta{background:#8df4ee;color:#10141c;position:relative;z-index:2}.electric-cross{position:absolute;bottom:14px;left:15px;font-size:18px;color:#8df4ee}.mini-ticker{background:#8df4ee;color:#10141c;font-size:7px;font-weight:bold;letter-spacing:.1em;padding:10px}.editorial-thumb{background:#f6f0e7;color:#302921}.editorial-mini{position:relative;height:280px;text-align:center;padding-top:16px}.editorial-mini small{font-size:5px;letter-spacing:.2em}.editorial-mini strong{font:400 35px/.95 Georgia,serif;letter-spacing:-1.2px;display:block;margin:10px 0;position:relative;z-index:1}.editorial-mini strong i{color:#a8422b}.editorial-mini img{width:55%;height:155px;object-fit:cover;position:absolute;bottom:13px;left:23%;border-radius:45% 45% 0 0}.editorial-mini>span{position:absolute;bottom:7px;left:18px;font-size:5px;letter-spacing:.1em}.card-heading{display:flex;align-items:center;gap:10px;margin-top:23px}.card-heading>span:first-child{font-size:11px;color:var(--muted)}.card-heading h2{font:500 23px Manrope,Arial;letter-spacing:-.7px;margin:0}.design-label{font-size:9px;margin-left:auto;background:#eceee3;padding:7px 9px;border-radius:20px}.design-card>p{font-size:12px;line-height:1.8;color:var(--muted);max-width:350px;min-height:65px;margin:14px 0 15px}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px;gap:10px}.card-bottom a{font-size:11px;font-weight:600}.swatches{display:flex;gap:5px}.swatches i{width:14px;height:14px;border-radius:50%;border:1px solid #0002}.studio-note{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#e9eddf;border:1px solid #dbe2ca;border-radius:7px;padding:35px 40px;margin-top:60px}.studio-note .overline{margin-bottom:12px}.studio-note h2{font:500 25px Manrope,Arial;letter-spacing:-.8px;margin:0 0 12px}.studio-note p:not(.overline){font-size:12px;color:var(--muted);margin:0;line-height:1.8}.studio-note .studio-button{white-space:nowrap}.storage-note{display:flex;gap:10px;align-items:baseline;padding:25px 0}.storage-note p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.status-dot{width:6px;height:6px;border-radius:50%;background:#7e9445;flex-shrink:0}.studio-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:22px 4%;font-size:10px;color:var(--muted)}
/* Editor */
.admin-main{max-width:1450px;margin:auto;padding:45px 4%}.admin-intro{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:25px}.admin-intro h1{font-size:40px;letter-spacing:-1.5px;margin:0 0 10px}.admin-intro .overline{margin-bottom:12px}.editor-note{padding:16px 20px;background:#eef1e3;border:1px solid #dfe5cd;border-radius:5px;font-size:12px;line-height:1.8;margin:20px 0}.editor-note strong{display:block}.editor-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:25px 0}.editor-toolbar .spacer{flex:1}.editor-layout{display:grid;grid-template-columns:280px 1fr;gap:25px;align-items:start}.editor-panel{background:white;border:1px solid var(--line);border-radius:7px;padding:26px}.editor-panel h2{font:600 20px Manrope;letter-spacing:-.5px;margin:0 0 8px}.editor-panel h3{font-size:14px;margin:25px 0 15px}.product-list{display:flex;flex-direction:column;gap:8px;margin-top:18px}.product-list button{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink);text-align:left}.product-list button.active{border-color:#789747;background:#eff3e7}.product-list img{width:42px;height:48px;object-fit:cover;border-radius:3px}.product-list strong{display:block;font-size:11px;font-weight:600;line-height:1.5}.product-list small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.editor-panel .add-button{width:100%;margin-top:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:block;font-size:12px;font-weight:600}.field input,.field textarea,.field select{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #ccd2c7;border-radius:4px;background:#fff;color:var(--ink);font-size:13px;font-weight:400}.field textarea{resize:vertical;min-height:105px;line-height:1.6}.field small{display:block;font-size:10px;color:var(--muted);font-weight:400;line-height:1.6;margin-top:6px}.span2{grid-column:span 2}.check-field{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.6}.check-field input{width:16px;height:16px;accent-color:#173d36}.image-editor{display:grid;grid-template-columns:115px 1fr;gap:18px;align-items:start}.image-editor>img{width:115px;height:135px;object-fit:cover;border-radius:5px;background:#e9eddf}.image-options{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}.image-options button{border:1px solid var(--line);border-radius:3px;background:none;padding:6px;font-size:10px;color:var(--ink)}.image-options button:hover{background:#e9eddf}.upload-label{display:inline-flex;padding:9px 12px;border:1px solid var(--line);border-radius:4px;font-size:11px;cursor:pointer;margin-top:10px}.upload-label input{width:1px;height:1px;opacity:0;position:absolute}.upload-label:focus-within{outline:3px solid #7b9e45}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.danger{color:#9d3c2d;border-color:#e4c7c1}.danger:hover{background:#f8e9e5}.settings-section{margin-top:25px}.settings-section>details>summary{font-size:15px;font-weight:600;cursor:pointer}.settings-section .form-grid{margin-top:25px}.status-message{font-size:12px;line-height:1.7;min-height:22px;margin:15px 0 0;color:#3f6522}.status-message.error{color:#a33825}.dirty-status{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);margin-top:8px}.dirty-status i{display:inline-block;width:6px;height:6px;background:#8c9f70;border-radius:50%}.dirty-status.unsaved i{background:#c78524}.empty-editor{font-size:13px;color:var(--muted);line-height:1.8;padding:35px 0}.delete-box{margin-top:15px;padding:15px;background:#f9eee8;border-radius:5px;font-size:12px;line-height:1.8}.delete-box .studio-button{margin:8px 7px 0 0}.file-input{width:1px;height:1px;opacity:0;position:absolute}.backup-panel{margin-top:25px;display:flex;gap:20px;align-items:center;justify-content:space-between}.backup-panel p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.backup-panel h2{font-size:17px}.editor-preview{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px}.editor-preview a{font-size:11px;font-weight:600;text-decoration:underline}.new-badge{font-size:10px;color:#789747}.hidden{display:none!important}.catalog-summary{font-size:10px;color:var(--muted);margin-top:8px}.admin-languages{display:flex;gap:4px}.admin-languages button{padding:8px;background:none;border:1px solid var(--line);border-radius:4px;color:var(--ink);font-size:11px}.admin-languages button.active{background:var(--ink);color:white}.help-steps{font-size:12px;line-height:1.9;color:var(--muted);margin:15px 0 0;padding-left:19px}
@media(max-width:1100px){.design-thumb{height:270px}.natural-mini{height:170px}.natural-mini strong{font-size:23px}.natural-mini>div:first-child{padding:17px 10px}.mini-products img{height:48px}.electric-mini{height:190px}.electric-mini strong{font-size:29px}.editorial-mini{height:225px}.editorial-mini strong{font-size:29px}.editorial-mini img{height:125px}.card-heading{flex-wrap:wrap}.design-label{margin-left:0}.editor-layout{grid-template-columns:240px 1fr}.editor-panel{padding:20px}.studio-note{padding:30px}}@media(max-width:800px){.project-label{display:none}.studio-header{padding:20px 0}.studio-main{padding-top:40px}.studio-intro{align-items:start;flex-direction:column;gap:25px;margin-bottom:35px}h1{font-size:56px}.intro-aside{max-width:500px}.intro-aside>p:first-child{font-size:17px}.designs{grid-template-columns:1fr;gap:40px;max-width:550px;margin:auto}.design-thumb{height:360px}.natural-mini{height:242px}.natural-mini strong{font-size:36px}.natural-mini>div:first-child{padding:25px}.mini-products img{height:60px}.electric-mini{height:275px;padding:30px}.electric-mini strong{font-size:48px}.electric-mini img{height:200px}.editorial-mini{height:305px}.editorial-mini strong{font-size:44px}.editorial-mini img{height:180px}.card-heading{flex-wrap:nowrap}.design-label{margin-left:auto}.design-card>p{min-height:0;max-width:none}.studio-note{flex-direction:column;align-items:start;margin-top:40px;padding:25px}.studio-note h2{font-size:24px}.studio-footer{font-size:9px}.admin-intro{flex-wrap:wrap}.admin-intro h1{font-size:34px}.editor-layout{grid-template-columns:1fr}.product-list{display:grid;grid-template-columns:1fr 1fr;max-height:230px;overflow:auto}.form-grid{gap:18px}.editor-toolbar{gap:8px}.editor-toolbar .studio-button{font-size:10px;padding:10px 12px}.backup-panel{align-items:start;flex-direction:column}.editor-panel{padding:20px}.image-editor{grid-template-columns:90px 1fr}.image-editor>img{width:90px;height:110px}}@media(max-width:480px){.studio-header .studio-button{font-size:10px;padding:10px}.studio-brand{font-size:23px}.natural-mini strong{font-size:30px}.electric-mini strong{font-size:40px}.editorial-mini strong{font-size:36px}.design-label{font-size:8px}.studio-footer{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.product-list{grid-template-columns:1fr 1fr}.product-list button{padding:7px;gap:7px}.product-list img{width:30px;height:36px}.product-list strong{font-size:10px}.image-editor{grid-template-columns:1fr}.image-editor>img{width:100%;height:170px}.studio-main h1{font-size:50px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.brand-logo{display:inline-flex;align-items:center;line-height:1;letter-spacing:0}.studio-brand.brand-logo img{width:175px;height:50px;object-fit:contain;display:block}.design-label.shortlisted{background:#dde9cb;color:#435f2d}.mini-top b{font-size:0!important;display:inline-block;width:75px;height:24px;background:url('assets/zap2smart-logo.svg') left center/contain no-repeat}.editorial-thumb .mini-top b{width:78px}.image-options button[data-image-path]{color:#076d93;border-color:#c4d9df}@media(max-width:480px){.studio-brand.brand-logo img{width:145px;height:42px}}

.natural-thumb .mini-top b{background-image:url("assets/zap2smart-logo-natural.svg")}.editorial-thumb .mini-top b{background-image:url("assets/zap2smart-logo-editorial.svg")}.electric-thumb .mini-top b{background-image:url("assets/zap2smart-logo-electric.svg")}
.studio-brand.brand-logo{display:inline-flex;flex-direction:column;align-items:center;width:240px;flex-shrink:0;gap:0;line-height:1;letter-spacing:0}.studio-brand.brand-logo img{width:100%;height:auto;display:block}.studio-brand.brand-logo .brand-tagline{width:100%;margin-top:5px;font-family:'DM Sans',Arial,sans-serif;font-size:8px;font-weight:600;line-height:1.4;letter-spacing:.06em;text-align:center;white-space:nowrap;color:#173d36}.studio-brand.brand-logo[data-brand-theme=editorial] .brand-tagline{color:#493f38}.studio-brand.brand-logo[data-brand-theme=electric] .brand-tagline{color:#c3cdd0}@media(max-width:800px){.studio-brand.brand-logo{width:210px}.studio-brand.brand-logo .brand-tagline{font-size:7px}}@media(max-width:480px){.studio-brand.brand-logo{width:170px}.studio-brand.brand-logo .brand-tagline{font-size:6px}.studio-header{gap:10px}}.mini-top b{height:20px;background-size:contain}