:root{--brand-green:#0f8b4c;--brand-green-dark:#0a5b35;--brand-red:#d71920;--brand-cream:#fff3c9;--brand-mint:#e9f6ee;--ink:#143527;--card-border:#0a5b3533;color:var(--ink);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 8% 10%,#f1fbf4 0%,#f1fbf400 32%),radial-gradient(circle at 92% 12%,#fff4da 0%,#fff4da00 28%),linear-gradient(#f7fff9 0%,#fffef7 100%);font-family:Barlow,Trebuchet MS,Segoe UI,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}h1,h2,h3,p{margin:0}label{color:#214e39;gap:.25rem;font-size:.92rem;display:grid}input,select,button,textarea{font:inherit}input,select,textarea{background:#fff;border:1px solid #b7ceea;border-radius:12px;padding:.55rem .65rem;transition:box-shadow .18s,border-color .18s}input:focus,select:focus,textarea:focus{border-color:#5890d8;outline:none;box-shadow:0 0 0 3px #5890d833}.readonly-input{color:#2b4a76;background:#f2f6ff;font-weight:700}button{cursor:pointer}.login-shell{place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{border:1px solid var(--card-border);background:#fffffff2;border-radius:20px;gap:.85rem;width:min(440px,100%);padding:1.25rem;display:grid;box-shadow:0 22px 42px #08462724}.setup-card{width:min(720px,100%)}.inline-setup{background:#f8fdf9;border:1px solid #dcebe2;border-radius:14px}.setup-title{color:#1d5538;margin:.25rem 0;font-size:1.1rem}.setup-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.login-card h1{font-size:clamp(1.6rem,3.5vw,2rem)}.error-text{color:#b31f1f;font-size:.9rem;font-weight:700}.login-intro{color:#2d6a49;font-size:.93rem}.app-shell{grid-template-columns:minmax(0,1.2fr) minmax(360px,1fr);gap:1rem;width:min(1280px,100% - 1.6rem);margin:1rem auto;display:grid}.panel,.preview-panel{border:1px solid var(--card-border);background:#fffffff2;border-radius:20px;box-shadow:0 10px 26px #0f482a1a}.panel{padding:1.1rem}.panel-header{justify-content:space-between;align-items:center;display:flex}.panel-header h1{letter-spacing:.01em;font-size:clamp(1.6rem,3.4vw,2.3rem)}.muted{color:#45745d;font-size:.92rem}.print-hint{margin-top:.55rem}.form-error{background:#fff6f6;border:1px solid #f2b4b4;border-radius:10px;margin-top:.6rem;padding:.55rem .65rem}.step{border-top:1px solid #d9eae0;margin-top:1rem;padding-top:.9rem}.step h2{margin-bottom:.5rem;font-size:1.08rem}.step h3{color:#266343;margin:.75rem 0 .45rem;font-size:.95rem}.modes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.chip{color:#1e5f3f;text-align:left;background:#f3fbf6;border:1px solid #bcdcc8;border-radius:10px;padding:.55rem .7rem;font-weight:700}.chip.active{color:#fff;background:linear-gradient(130deg, var(--brand-green-dark) 0%, var(--brand-green) 100%);border-color:var(--brand-green-dark)}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.two-col>label{background:#fbfffc;border:1px solid #deece4;border-radius:12px;padding:.5rem}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.action-row{flex-wrap:wrap;gap:.6rem;display:flex}.primary,.ghost{border-radius:12px;padding:.58rem .88rem;font-weight:700;transition:transform .12s,box-shadow .18s}.primary{background:linear-gradient(130deg, #e21d25 0%, var(--brand-red) 100%);color:#fff;border:1px solid #b1161d;box-shadow:0 10px 20px #b7161d33}.ghost{color:#1f5b3d;background:#eef8f1;border:1px solid #97c0a7}.primary:hover,.ghost:hover{transform:translateY(-1px)}.primary:active,.ghost:active{transform:translateY(0)}.preset-row{gap:.6rem;display:flex}.preset-row input{flex:1}.preset-list{flex-wrap:wrap;gap:.45rem;margin-top:.55rem;display:flex}.preset-item{color:#1f5d3f;background:#f4fbf6;border:1px solid #bcdbc8;border-radius:999px;padding:.35rem .75rem}.admin-block{background:#fffcf8;border:1px solid #efdad2;border-radius:14px;padding:.75rem}.admin-list,.campaign-list{gap:.45rem;margin-top:.7rem;display:grid}.admin-row,.campaign-row{background:#fff;border:1px solid #d9e8df;border-radius:9px;justify-content:space-between;align-items:center;gap:.6rem;padding:.45rem .5rem;display:flex}.preview-panel{flex-direction:column;gap:.7rem;max-height:calc(100vh - 1.4rem);padding:1.1rem;display:flex;position:sticky;top:.7rem;overflow:auto}.preview-title{color:#2a6344;font-size:1.06rem;font-weight:700}.procedure-box{background:#f3fbf6;border:1px solid #bcdcc8;border-radius:12px;gap:.4rem;padding:.75rem;display:grid}.procedure-box h3{color:#1f5b3d;font-size:1rem}.procedure-box p{color:#2f6650;font-size:.95rem}.label-card{aspect-ratio:297/210;background:#fff;border:1px solid #dde8e1;border-radius:12px;flex-direction:column;width:100%;max-width:100%;font-family:Arial,Helvetica Neue,sans-serif;display:flex;overflow:hidden;box-shadow:0 12px 22px #0e402a1f}.label-card.small{aspect-ratio:148.5/210;width:100%}.label-head{color:#fff;text-align:center;padding:1.05rem .5rem;font-size:clamp(3.3rem,7vw,6.8rem);font-weight:800;line-height:1.02}.label-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.45rem;min-height:auto;padding:.95rem 1rem 1.3rem;display:flex;position:relative}.price-big{font-size:clamp(5.2rem,12vw,8.8rem);font-weight:800;line-height:.92}.price-mid{font-size:clamp(4.1rem,9.8vw,7rem);font-weight:800;line-height:.92}.tiny{font-size:clamp(1.35rem,2.8vw,1.9rem);font-weight:700}.statt-line{color:#5c6773;margin:0;font-size:clamp(1.5rem,3.3vw,2.35rem);font-weight:700;text-decoration:line-through;text-decoration-thickness:2px}.name-line{font-size:clamp(2.35rem,5.8vw,4.2rem);font-weight:700;line-height:1}.unit-line{font-size:clamp(1.7rem,4.2vw,3rem);font-weight:700;line-height:1}.kw-tag{font-size:clamp(1.2rem,2.3vw,1.6rem);font-weight:700;position:absolute;bottom:.7rem;left:1rem}.split-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.label-card.small .label-head{font-size:clamp(2.4rem,5.1vw,4.3rem)}.label-card.small .label-body{gap:.25rem}.label-card.small .price-mid{font-size:clamp(3.2rem,7.2vw,5.5rem)}.label-card.small .name-line{font-size:clamp(1.9rem,4.5vw,3.2rem)}.label-card.small .unit-line{font-size:clamp(1.4rem,3.2vw,2.3rem)}.bulk-input{width:100%;min-height:110px;margin-bottom:.5rem}.checks-row{flex-wrap:wrap;gap:.7rem;margin:.55rem 0;display:flex}.inline-check{background:#eff8f2;border:1px solid #bad9c5;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .7rem;display:inline-flex}.brand-logo{width:min(280px,100%);height:auto;display:block}.brand-logo.small{width:min(220px,100%);margin-bottom:.25rem}@media (width<=1000px){.app-shell{grid-template-columns:1fr}.preview-panel{max-height:none;position:static}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.setup-choice-grid,.modes-grid,.two-col,.form-grid,.split-two{grid-template-columns:1fr}.preset-row{flex-direction:column}.price-big{font-size:clamp(3.3rem,16vw,5rem)}.price-mid{font-size:clamp(2.6rem,12vw,4rem)}.name-line{font-size:clamp(1.8rem,8.2vw,2.5rem)}.unit-line{font-size:clamp(1.25rem,6vw,1.8rem)}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.tab-bar{gap:.5rem;width:min(1280px,100% - 1.6rem);margin:1rem auto 0;display:flex}.tab{border:1px solid var(--card-border);color:#1f5f41;cursor:pointer;background:#ffffffd9;border-radius:12px 12px 0 0;padding:.55rem 1.1rem;font-weight:700}.tab.active{color:#0a5b35;background:#fff;border-bottom-color:#fff;box-shadow:0 -4px 12px #0f482a1f}.graphic-editor-shell{background:linear-gradient(#f8fffb 0%,#f4faf7 100%);border:1px solid #d9e9df;border-radius:16px;gap:.7rem;margin-bottom:.9rem;padding:.8rem;display:grid}.graphic-editor-head h3{color:#1f5f41;margin:0;font-size:1.05rem}.graphic-editor-head p{color:#3e6f57;margin:.2rem 0 0;font-size:.9rem}.graphic-editor-grid{grid-template-columns:minmax(250px,.9fr) minmax(0,1.4fr);gap:.8rem;display:grid}.graphic-editor-controls{background:#ffffffe6;border:1px solid #dcebe2;border-radius:12px;gap:.55rem;padding:.65rem;display:grid}.graphic-editor-actions{gap:.5rem;display:flex}.graphic-canvas-wrap{gap:.45rem;display:grid}.editor-label-card{aspect-ratio:297/210;background:#fff;border:3px solid #1f5f41;border-radius:14px;width:100%;overflow:hidden;box-shadow:0 16px 28px #0a4a2c29}.editor-label-header,.editor-label-body{position:relative}.editor-label-header{height:24%}.editor-label-body{height:76%}.editor-text{white-space:nowrap;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:6px;outline:1px dashed #0000;padding:.1rem .2rem;line-height:1;position:absolute}.editor-label-header .editor-text{cursor:pointer}.editor-text.active{background:#1f6ec71f;outline-color:#1f6ec7}.editor-text.dragging{cursor:grabbing}.label-stage-wrap{width:100%;max-width:640px;margin:0 auto}.label-stage .editor-text,.label-stage .editor-label-header .editor-text{cursor:default}.graphic-status-row{color:#2f6650;justify-content:space-between;gap:.55rem;font-size:.85rem;display:flex}@media (width<=980px){.graphic-editor-grid{grid-template-columns:1fr}.editor-label-body{min-height:220px}}.office-shell{background:#fff;border:1px solid #d7d5d2;border-radius:10px;padding:0;overflow:hidden;box-shadow:0 10px 30px #1414141a,0 1px 3px #14141414}.office-titlebar{color:#fff;background:linear-gradient(135deg,#2b579a 0%,#1e3f74 100%);flex-direction:column;gap:.05rem;padding:.6rem 1rem;display:flex}.office-titlebar h3{letter-spacing:.01em;margin:0;font-size:1.02rem;font-weight:700}.office-titlebar p{color:#cfe0f7;margin:.1rem 0 0;font-size:.78rem}.office-ribbon{background:linear-gradient(#fbfbfa 0%,#f3f2f1 100%);border-bottom:1px solid #d3d1cf;flex-wrap:wrap;align-items:stretch;gap:.55rem;padding:.55rem .7rem .4rem;display:flex}.ribbon-separator{background:linear-gradient(#0000,#d3d1cf 20% 80%,#0000);align-self:stretch;width:1px;margin:.15rem}.ribbon-group{background:#fff9;border:1px solid #e7e5e2;border-radius:8px;flex-direction:column;align-items:center;gap:.35rem;min-width:0;padding:.35rem .55rem .3rem;display:flex;box-shadow:0 1px 2px #14141408}.ribbon-group-title{color:#6b6b6b;letter-spacing:.02em;margin-top:auto;font-size:.66rem;font-weight:600}.ribbon-row{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.ribbon-select{color:#262626;background:#fff;border:1px solid #c7c7c7;border-radius:5px;padding:.3rem .45rem;font-size:.8rem;transition:border-color .15s,box-shadow .15s}.ribbon-select:hover{border-color:#2b579a}.ribbon-select:focus-visible{border-color:#2b579a;outline:none;box-shadow:0 0 0 3px #2b579a2e}.ribbon-select-wide{min-width:190px;font-weight:600}.ribbon-number{text-align:center;background:#fff;border:1px solid #c7c7c7;border-radius:5px;width:56px;padding:.3rem .35rem;font-size:.8rem;font-weight:600;transition:border-color .15s,box-shadow .15s}.ribbon-number:focus-visible{border-color:#2b579a;outline:none;box-shadow:0 0 0 3px #2b579a2e}.ribbon-btn{color:#262626;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:.34rem .6rem;font-size:.78rem;font-weight:600;transition:background .12s,border-color .12s,transform 80ms}.ribbon-btn:hover{background:#e1dfdd;border-color:#c7c7c7}.ribbon-btn:active{transform:translateY(1px)}.ribbon-btn-save{color:#fff;background:#2b579a;border-color:#1e3f74;font-weight:700}.ribbon-btn-save:hover{background:#234a85;border-color:#1e3f74}.ribbon-icon-btn{color:#262626;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;width:32px;height:30px;font-size:.85rem;font-weight:700;transition:background .12s,border-color .12s,transform 80ms;display:inline-flex}.ribbon-icon-btn:hover{background:#e1dfdd;border-color:#c7c7c7}.ribbon-icon-btn:active{transform:translateY(1px)}.ribbon-icon-btn.active{background:#c7e0f4;border-color:#90c2e7;box-shadow:inset 0 0 0 1px #2b579a40}.ribbon-color-btn{cursor:pointer;border-radius:5px;justify-content:center;align-items:center;width:32px;height:30px;transition:background .12s;display:inline-flex;position:relative}.ribbon-color-btn:hover{background:#e1dfdd}.ribbon-color-letter{border-bottom:3px solid;padding-bottom:2px;font-size:.85rem;font-weight:800;line-height:1}.ribbon-color-btn input[type=color]{opacity:0;cursor:pointer;border:none;padding:0;position:absolute;inset:0}.align-icon{flex-direction:column;gap:2px;width:16px;display:flex}.align-icon i{background:currentColor;border-radius:1px;height:2px;display:block}.office-add-text-bar{background:linear-gradient(#fffef6 0%,#fffbe6 100%);border-bottom:1px solid #eadfa0;gap:.4rem;padding:.6rem .8rem;display:grid}.office-add-text-bar label{color:#5c5320;font-size:.82rem;font-weight:600}.office-body{grid-template-columns:minmax(0,1fr) 270px;gap:0;display:grid}.office-canvas-wrap{background:radial-gradient(circle,#0000000d 1px,#0000 1px) 0 0/18px 18px,#e9e9ea;place-items:center;gap:.6rem;padding:1.4rem;display:grid}.office-page-shadow{background:#fff;border-radius:6px;width:min(640px,92%);padding:0;box-shadow:0 1px 2px #00000024,0 10px 24px #0000002e,0 0 0 1px #0000000a}.office-format-pane{background:#faf9f8;border-left:1px solid #e1dfdd;align-content:start;gap:.65rem;max-height:640px;padding:.7rem;display:grid;overflow-y:auto}.format-pane-header{color:#262626;border-bottom:1px solid #e1dfdd;align-items:center;gap:.4rem;padding-bottom:.45rem;font-size:.9rem;font-weight:700;display:flex}.format-pane-header:before{content:"";background:#2b579a;border-radius:50%;width:8px;height:8px}.format-section{background:#fff;border:1px solid #ece9e6;border-radius:8px;gap:.45rem;padding:.55rem .65rem .6rem;display:grid}.format-section-title{color:#2b579a;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.3rem;font-size:.76rem;font-weight:700;display:flex}.format-section-title:before{content:"";background:#2b579a;border-radius:2px;width:3px;height:12px}.format-section label{color:#3b3b3b;gap:.2rem;font-size:.78rem;font-weight:600;display:grid}.format-section textarea{resize:vertical;border:1px solid #d7d5d2;border-radius:6px;padding:.4rem .5rem;font-family:inherit;font-size:.85rem}.format-section input[type=range]{accent-color:#2b579a}.office-statusbar{color:#dce7f8;background:linear-gradient(90deg,#2b579a,#1e3f74);justify-content:space-between;gap:.5rem;padding:.3rem .8rem;font-size:.72rem;font-weight:600;display:flex}.save-status.active{color:#a8e6b0}@media (width<=900px){.office-body{grid-template-columns:1fr}.office-format-pane{border-top:1px solid #e1dfdd;border-left:none;max-height:none}}.editor-picker-shell{gap:1.1rem;width:min(1100px,100% - 1.6rem);margin:1.4rem auto;display:grid}.editor-picker-header{border:1px solid var(--card-border);background:#fffffff2;border-radius:16px;justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex;box-shadow:0 10px 26px #0f482a1a}.editor-picker-header h1{margin:.15rem 0 .1rem;font-size:1.6rem}.editor-picker-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.9rem;display:grid}.editor-picker-card{--accent:#2b579a;border:1px solid var(--card-border);color:#1d2b3a;cursor:pointer;text-align:left;background:#fff;border-radius:16px;flex-direction:column;align-items:flex-start;gap:.7rem;padding:1.5rem 1.1rem 1.2rem;font-size:1.02rem;font-weight:700;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 18px #0f482a14}.editor-picker-card:before{content:"";background:var(--accent);height:5px;position:absolute;inset:0 0 auto}.editor-picker-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 16px 28px #0f482a29}.editor-picker-icon{background:color-mix(in srgb, var(--accent) 16%, white);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex}.editor-picker-label{line-height:1.25}.office-app{--accent:#2b579a;background:#e9e9ea;grid-template-rows:auto 1fr auto;height:calc(100vh - 3.1rem);display:grid}.office-app-topbar{color:#fff;border-bottom:3px solid var(--accent);background:linear-gradient(135deg,#2b579a 0%,#1e3f74 100%);align-items:center;gap:.7rem;padding:.55rem .9rem;display:flex}.office-app-topbar-title{align-items:center;gap:.45rem;margin-right:auto;font-size:.95rem;font-weight:700;display:flex}.office-app-topbar-icon{background:color-mix(in srgb, var(--accent) 55%, white 15%);border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;font-size:.95rem;display:inline-flex}.office-app-topbar .ghost{color:#fff;background:#ffffff1f;border:1px solid #ffffff59}.office-app-topbar .ghost:hover{background:#ffffff38}.office-app .office-shell{box-shadow:none;border:none;border-radius:0;grid-template-rows:auto auto 1fr auto;min-height:0;display:grid}.office-app .office-body{min-height:0;overflow:auto}.office-sheet-tabs{background:#dedcda;border-top:1px solid #c7c5c2;gap:.25rem;padding:.4rem .5rem 0;display:flex;overflow-x:auto}.sheet-tab{--tab-accent:#2b579a;color:#4a4a4a;white-space:nowrap;cursor:pointer;background:#ece9e6;border:1px solid #c7c5c2;border-bottom:none;border-radius:6px 6px 0 0;align-items:center;gap:.4rem;padding:.4rem .75rem .4rem .6rem;font-size:.78rem;font-weight:600;transition:background .12s,transform .12s;display:inline-flex}.sheet-tab:hover{background:#f5f4f2}.sheet-tab-dot{background:var(--tab-accent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.sheet-tab.active{color:#1a1a1a;border-color:#c7c5c2;border-top:3px solid var(--tab-accent);background:#fff;padding-top:calc(.4rem - 2px);font-weight:700;transform:translateY(1px);box-shadow:0 -2px 6px #0000000f}