.generator[data-astro-cid-ss5w2xnu]{justify-content:center;align-items:flex-start;gap:clamp(40px,5.5vw,80px);padding:0 60px;display:flex}.preview[data-astro-cid-ss5w2xnu]{flex-direction:column;flex:1 1 0;align-items:center;gap:32px;min-width:0;max-width:768px;display:flex}.preview-head[data-astro-cid-ss5w2xnu]{text-align:center;flex-direction:column;gap:2px;width:100%;display:flex}.preview-head[data-astro-cid-ss5w2xnu] h2[data-astro-cid-ss5w2xnu]{font-size:var(--fs-preview-title);margin:0;font-weight:400}.preview-head[data-astro-cid-ss5w2xnu] p[data-astro-cid-ss5w2xnu]{color:var(--green-soft);font-size:var(--fs-preview-sub);margin:0}.preview-box[data-astro-cid-ss5w2xnu]{aspect-ratio:353/288;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--white);width:100%;padding:20px;overflow:hidden}.preview-box[data-astro-cid-ss5w2xnu] canvas[data-astro-cid-ss5w2xnu]{width:100%;height:100%}.print-hint[data-astro-cid-ss5w2xnu]{color:var(--green-soft);font-size:var(--fs-preview-sub);justify-content:center;gap:10px;margin:0;display:flex}.controls[data-astro-cid-ss5w2xnu]{flex-direction:column;flex:none;align-items:center;gap:60px;width:clamp(400px,33vw,472px);display:flex}.controls-main[data-astro-cid-ss5w2xnu]{flex-direction:column;gap:40px;width:100%;display:flex}.fields[data-astro-cid-ss5w2xnu]{flex-direction:column;gap:20px;display:flex}.field[data-astro-cid-ss5w2xnu]{flex-direction:column;gap:8px;display:flex}.label[data-astro-cid-ss5w2xnu]{font-size:var(--fs-label);white-space:nowrap;margin:0}.label[data-astro-cid-ss5w2xnu].grow{white-space:normal;flex:auto}.input[data-astro-cid-ss5w2xnu]{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);width:100%;color:var(--brown);font-size:var(--fs-control);resize:none;padding:10px 20px;line-height:normal;transition:border-color .15s}.input[data-astro-cid-ss5w2xnu]::placeholder{color:var(--muted);opacity:1}.input[data-astro-cid-ss5w2xnu]:focus::placeholder{color:#0000}.input[data-astro-cid-ss5w2xnu]:hover{border-color:var(--green-soft)}.input[data-astro-cid-ss5w2xnu]:focus{border-color:var(--green);outline:none}.input[data-astro-cid-ss5w2xnu]:disabled{opacity:.4;border-color:var(--line)}textarea[data-astro-cid-ss5w2xnu].input{field-sizing:content;min-height:calc(1lh + 22px);display:block;overflow:hidden}.size-row[data-astro-cid-ss5w2xnu]{gap:20px;display:flex}.size-choice[data-astro-cid-ss5w2xnu]{min-width:0;font-size:var(--fs-control);flex:1 1 0;padding:10px 20px}.style-block[data-astro-cid-ss5w2xnu]{flex-direction:column;gap:24px;display:flex}.row[data-astro-cid-ss5w2xnu]{justify-content:space-between;align-items:center;gap:16px;display:flex}.row-actions[data-astro-cid-ss5w2xnu]{gap:20px;display:flex}.choice[data-astro-cid-ss5w2xnu].small{font-size:var(--fs-control);padding:6px 12px}.choice[data-astro-cid-ss5w2xnu].paper{font-size:var(--fs-paper);padding:10px 24px}.patterns[data-astro-cid-ss5w2xnu]{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.pattern[data-astro-cid-ss5w2xnu]{aspect-ratio:144/120;border-radius:var(--radius);border:1px solid #0000;transition:border-color .15s,transform .15s;overflow:hidden}.pattern[data-astro-cid-ss5w2xnu] img[data-astro-cid-ss5w2xnu]{object-fit:cover;width:100%;height:100%;transition:filter .2s}.controls[data-astro-cid-ss5w2xnu][data-mode=bw] .pattern[data-astro-cid-ss5w2xnu] img[data-astro-cid-ss5w2xnu],.controls[data-astro-cid-ss5w2xnu][data-mode=bw] .upload-thumb[data-astro-cid-ss5w2xnu]{filter:grayscale()}.pattern[data-astro-cid-ss5w2xnu]:hover{border-color:var(--green-soft)}.pattern[data-astro-cid-ss5w2xnu]:active,.pattern[data-astro-cid-ss5w2xnu][aria-pressed=true]{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.pattern[data-astro-cid-ss5w2xnu]:disabled{opacity:.6}.colour-field[data-astro-cid-ss5w2xnu]{position:relative}.colour-chip[data-astro-cid-ss5w2xnu]{cursor:pointer}.colour-chip[data-astro-cid-ss5w2xnu]:focus-visible,.colour-chip[data-astro-cid-ss5w2xnu][aria-expanded=true]{border-color:var(--green);outline:none}.picker[data-astro-cid-ss5w2xnu]{z-index:20;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);flex-direction:column;gap:20px;width:282px;padding:20px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #3b21101a}.picker[data-astro-cid-ss5w2xnu][hidden]{display:none}.picker-area[data-astro-cid-ss5w2xnu]{flex-direction:column;gap:12px;display:flex}.picker-sv[data-astro-cid-ss5w2xnu],.picker-hue[data-astro-cid-ss5w2xnu]{touch-action:none;position:relative}.picker-sv[data-astro-cid-ss5w2xnu]:focus-visible,.picker-hue[data-astro-cid-ss5w2xnu]:focus-visible{outline:2px solid var(--green);outline-offset:2px}.picker-sv[data-astro-cid-ss5w2xnu]{aspect-ratio:4/3;border-radius:var(--radius);background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, var(--hue))}.picker-hue[data-astro-cid-ss5w2xnu]{border-radius:8px;height:24px}.picker-hue[data-astro-cid-ss5w2xnu]:before{content:"";background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:8px;position:absolute;inset:4px 0}.picker-thumb[data-astro-cid-ss5w2xnu]{border:4px solid var(--white);pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000026,0 1px 4px #00000040}.sv-thumb[data-astro-cid-ss5w2xnu]{left:var(--sv-x);top:var(--sv-y);background:var(--colour);width:18px;height:18px}.hue-thumb[data-astro-cid-ss5w2xnu]{left:clamp(11px, var(--hue-x), calc(100% - 11px));width:22px;height:22px;box-shadow:0 0 0 1px var(--line), inset 0 0 0 1px var(--line);background:0 0;border-width:6.6px;top:50%}.picker-group[data-astro-cid-ss5w2xnu]{flex-direction:column;gap:4px;display:flex}.picker-label[data-astro-cid-ss5w2xnu]{font-size:16px}.picker-hex[data-astro-cid-ss5w2xnu]{border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:14px;padding:4px 8px;transition:border-color .15s;display:flex}.picker-hex[data-astro-cid-ss5w2xnu]:hover{border-color:var(--green-soft)}.picker-hex[data-astro-cid-ss5w2xnu]:focus-within{border-color:var(--green)}.picker-hex[data-astro-cid-ss5w2xnu] input[data-astro-cid-ss5w2xnu]{min-width:0;color:var(--brown);font:inherit;text-transform:uppercase;background:0 0;border:0;outline:none;flex:auto;padding:0;font-size:16px}.picker-presets[data-astro-cid-ss5w2xnu]{gap:7px;display:flex}.preset[data-astro-cid-ss5w2xnu]{cursor:pointer;border:1px solid #0000;border-radius:4px;width:28px;height:28px;padding:0;transition:border-color .15s;box-shadow:inset 0 0 0 1px #0000000f}.preset[data-astro-cid-ss5w2xnu]:hover{border-color:var(--green-soft)}.preset[data-astro-cid-ss5w2xnu][aria-pressed=true]{border-color:var(--green)}.swatch[data-astro-cid-ss5w2xnu]{border-radius:4px;width:20px;height:20px;box-shadow:inset 0 0 0 1px #00000014}.upload[data-astro-cid-ss5w2xnu]{cursor:pointer;position:relative;overflow:hidden}.upload[data-astro-cid-ss5w2xnu]:focus-within{border-color:var(--green)}.upload[data-astro-cid-ss5w2xnu]>[data-astro-cid-ss5w2xnu]:not(.upload-progress):not(input){position:relative}.upload-progress[data-astro-cid-ss5w2xnu]{background:var(--green-soft);width:0;position:absolute;inset:0}.upload[data-astro-cid-ss5w2xnu].is-loading .upload-progress[data-astro-cid-ss5w2xnu]{width:100%;transition:width .5s ease-out}.upload-thumb[data-astro-cid-ss5w2xnu]{object-fit:cover;border-radius:4px;display:none}.upload[data-astro-cid-ss5w2xnu].has-image .upload-icon[data-astro-cid-ss5w2xnu]{display:none}.upload[data-astro-cid-ss5w2xnu].has-image .upload-thumb[data-astro-cid-ss5w2xnu]{display:block}.upload[data-astro-cid-ss5w2xnu].is-active{background:var(--green-soft)}.download[data-astro-cid-ss5w2xnu]{border:1px solid var(--green);border-radius:var(--radius);background:var(--green);color:var(--white);font-size:var(--fs-download);align-items:center;gap:16px;padding:12px 24px;font-weight:500;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex;position:relative;overflow:hidden}.download[data-astro-cid-ss5w2xnu]>[data-astro-cid-ss5w2xnu]:not(.download-progress){position:relative}.download-text[data-astro-cid-ss5w2xnu]{text-align:center;min-width:177px}.download[data-astro-cid-ss5w2xnu]:hover{background:var(--white);color:var(--brown)}.download[data-astro-cid-ss5w2xnu]:active{background:var(--green-soft);border-color:var(--green-soft);color:var(--white)}.download-progress[data-astro-cid-ss5w2xnu]{background:var(--green);width:0;position:absolute;inset:0}.download[data-astro-cid-ss5w2xnu].is-loading,.download[data-astro-cid-ss5w2xnu].is-loading:hover{background:var(--white);border-color:var(--green);color:var(--white);cursor:progress}.download[data-astro-cid-ss5w2xnu].is-loading .download-progress[data-astro-cid-ss5w2xnu]{width:var(--progress,0%);transition:width .25s ease-out}.download[data-astro-cid-ss5w2xnu]:disabled:not(.is-loading){background:var(--line);border-color:var(--line);color:var(--white);opacity:.4}@media (width<=1023px){.generator[data-astro-cid-ss5w2xnu]{flex-direction:column;align-items:center;gap:60px;padding:0 40px}.preview[data-astro-cid-ss5w2xnu]{flex:none;width:100%;max-width:640px}.controls[data-astro-cid-ss5w2xnu]{width:100%;max-width:560px}}@media (width<=767px){.generator[data-astro-cid-ss5w2xnu]{padding:0 20px}.controls[data-astro-cid-ss5w2xnu]{order:-1;max-width:none;padding:0 20px}.preview[data-astro-cid-ss5w2xnu]{max-width:none}.size-row[data-astro-cid-ss5w2xnu],.row-actions[data-astro-cid-ss5w2xnu]{gap:14px}.row[data-astro-cid-ss5w2xnu]{flex-wrap:wrap;row-gap:12px;position:relative}.row[data-astro-cid-ss5w2xnu]>.label[data-astro-cid-ss5w2xnu]{flex:1 1 min-content;white-space:normal}.row-actions[data-astro-cid-ss5w2xnu]{flex-wrap:wrap;row-gap:12px}.colour-field[data-astro-cid-ss5w2xnu]{position:static}.picker[data-astro-cid-ss5w2xnu]{width:min(282px,100%)}.size-choice[data-astro-cid-ss5w2xnu]{padding:10px 12px}.patterns[data-astro-cid-ss5w2xnu]{gap:14px}.download-text[data-astro-cid-ss5w2xnu]{min-width:0;padding:0 22px}}@media (width<=359px){.controls[data-astro-cid-ss5w2xnu]{padding:0}.row-actions[data-astro-cid-ss5w2xnu]{gap:8px}.choice[data-astro-cid-ss5w2xnu].paper{padding:10px 16px}}.page[data-astro-cid-lcdefpme]{flex-direction:column;gap:53px;min-height:100vh;display:flex}.top[data-astro-cid-lcdefpme]{flex-direction:column;align-items:center;gap:60px;display:flex}.top[data-astro-cid-lcdefpme]>div[data-astro-cid-lcdefpme]:first-child{width:100%}.intro[data-astro-cid-lcdefpme]{text-align:center;width:min(588px,100% - 40px)}h1[data-astro-cid-lcdefpme]{font-size:var(--fs-h1);line-height:var(--lh-h1);margin:0;font-weight:700}.intro[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{font-size:var(--fs-lead);margin:12px 0 0}main[data-astro-cid-lcdefpme]{flex:1 0 auto;margin-top:27px}.guides[data-astro-cid-lcdefpme]{flex-direction:column;gap:32px;width:min(1200px,100% - 80px);margin:0 auto;display:flex}.guides[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme]{text-align:center;margin:0;font-size:32px;font-weight:700}@media (width<=767px){.page[data-astro-cid-lcdefpme],.top[data-astro-cid-lcdefpme]{gap:40px}.intro[data-astro-cid-lcdefpme]{width:100%;padding:0 60px}.intro[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{margin-top:8px}main[data-astro-cid-lcdefpme]{margin-top:20px}.guides[data-astro-cid-lcdefpme]{width:calc(100% - 40px)}.guides[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme]{font-size:24px}}@media (width<=359px){.intro[data-astro-cid-lcdefpme]{padding:0 24px}}