@font-face{font-family:Keepsake;src:url(./fonts/dejavu-sans.ttf)}
:root{font-family:Keepsake,Arial,sans-serif;color:#262333;--accent:#6828d9;--line:#d7d4df}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:380px minmax(0,1fr);height:100dvh;overflow:hidden}aside{padding:24px;overflow:auto;background:white}h1{font:36px/1.12 Georgia,serif;font-weight:400;margin:26px 0 16px}p,small{font-size:13px;line-height:1.6}a{color:inherit}label{display:block;margin:16px 0 6px;font-size:13px}input,select,textarea,button{font:inherit;max-width:100%;min-height:44px}input:not([type=checkbox]):not([type=range]),select,textarea{width:100%;padding:10px;border:1px solid var(--line);background:#fff;border-radius:4px}button{cursor:pointer;border:1px solid var(--line);background:#fff;color:inherit;padding:8px 12px;border-radius:4px}button[aria-pressed=true]{border:2px solid var(--accent);background:#f1eaff}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}fieldset{border:0;padding:0;margin:24px 0;min-width:0}legend,summary{font-size:14px;margin-bottom:10px}.options{display:flex;gap:8px}.options button{flex:1}small{display:block;color:#625e6c;margin-top:8px}.check{display:flex;align-items:center;gap:8px}.check input{min-height:24px;accent-color:var(--accent)}.hint{margin-top:0;color:#625e6c}details{border-top:1px solid var(--line);padding:18px 0}summary{cursor:pointer}#status{padding:14px;background:#f1eaff;font-size:13px}#status.error{background:#fff0df}#send{background:var(--accent);color:white;width:100%;margin-top:15px}#workshop button,#reset{margin-top:10px;width:100%}main{position:relative;min-width:0;background:#eae9ef}#viewport{position:absolute;inset:0}canvas{display:block;width:100%;height:100%}.toolbar{position:absolute;bottom:18px;left:18px;right:18px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.toolbar label{margin:0 0 0 auto;display:flex;align-items:center;gap:6px;background:#fff;padding:0 8px}.toolbar input{width:90px}#dimensions{position:absolute;top:15px;left:20px;pointer-events:none}.field-head{display:flex;align-items:center;justify-content:space-between}.field-head label{margin:6px 0}.field-head input{accent-color:var(--accent)}
@media(max-width:760px){body{grid-template-columns:minmax(0,1fr);grid-template-rows:30dvh 70dvh}main{grid-row:1}aside{grid-row:2;padding:20px}.toolbar{bottom:6px;left:6px;right:6px;gap:3px}.toolbar button{padding:5px 8px}.toolbar label{font-size:11px}.toolbar input{width:65px}#dimensions{top:0;left:10px;font-size:11px}}
#motifs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}#motifs button{min-width:0;padding:6px;height:60px}#motifs svg{height:44px;width:100%}#nameSize{min-width:0;width:90px}button[aria-pressed="true"]{outline:2px solid #7855a4;outline-offset:-2px}