@import url('/static/fonts.css');
:root{--bg:#f4f5f2;--ink:#202723;--muted:#7b837d;--line:#e4e8e0;--lime:#d8f96a;--green:#38523e;--radius:17px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{transition:background .15s,border-color .15s,transform .15s}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.8px;font-size:36px;line-height:1.18}h2{font-size:18px;letter-spacing:-.5px}small{font-size:11px}button:focus-visible,a:focus-visible{outline:3px solid #82ae3f;outline-offset:3px}input,select,textarea{width:100%;background:#fff;color:var(--ink);border:1px solid #dce2d7;border-radius:8px;padding:11px 12px;outline:none;min-width:0}input:focus,select:focus,textarea:focus{border-color:#9ab76d;box-shadow:0 0 0 3px #cfeaab42}input[type=checkbox]{width:16px;height:16px;accent-color:#5a7b35;padding:0}label{display:block;font-size:12px;font-weight:600;margin:16px 0 0}label>input,label>select,label>textarea,label>.input-icon{margin-top:7px}label small{font-weight:400;color:var(--muted);display:block;margin-top:3px}select[multiple]{font-size:11px;padding:6px;line-height:1.7}select[multiple] option{padding:4px}select[multiple] option:checked{background:#eaf5ce}button{border:0}body:has(dialog[open]){overflow:hidden}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#fcfdf9;border-right:1px solid var(--line);padding:34px 21px;display:flex;flex-direction:column;z-index:5}.wordmark{display:flex;align-items:center;font-size:25px;font-weight:800;letter-spacing:-1px;flex-wrap:wrap;position:relative;gap:7px;line-height:1}.wordmark>span:last-child{font-size:10px;letter-spacing:2.4px;text-transform:uppercase;font-weight:500;flex-basis:100%;margin-left:45px}.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--lime);font-size:30px}.nav-label{font-size:9px;letter-spacing:1.3px;color:#899188;margin:55px 8px 15px}.nav-item{display:flex;width:100%;align-items:center;gap:11px;background:none;color:#6e776e;font-size:12px;padding:13px 12px;border-radius:9px;text-align:left;margin-bottom:8px}.nav-item.active{background:#edf2e6;color:#263c2b;font-weight:700}.nav-item b{margin-left:auto;font-size:10px;background:#dce7cc;border-radius:5px;padding:3px 5px}.side-bottom{margin-top:auto}.season{background:#202922;border-radius:13px;padding:22px 18px;margin-bottom:26px;color:#f8fbf1;overflow:hidden}.season>span{color:#b8caab;font-size:8px;letter-spacing:1.2px}.season strong{display:block;font-size:27px;line-height:1.1;letter-spacing:-.8px;margin:14px 0}.season i{font-style:normal;color:var(--lime);font-size:40px;float:right}.season small{color:#9da99a}.account{display:flex;gap:10px;align-items:center;font-size:10px}.account small{display:block;margin-top:4px;font-size:8px;color:var(--muted)}.avatar{background:#e9ece1;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.logout{background:none;padding:15px 0 0 42px;color:var(--muted);font-size:10px}.workspace{margin-left:230px}.topbar{height:70px;padding:0 38px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#f9faf6}.breadcrumb{font-size:11px;color:#7b837c}.breadcrumb span{padding:0 12px;color:#bdc3b7}.live{font-size:10px;color:#697b61;display:flex;gap:8px;align-items:center}.live i,.dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#6a9d59}.content{padding:36px 38px 0;max-width:1740px;margin:0 auto}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#7a876e}.page-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:28px}.page-heading h1{margin:10px 0 12px}.page-heading h1 span{color:#759849}.page-heading p{color:var(--muted);font-size:12px;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 17px;font-size:12px;font-weight:600;border-radius:9px;white-space:nowrap;border:1px solid transparent;min-height:40px}.button span{margin-left:auto;font-size:20px;line-height:.8}.primary{background:var(--lime);color:#26301d}.primary:hover{background:#c9ee52}.dark{background:#27332a;color:white}.dark:hover{background:#415344}.outline{border-color:var(--line);background:white;color:#53604e}.outline:hover{background:#f2f5ed}.full{width:100%}.campaign-bar{display:flex;align-items:center;gap:18px;padding:19px 23px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.caption{font-size:8px;letter-spacing:1px;color:#85917b;margin:0 0 5px}.campaign-bar select{border:0;padding:0 22px 0 0;min-width:275px;font-size:15px;font-weight:600;box-shadow:none}.status{font-size:10px;white-space:nowrap;border-radius:6px;background:#edf5de;color:#638236;padding:6px 9px}.status.working{background:#fff3d5;color:#8f651a}.status.error{background:#ffeded;color:#be3636}.campaign-right{margin-left:auto;display:flex;align-items:center;gap:18px}.campaign-right>span{font-size:10px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:18px 0 26px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:23px 0}.stats>div{padding:0 24px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats span{color:#7a8377;font-size:10px;display:block}.stats strong{font-size:31px;letter-spacing:-1px;font-weight:600;display:block;margin:10px 0 8px}.stats strong.stat-text{font-size:24px;line-height:36px}.stats small{color:#9ba390;font-size:9px}.dot.lime{background:#a4c34e;margin-right:4px}.studio-grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(320px,1fr);gap:24px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:25px;margin-bottom:24px;scroll-margin-top:20px}.section-title{display:flex;gap:12px;align-items:center;margin-bottom:20px}.step{width:28px;height:28px;flex-shrink:0;border:1px solid #dfe6d8;border-radius:9px;display:grid;place-items:center;font-size:10px;color:#819477}.section-title h2{font-size:16px}.section-title p{font-size:10px;color:var(--muted);margin-top:5px;line-height:1.5}.input-icon{display:flex;align-items:center;border:1px solid #dce2d7;border-radius:8px;padding-left:12px;color:#8c967f}.input-icon input{border:0;margin:0;font-size:11px;background:transparent}.filter-callout{display:flex;gap:10px;background:#f2f7e9;padding:13px;border-radius:9px;margin:18px 0}.filter-callout>span{color:#7e9b43}.filter-callout b{font-size:11px;font-weight:600}.filter-callout small{display:block;color:#8a9876;font-size:9px;margin-top:4px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:400}.checkbox input{margin:0}.text-button{display:inline-block;background:none;padding:0;border:0;color:#6c8355;font-size:11px;margin:14px 0 0;cursor:pointer}.text-button:hover{color:#253b20}details{font-size:10px;color:#7c8573;margin-top:16px}summary{cursor:pointer}.selection-count{background:#fafbf7;border-top:1px solid var(--line);margin:20px -25px -25px;padding:16px 25px;border-radius:0 0 var(--radius) var(--radius);font-size:10px;color:#879278;display:flex;gap:4px;align-items:center}.selection-count b{color:#3d5730}.selection-count i{height:5px;width:5px;border-radius:50%;background:#98b858;margin-right:5px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.template-card{padding:5px 5px 12px;border:1px solid #e5e9e0;border-radius:11px;background:#fff;text-align:left}.template-card.selected{border:2px solid #a6bc7d;padding:4px 4px 11px;box-shadow:0 0 0 3px #f3f7eb}.template-thumb{height:120px;border-radius:7px;padding:13px 10px;position:relative;overflow:hidden}.template-thumb small{font-size:5px;letter-spacing:1.3px}.template-thumb b{font-size:21px;line-height:.95;display:block;margin-top:13px;letter-spacing:-.6px}.template-thumb i{position:absolute;right:-4px;bottom:8px;font-size:26px;font-style:normal;transform:rotate(-12deg);border-radius:100%;padding:8px}.noir{background:#121714;color:#e5f986}.noir i{background:#d8f96a;color:#1e2617}.scarlet{background:#f0e9df;color:#d7333d}.scarlet i{background:#e7323e;color:white}.gold{background:#24231e;color:#e8c182}.gold i{color:#e8c182;border:1px solid #b39869}.template-card>strong{font-size:10px;display:block;margin:10px 5px 4px}.template-card>span{color:#8b9480;font-size:8px;display:block;margin:0 5px}.segments{display:flex;margin-top:8px;gap:7px}.segments button{flex:1;background:#fbfcf8;border:1px solid var(--line);border-radius:8px;padding:9px 4px;font-size:11px;color:#728265}.segments button small{display:block;font-size:8px;margin-top:5px}.segments button.selected{background:#edf5df;border-color:#aec887;color:#475c35}.preview-column{position:sticky;top:20px}.preview-title{display:flex;justify-content:space-between;align-items:center}.preview-title .eyebrow{font-size:8px;letter-spacing:1.3px}.preview-title h2{font-size:16px;margin-top:7px}.preview-dot{width:7px;height:7px;background:#b0cb68;border-radius:50%}.preview-stage{margin-top:22px;min-height:230px;border:1px solid #e5e7df;border-radius:12px;overflow:hidden;background:#eff1eb;display:flex;align-items:center;justify-content:center;position:relative}.preview-stage img{display:none;width:100%;height:auto}.preview-stage img.loaded{display:block}.preview-stage:has(img.loaded) #previewEmpty{display:none}#previewEmpty{padding:60px 36px;text-align:center;font-size:12px;color:#89917f;line-height:1.8}.preview-controls{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:15px}.preview-controls span{font-size:10px;color:#7a8670;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-controls button{border:1px solid var(--line);width:27px;height:27px;border-radius:50%;background:white;flex-shrink:0;color:#6e805e}.preview-note{font-size:10px;color:#929b86;line-height:1.6;margin:15px 0 20px;padding-top:15px;border-top:1px solid var(--line)}.save-hint{display:block;text-align:center;margin-top:12px;font-size:9px;color:#9aa38e}.export-panel .section-title{margin-bottom:15px}.feed-link{display:flex;border:1px solid #dfe5d8;border-radius:8px;overflow:hidden;background:#f8faf4}.feed-link input{font-size:10px;border:0;border-radius:0;background:transparent;padding:12px 10px}.feed-link button{width:40px;background:#eaf1df;color:#597244;font-size:22px}.export-panel>p{font-size:10px;color:#7f8c73;line-height:1.8;margin-top:18px}.export-panel>small{font-size:9px;color:#a1aa95;line-height:1.7;display:block;margin-top:9px}.progress-box{margin-bottom:22px;background:#eef6de;border:1px solid #dce7c6;border-radius:12px;padding:17px 22px;color:#607945}.progress-box>div{display:flex;justify-content:space-between;font-size:12px}.progress-box progress{width:100%;height:7px;margin:12px 0 8px;accent-color:#8eae43}.progress-box small{color:#899975;font-size:10px}.alert{background:#fff1eb;border:1px solid #edc8ba;border-radius:10px;padding:16px;color:#a54c37;font-size:12px;margin-bottom:20px;line-height:1.7}.hidden{display:none!important}.product-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.product-heading h2{font-size:17px}.product-heading h2 span{font-size:11px;color:#8c9c75;background:#f0f6e7;padding:4px 8px;border-radius:6px;margin-left:7px}.product-heading p{font-size:10px;color:var(--muted);margin-top:7px}.product-heading input{max-width:290px;font-size:10px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px;min-width:660px}th{text-align:left;color:#929c85;font-size:9px;font-weight:500;padding:12px 10px;background:#f8faf5}td{padding:14px 10px;border-bottom:1px solid #eef1e8}td.name-cell{max-width:400px}td.name-cell b{display:block;font-weight:500;line-height:1.6}td.name-cell small{color:#9ca48f;font-size:9px}td.price-cell{white-space:nowrap}td.price-cell del{font-size:9px;display:block;color:#a5ac9b;margin-bottom:4px}td .discount{border-radius:5px;background:#f0f7e1;color:#7e9a40;padding:4px 7px;font-size:10px}td .text-button{margin:0;white-space:nowrap}.pagination{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9aa38b;padding-top:20px}.pagination>div{display:flex;gap:8px}.pagination .button{font-size:10px;padding:8px 12px;min-height:30px}.activity-panel h2{font-size:15px;margin-bottom:14px}.event{display:flex;gap:15px;padding:12px 0;border-top:1px solid var(--line);font-size:11px}.event time{color:#9ba58d;white-space:nowrap;font-size:10px}.event.error{color:#ad5946}.muted{color:var(--muted);font-size:11px;line-height:1.6}.page-footer{display:flex;justify-content:space-between;color:#a1aa93;font-size:9px;padding:8px 0 26px}.page-footer b{font-weight:400}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#26332b;color:white;border-radius:11px;padding:16px 24px;box-shadow:0 7px 30px #14220e22;z-index:99;font-size:12px;max-width:90vw}dialog{border:1px solid var(--line);border-radius:20px;width:480px;max-width:calc(100vw - 32px);padding:34px;box-shadow:0 20px 100px #1c291d33}dialog::backdrop{background:#16211788;backdrop-filter:blur(3px)}dialog h2{font-size:26px;margin-top:12px}dialog p{color:var(--muted);font-size:12px;line-height:1.7;margin:12px 0}dialog .button{margin-top:20px}.dialog-close{float:right;font-size:24px;background:none;color:#8f9b82}.login-page{min-height:100vh;display:grid;place-items:center;padding:30px}.login-shell{width:1000px;max-width:100%;display:grid;grid-template-columns:1.1fr 1fr;background:white;border:1px solid var(--line);border-radius:25px;overflow:hidden;box-shadow:0 30px 90px #3541260a}.login-story{background:#202a23;color:#f4f8ec;padding:46px;position:relative}.login-story .wordmark{color:white}.login-story>.eyebrow{margin-top:65px;color:#b2c0a4;font-size:8px}.login-story h1{font-size:42px;margin:18px 0;letter-spacing:-1.4px}.login-story>p{color:#9eae93;line-height:1.8;font-size:12px}.login-art{background:#d8f96a;color:#202c1a;padding:26px;border-radius:14px;margin:30px 0 40px;position:relative;overflow:hidden}.login-art>span{font-size:45px;line-height:.9;letter-spacing:-2px;font-weight:800}.login-art b{position:absolute;right:19px;top:23px;font-size:72px;transform:rotate(-13deg);letter-spacing:-8px}.login-art small{display:block;font-size:7px;letter-spacing:1.4px;margin-top:20px}.login-story footer{font-size:9px;color:#87977a}.login-form{padding:90px 50px;align-self:center}.login-form h2{font-size:30px;letter-spacing:-1px;margin:12px 0}.login-form>p{font-size:12px;color:var(--muted);margin-bottom:30px}.login-form label{margin-top:20px}.login-form .button{width:100%;margin-top:25px}.login-form>small{font-size:10px;line-height:1.8;color:#9ba58c;display:block;margin-top:30px}.login-form .alert{font-size:11px}
@media(min-width:1600px){.content{padding-left:50px;padding-right:50px}.preview-panel{padding:30px}.template-thumb{height:150px}.template-thumb b{font-size:27px}.studio-grid{grid-template-columns:minmax(0,1.35fr) minmax(380px,.85fr)}}
@media(max-width:1190px){.sidebar{width:190px;padding:28px 14px}.workspace{margin-left:190px}.content{padding:26px 22px 0}.topbar{padding:0 22px}.studio-grid{gap:18px;grid-template-columns:minmax(0,1.1fr) minmax(290px,1fr)}.panel{padding:19px}.selection-count{margin:20px -19px -19px;padding:15px 19px}.campaign-right>span{display:none}h1{font-size:29px}.stats>div{padding:0 17px}.template-thumb b{font-size:17px}.template-thumb{height:105px}.template-card>span{display:none}.two-cols{gap:10px}.season{padding:18px 12px}.season strong{font-size:25px}.account{font-size:9px}}
@media(max-width:920px){.sidebar{width:70px;padding:22px 12px}.sidebar .wordmark{justify-content:center;font-size:0}.sidebar .wordmark>span:last-child,.nav-label,.nav-item span,.nav-item b,.side-bottom{display:none}.mark{font-size:27px}.nav-item{font-size:22px;justify-content:center;padding:12px 0;margin-top:16px}.workspace{margin-left:70px}.studio-grid{grid-template-columns:minmax(0,1fr) minmax(270px,.9fr)}.stats{gap:16px;grid-template-columns:1fr 1fr;padding:20px 0}.stats>div:nth-child(2){border:0}.page-heading{align-items:flex-start}.page-heading .button{font-size:10px;padding:10px}.campaign-bar{padding:15px;flex-wrap:wrap;gap:10px}.campaign-bar select{min-width:200px;font-size:13px}.campaign-right{margin-left:0;width:100%;justify-content:flex-end}.campaign-right>span{display:block;margin-right:auto}.template-grid{gap:5px}.template-thumb{padding:8px}.template-thumb b{font-size:15px}.template-card>strong{font-size:8px}.template-thumb i{font-size:19px}.two-cols{grid-template-columns:1fr}.preview-title h2{font-size:14px}.preview-title .eyebrow{font-size:7px}.product-heading{align-items:stretch;flex-direction:column}.product-heading input{max-width:100%}.login-story{padding:30px}.login-form{padding:50px 30px}}
@media(max-width:650px){.sidebar{display:none}.workspace{margin-left:0}.content{padding:22px 14px 0}.topbar{height:50px;padding:0 15px}.page-heading{display:block}.page-heading h1{font-size:30px;max-width:320px}.page-heading>.button{margin-top:18px}.studio-grid{display:flex;flex-direction:column}.settings,.preview-column{width:100%}.preview-column{position:static}.template-thumb{height:125px}.template-thumb b{font-size:21px}.template-card>strong{font-size:10px}.two-cols{grid-template-columns:1fr 1fr}.stats strong{font-size:28px}.stats strong.stat-text{font-size:20px}.panel{margin-bottom:18px}.campaign-bar select{min-width:0;max-width:260px}.campaign-right>.button{font-size:10px;padding:9px}.campaign-right>span{font-size:8px}.login-page{padding:18px}.login-shell{grid-template-columns:1fr}.login-story{padding:26px}.login-story>.eyebrow{margin-top:30px}.login-story h1{font-size:32px}.login-story>p,.login-art,.login-story footer{display:none}.login-form{padding:36px 26px}.event{flex-direction:column;gap:7px}.button.full{white-space:normal}.preview-column .preview-stage{max-width:450px;margin-left:auto;margin-right:auto}}

.login-page{grid-template-columns:minmax(0,1fr)}.login-shell{width:min(1000px,100%);min-width:0}.login-story,.login-form{min-width:0}

.gallery-template{display:flex;align-items:center;gap:16px;width:100%;padding:16px;text-align:left;background:#fff}.gallery-template.selected{padding:15px}.gallery-template img{width:64px;height:76px;object-fit:contain}.gallery-template>span{margin:0;display:block;font-size:12px;flex:1}.gallery-template strong{font-size:14px;color:#33442c;display:block;margin-bottom:8px}.gallery-template small{font-size:10px;color:#8a967e}.gallery-template>b{font-size:19px;color:#6d8f3e}.gallery-template:not(.selected)>b{visibility:hidden}.legacy-styles{border-top:1px solid var(--line);padding-top:17px;margin-top:20px}.legacy-styles>summary{font-size:12px}.legacy-styles>p{margin:13px 0}.gallery-mini{text-align:center;border-bottom:1px solid var(--line);padding:20px 0}.gallery-mini>p{font-size:10px;color:#859178;margin-bottom:13px}.mini-product{width:182px;margin:auto;border:1px solid #e4e8df;border-radius:10px;overflow:hidden;text-align:left;background:white}.mini-product>img{display:block;width:180px;height:180px;object-fit:contain;background:white}.mini-product>div{padding:10px}.mini-product strong{font-size:15px;display:inline-block}.mini-product del{display:block;font-size:10px;color:#9ca48f;margin:3px 0 7px}.mini-product span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.5;color:#5b6b50}.gallery-mini>small{display:block;font-size:9px;color:#98a28e;line-height:1.6;margin-top:12px}.segments button:disabled{cursor:default;opacity:.35}.preview-stage{background:white}

.vt-design-heading{font-size:10px;font-weight:700;letter-spacing:1.1px;color:#8f5527;margin:4px 0 13px}.vt-template-image{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:7px}.vt-template.selected{border-color:#df8d40;box-shadow:0 0 0 3px #fff1e3}.vt-template>strong{color:#25313d}.vt-template>span{line-height:1.5;min-height:24px}