:root{color-scheme:light;--desk:#d4d1c9;--panel:#eceae5;--ink:#202020;--line:#96938c;--focus:#164c9b}*{box-sizing:border-box}body{margin:0;background:var(--desk);color:var(--ink);font:14px/1.45 Arial,Helvetica,sans-serif}a{color:#154b95;text-underline-offset:3px}a:hover{color:#092d63}button,input,select{font:inherit;color:inherit}button,select,input:not([type=color]){min-height:36px}button{padding:6px 12px;border:1px solid #777;background:#f1f0ed;border-radius:2px;cursor:pointer;box-shadow:inset 1px 1px #fff}button:hover{background:#fff}button:active,button[aria-pressed=true]{background:#c2c9d4;box-shadow:inset 1px 1px #888}button:disabled{cursor:wait;opacity:.6}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}input,select{max-width:100%;border:1px solid #83817c;background:white;padding:5px 7px;border-radius:1px}input[type=color]{width:45px;height:36px;padding:2px}fieldset{min-width:0;margin:0;padding:10px 12px 12px;border:1px solid #929087;box-shadow:inset 1px 1px #f7f6f2}legend{padding:0 5px;color:#222;font-size:13px;font-weight:700}header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 24px;border-bottom:1px solid var(--line);background:#e8e6df}header a.brand{font-size:20px;font-weight:bold;color:#222;text-decoration:none}nav{display:flex;gap:18px;flex-wrap:wrap}main{max-width:1500px;margin:auto;padding:20px 24px 34px}h1{font-size:22px;line-height:1.25;margin:0 0 18px}h2{font-size:18px;line-height:1.3;margin:25px 0 10px}p{max-width:80ch}label{display:flex;gap:7px;align-items:center;font-size:13px}.workbench{display:grid;grid-template-columns:minmax(350px,1.05fr) minmax(440px,1.3fr);gap:20px;align-items:start}.preview-column{min-width:0}.preview-surface{display:flex;justify-content:center;align-items:center;min-height:350px;padding:25px;background:#bbb9b2;border:1px solid #828079;overflow:hidden}.preview-surface canvas{display:block;width:100%;height:auto;max-width:600px;background:#fff;border:1px solid #333;touch-action:none}.side-tabs{display:flex;gap:4px;margin-top:12px}.side-tabs button{font-weight:700}.preview-caption{font-size:12px;margin:8px 0;color:#343434}.tool-groups{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tools label{flex-wrap:wrap}.tools .block{width:100%}.wide{grid-column:1/-1}.data-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px 16px}.data-fields label{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center}.data-fields input{width:100%}.export-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.export-row .primary{background:#d4e8cd;border-color:#567451;font-weight:bold}.message{min-height:24px;margin:10px 0;font-size:13px}.message.error{color:#8e1313;font-weight:bold}.note{font-size:12px;color:#383838}.intro{border-top:1px solid #929087;margin-top:30px;padding-top:10px}.intro p{max-width:90ch}.article{max-width:900px;background:#f7f6f2;border:1px solid #aaa79f;padding:20px 28px}.article li{margin:9px 0}.catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px;padding-left:20px}.catalog li{margin:7px 0;break-inside:avoid}.file-input{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}.file-button{display:inline-flex;min-height:36px;padding:6px 12px;border:1px solid #777;background:#f1f0ed;cursor:pointer}.file-button:focus-within{outline:3px solid var(--focus);outline-offset:2px}footer{border-top:1px solid #99958b;padding:16px 24px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px}footer p{margin:0}.file-button:hover{background:#fff}::selection{background:#194f9c;color:#fff}@media(max-width:1000px){.workbench{grid-template-columns:1fr}.preview-column{max-width:740px;width:100%;margin:auto}.preview-surface{min-height:280px}.catalog{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){header{align-items:flex-start;flex-direction:column;padding:12px 14px}header a.brand{font-size:19px}nav{gap:12px;font-size:13px}main{padding:18px 14px 28px}h1{font-size:21px}.workbench{gap:16px}.tool-groups{grid-template-columns:1fr}.wide{grid-column:auto}.data-fields{grid-template-columns:1fr}.preview-surface{padding:12px;min-height:210px}.tools{gap:8px}.catalog{grid-template-columns:1fr 1fr;column-gap:16px}.article{padding:14px 18px}.article li{overflow-wrap:anywhere}footer{padding:14px}.data-fields label{grid-template-columns:82px minmax(0,1fr)}}@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .12s ease-out,color .12s ease-out}}@media print{header,nav,.tool-groups,.export-row,.message,.side-tabs,.intro,footer,h1{display:none}.workbench{display:block}.preview-surface{border:0;background:white;padding:0}.preview-surface canvas{border:0;max-width:none}.preview-caption{display:none}body,main{background:white;margin:0;padding:0}}