:root{--ink:#182e29;--muted:#697870;--line:#dfe5df;--green:#315f57;--page:#f6f7f3;--paper:#fff;--radius:14px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--page);font-size:14px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,label.button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,label:has(input:focus-visible){outline:3px solid #db922b;outline-offset:4px}button{color:inherit}button:active:not(:disabled){transform:translateY(1px)}input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}button,input{border-radius:7px}input[type=text],input[type=search]{width:100%;padding:12px;border:1px solid var(--line);background:#fff;color:var(--ink)}a{color:inherit;text-decoration:none}.topbar{height:80px;padding:0 44px;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line);background:#fff}.wordmark{display:flex;align-items:center;font-size:21px;font-weight:700;letter-spacing:-.8px;gap:4px}.mark{display:grid;place-items:center;width:35px;height:35px;background:var(--green);border-radius:10px;color:#fff;margin-right:8px;font-size:29px;line-height:1}.wordmark-light{font-weight:400}.privacy{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:12px;color:#52665b}.privacy i{width:7px;height:7px;border-radius:50%;background:#5c8f54}.prototype{padding:6px 8px;background:#edf0eb;font-size:9px;letter-spacing:1.5px;border-radius:4px;color:#5c6e61}main{max-width:1680px;margin:auto;padding:38px 44px 22px}.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:32px}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:700;color:#5d7566}h1{font-family:Georgia,'Times New Roman',serif;font-size:42px;line-height:1.12;letter-spacing:-1.4px;font-weight:400;margin:13px 0 12px}p{line-height:1.5}.heading p{color:var(--muted);font-size:13px;margin:0}.mobile-break{display:none}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:42px;border:1px solid transparent;padding:12px 16px;font-size:12px;font-weight:600;transition:background .15s}.button.primary{background:var(--green);color:#fff}.button.primary:hover:not(:disabled){background:#234b43}.button.subtle{border-color:#ced7ce;background:transparent;white-space:nowrap}.button.light{border-color:var(--line);background:#fff;padding:10px 12px;white-space:nowrap}.text-button{padding:0;border:0;background:none;font-size:11px;font-weight:600;color:#46675a;min-height:28px}.text-button:hover{text-decoration:underline}.workspace{display:grid;grid-template-columns:300px minmax(340px,1fr) 254px;gap:20px;align-items:start}.controls,.catalogue-pane{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.control-section{padding:20px;border-bottom:1px solid var(--line)}.control-section:last-child{border-bottom:0}.section-top{display:flex;align-items:center;gap:10px;margin-bottom:18px}.section-top h2{font-size:13px;font-weight:600;margin:0}.section-top>.text-button{margin-left:auto}.step{font-size:9px;border:1px solid #d5ded3;background:#f6f8f3;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;color:#5a755f}.upload-tile{border:1px dashed #becfbd;border-radius:8px;background:#f9fbf7;display:flex;gap:12px;align-items:center;padding:16px 12px;cursor:pointer;transition:background .2s}.upload-tile:hover{background:#edf4eb}.upload-tile strong{font-size:11px;display:block}.upload-tile small{font-size:10px;display:block;color:var(--muted);margin-top:6px;overflow-wrap:anywhere}.file-icon{font-size:24px;color:#58755b}.image-buttons{display:flex;gap:8px;margin-top:10px}.image-buttons>*{flex:1;font-size:10px}.micro{font-size:10px;line-height:1.55;color:var(--muted);margin:10px 0}.help{font-size:10px;color:var(--muted);line-height:1.5;margin-top:8px}.help summary{cursor:pointer;color:#455e4e}.help p{margin:8px 0}.field{display:block;font-size:11px;font-weight:600}.field input{margin-top:8px;font-weight:400}.brand-row{display:flex;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}.color-field{display:flex;align-items:center;gap:7px;font-size:10px;cursor:pointer;margin-right:auto}.color-field input{width:28px;height:28px;padding:2px;border:1px solid var(--line);background:#fff;cursor:pointer}fieldset{padding:0;margin:20px 0 0;border:0;min-width:0}legend{font-size:11px;font-weight:600;margin-bottom:10px}.templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.templates legend{grid-column:1/-1}.template-option{cursor:pointer;position:relative;min-width:0}.template-option input,.ratios input{position:absolute;width:1px;height:1px;opacity:0}.template-thumb{display:block;width:100%;height:88px;background:#f6f3ec;border:2px solid transparent;outline:1px solid #e2e6df;border-radius:6px;position:relative;overflow:hidden}.template-option:has(input:checked) .template-thumb{border-color:var(--green);outline-color:var(--green)}.template-thumb i{position:absolute;left:10%;right:10%;height:48%;top:9%;background:#e0e5dc;border-radius:3px}.template-thumb i:after{content:'';display:block;margin:6px auto;width:17px;height:26px;border-radius:4px 4px 7px 7px;background:#bba18a}.template-thumb b,.template-thumb em{display:block;position:absolute;background:#6c7f69;height:3px;left:11%;right:22%;top:68%}.template-thumb em{top:81%;right:54%;height:4px}.bold-thumb{background:var(--green)}.bold-thumb i{background:#fff}.bold-thumb b,.bold-thumb em{background:#f3f0e9}.split-thumb{background:#fff}.split-thumb i{left:6%;right:46%;top:15%;height:70%}.split-thumb b{left:61%;right:10%;top:40%}.split-thumb em{left:61%;right:15%;top:65%}.template-option strong{display:block;font-size:9px;margin:8px 0 4px}.template-option small{display:block;font-size:8px;line-height:1.4;color:var(--muted)}.ratios{display:flex;gap:8px;flex-wrap:wrap}.ratios legend{width:100%}.ratios label{position:relative;flex:1;cursor:pointer}.ratios span{display:block;text-align:center;padding:9px 3px;border:1px solid var(--line);border-radius:6px;font-size:12px}.ratios small{display:block;font-size:8px;color:var(--muted);margin-top:4px}.ratios input:checked+span{border-color:var(--green);background:#edf2e9;box-shadow:inset 0 0 0 1px var(--green)}.checkbox{display:flex;align-items:center;gap:8px;font-size:11px}.checkbox input{accent-color:var(--green)}.export-section .primary{width:100%;margin:4px 0}.preview-pane{min-width:0}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 16px;gap:10px}.preview-toolbar>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.dimensions{font-size:9px;color:#77837b}.canvas-stage{min-height:540px;display:flex;justify-content:center;align-items:center;padding:26px;background:#e6eae3;border:1px solid #dfe4db;border-radius:13px;overflow:hidden;background-image:radial-gradient(#c7d0c3 1px,transparent 1px);background-size:13px 13px}canvas{max-width:100%;height:auto;max-height:640px;object-fit:contain;box-shadow:0 14px 28px #1e342219;background:#fff}.empty-state{text-align:center;max-width:290px;padding:15px}.empty-art{position:relative;width:120px;height:140px;margin:0 auto 25px;background:#f7f5ee;box-shadow:0 8px 22px #294b231a;transform:rotate(-7deg);border:1px solid #fff}.empty-art span{position:absolute;inset:12px 12px 44px;background:#d8dfce}.empty-art span:after{content:'';display:block;background:#b78b6e;width:30px;height:55px;border-radius:7px 7px 12px 12px;margin:16px auto}.empty-art b,.empty-art i{position:absolute;left:13px;right:25px;bottom:27px;height:4px;background:#729072}.empty-art i{bottom:16px;right:75px}.empty-state h2{font:30px/1.12 Georgia,serif;letter-spacing:-.6px;margin:16px 0}.empty-state p{font-size:12px;color:#62735f;margin-bottom:22px}.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 2px 12px}.preview-footer strong{font-size:12px;display:block;overflow-wrap:anywhere}.preview-footer>div>span{display:block;font-size:10px;margin-top:6px;color:var(--muted)}.navigation{display:flex;align-items:center;gap:12px;flex-shrink:0}.navigation span{font-size:10px}.nav-button{width:30px;height:30px;border:1px solid #d4ded3;background:#fff;border-radius:50%}.notice{font-size:10px;line-height:1.5;border:1px solid #dedac8;background:#f4f0df;color:#71633b;padding:10px 12px;border-radius:6px;margin-top:8px}.status{font-size:11px;line-height:1.5;color:#546d55;padding:12px 2px}.issues{background:#fff1ea;border:1px solid #edc0a9;border-radius:8px;padding:12px;color:#7c3d27;font-size:11px;line-height:1.5;max-height:270px;overflow:auto}.issues ul{padding-left:18px;margin:8px 0}.issues strong{display:block}.catalogue-header{padding:21px 16px 15px}.catalogue-header h2{margin:0 0 8px;font-size:13px}.catalogue-header h2 span{font-size:10px;font-weight:400;padding:3px 6px;background:#eff3eb;border-radius:6px;margin-left:4px}.catalogue-header>span{font-size:10px;color:var(--muted)}.search-wrap{display:block;padding:0 13px 13px}.search-wrap input{font-size:10px;padding:10px;background:#f9faf7}.product-list{max-height:711px;overflow:auto;border-top:1px solid var(--line)}.product-row{display:flex;text-align:left;gap:10px;align-items:center;width:100%;border:0;border-bottom:1px solid #edf0ea;border-radius:0;background:#fff;padding:12px;color:var(--ink)}.product-row:hover{background:#f5f8f0}.product-row.selected{background:#ecf2e7;box-shadow:inset 3px 0 var(--green)}.product-row img{width:44px;height:50px;object-fit:contain;border-radius:5px;background:#edf0e7}.product-row strong{display:block;font-size:10px;font-weight:600;line-height:1.4}.product-row small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.product-row>span:last-child{min-width:0}.catalogue-foot{padding:15px;font-size:9px;color:var(--muted);line-height:1.6;background:#fafbf8;border-top:1px solid var(--line)}.list-empty{padding:20px;font-size:11px;color:var(--muted);text-align:center}.page-footer{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#81907f;margin-top:30px}.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}[hidden]{display:none!important}progress{width:100%;margin-top:12px;accent-color:var(--green)}@media(min-width:1450px){.workspace{grid-template-columns:320px minmax(430px,1fr) 280px}.canvas-stage{min-height:640px}}@media(max-width:1150px){main{padding:30px 24px}.topbar{padding:0 24px}.workspace{grid-template-columns:280px minmax(310px,1fr);gap:18px}.catalogue-pane{grid-column:2}.product-list{max-height:250px}.preview-pane{grid-column:2;grid-row:1}.controls{grid-row:1/3}.canvas-stage{min-height:460px;padding:22px}.heading{align-items:flex-start}.heading h1{font-size:36px}.heading>.button{margin-top:20px}.heading p{max-width:480px}}@media(max-width:740px){.topbar{height:65px;padding:0 18px;gap:10px}.wordmark{font-size:18px}.mark{width:29px;height:29px;font-size:23px}.privacy{font-size:0;gap:0}.privacy i{width:8px;height:8px}.prototype{font-size:8px}main{padding:26px 16px 18px}.heading{display:block;margin-bottom:22px}.heading h1{font-size:36px;letter-spacing:-1px}.heading p{font-size:12px;max-width:350px}.heading>.button{margin-top:18px}.mobile-break{display:block}.workspace{display:flex;flex-direction:column;gap:20px}.controls,.preview-pane,.catalogue-pane{width:100%}.controls{display:grid;grid-template-columns:1fr 1fr}.control-section:first-child{grid-column:1/-1}.control-section{padding:16px}.control-section:nth-child(2){border-right:1px solid var(--line);border-bottom:0}.section-top{gap:7px}.section-top h2{font-size:12px}.control-section:nth-child(2),.export-section{grid-column:1/-1;border-right:0}.templates{gap:12px}.template-thumb{height:105px}.template-option strong{font-size:10px}.template-option small{font-size:9px}.canvas-stage{min-height:350px;padding:24px}.canvas-stage canvas{max-height:620px}.preview-footer{gap:12px}.preview-footer strong{max-width:210px}.page-footer{display:block;line-height:1.7}.page-footer span{display:block}.product-list{max-height:320px}.catalogue-header{padding:16px}.export-section .button{font-size:13px}.micro{font-size:11px}.help{font-size:11px}.text-button{font-size:12px}.upload-tile strong{font-size:13px}.upload-tile small{font-size:11px}.image-buttons>*{font-size:12px}.field{font-size:12px}.checkbox{font-size:12px}.product-row strong{font-size:12px}.product-row small{font-size:11px}.product-row{padding:12px 16px}.status,.notice,.issues{font-size:12px}.catalogue-foot{font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}button:active:not(:disabled){transform:none}}