:root{--ink:#283e39;--paper:#f8f6f1;--line:#dadbd2;--muted:#737b70;--accent:#b9593d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header,main,footer{max-width:1360px;margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 40px}.brand{color:inherit;text-decoration:none;font-size:30px;font-weight:650;letter-spacing:-2px}.brand span{font-size:11px;letter-spacing:3px;margin-left:12px}.collection,.eyebrow{font-size:10px;letter-spacing:2px}.collection{color:var(--muted)}main{padding:36px 40px 65px}.intro{margin-bottom:32px}.eyebrow{color:var(--accent)}h1{font-family:Georgia,serif;font-size:52px;line-height:1.05;font-weight:400;letter-spacing:-1.8px;margin:16px 0}h1 br{display:none}h1 em{font-weight:400;margin-left:12px}.intro>p:last-child{color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,1fr);gap:48px;align-items:start}.preview{background:#eeeee6;position:sticky;top:24px;min-width:0;padding:24px}.preview-heading,.preview-footer{display:flex;justify-content:space-between;gap:16px;font-size:12px}.preview-heading{border-bottom:1px solid #d6d8cc;padding-bottom:15px}.preview-heading span:last-child,.preview-footer{color:var(--muted)}#art{min-height:390px;display:flex;align-items:center;justify-content:center;padding:30px 0;transition:opacity .15s}#art[aria-busy=true]{opacity:.5}#art canvas{display:block;width:100%;height:auto}#art.set{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}figure{margin:0;min-width:0}#art.set canvas{height:150px;object-fit:contain}figcaption{text-align:center;font-size:11px;margin-top:12px}.preview-footer{border-top:1px solid #d6d8cc;padding-top:15px;font-size:10px}.preview-footer span:last-child{font-style:italic}fieldset{padding:0;border:0;margin:0 0 26px;min-width:0}legend{font-size:11px;color:var(--accent);margin-bottom:12px;letter-spacing:1px}legend span{color:var(--ink);margin-left:12px;font-size:14px;letter-spacing:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:transparent;border:1px solid var(--line);border-radius:3px;padding:11px 12px}button:hover{border-color:var(--ink)}button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.formats{display:grid;grid-template-columns:1fr 1fr;gap:7px}.themes{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.themes button{text-align:left;font-size:13px}.personal{display:grid;grid-template-columns:1fr 90px;gap:12px}.personal label{font-size:13px}.personal input,.personal select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:3px;background:transparent;color:inherit}.personal input{text-transform:uppercase}.hint{font-size:11px;color:var(--muted);margin:8px 0 25px}.colors{display:grid;grid-template-columns:1fr 1fr;gap:10px}.color{display:flex;align-items:center;gap:10px;font-size:12px}.color input{height:34px;width:38px;padding:0;border:0;background:transparent;cursor:pointer}.footnote{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:15px}#status{font-size:12px;color:var(--muted);margin:0}#status.error{color:#a13326}.status-row{min-height:30px;display:flex;gap:10px;align-items:center}#retry{padding:4px 8px;font-size:12px}footer{border-top:1px solid var(--line);padding:22px 40px;font-size:10px;letter-spacing:2px;display:flex;justify-content:space-between}footer span{letter-spacing:0;color:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:850px){header{height:76px;padding:0 22px}.collection{display:none}main{padding:24px 22px 40px}h1{font-size:42px}h1 br{display:block}h1 em{margin:0}.workspace{grid-template-columns:1fr;gap:28px}.preview{position:static;padding:16px}#art{min-height:260px;padding:20px 0}.preview-footer span:last-child{display:none}#art.set canvas{height:125px}footer{padding:20px 22px}.intro{margin-bottom:24px}}

.palette-label{display:block;font-size:12px;margin-bottom:6px}#palette{width:100%;padding:10px;border:1px solid var(--line);border-radius:3px;background:transparent;color:var(--ink);margin-bottom:16px}.color span{font-size:11px}

.colors{display:flex;gap:10px}.colors svg{width:38px;height:38px;border:1px solid var(--line)}.inquire{width:100%;background:var(--ink);color:white}.inquire:disabled{opacity:.45;cursor:wait}.hint a{color:inherit}