.designer{--d-line:#ddd;--d-surface:#f5f5f5;--d-ink:#111;--d-muted:#555;--d-focus:#2458b8;color:var(--d-ink);font:16px/1.5 Arial,sans-serif}.designer-intro{max-width:720px;margin:0 0 32px}.designer-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,1fr);gap:32px;align-items:start}.designer-preview{position:sticky;top:48px;min-width:0}.designer-preview-title{display:flex;justify-content:space-between;gap:16px;padding:16px;background:var(--d-surface)}.designer-preview canvas{display:block;width:100%;height:auto;max-height:660px;object-fit:contain;background:#fafafa;touch-action:none;cursor:grab;border:1px solid var(--d-line)}.designer canvas:active{cursor:grabbing}.designer-hint{color:var(--d-muted);font-size:14px;line-height:1.5}.designer fieldset{margin:0 0 24px;padding:16px;border:1px solid var(--d-line);min-width:0}.designer legend{font-family:Oswald,Arial,sans-serif;font-size:22px;padding:0 8px}.designer label{display:block;font-size:14px;font-weight:600;margin-bottom:12px}.designer input:not([type=file]),.designer select{display:block;width:100%;min-height:44px;padding:8px;border:1px solid #767676;background:#fff;color:var(--d-ink);font:16px Arial,sans-serif;box-sizing:border-box}.designer input[type=range]{padding:0;accent-color:var(--d-ink)}.designer input[type=color]{padding:4px}.designer-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.designer-actions{display:flex;gap:8px;flex-wrap:wrap}.designer button,.designer-upload{min-height:44px;border:1px solid #767676;padding:10px 12px;font:14px/1.5 Arial,sans-serif;background:#fff;color:var(--d-ink);cursor:pointer;text-transform:none}.designer button:hover,.designer-upload:hover{background:var(--d-surface)}.designer button:disabled{opacity:.5;cursor:not-allowed}.designer-upload{position:relative;margin:0!important;display:inline-flex!important;align-items:center;overflow:hidden}.designer-upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.designer-upload:focus-within,.designer :focus-visible{outline:3px solid var(--d-focus);outline-offset:3px}.designer .designer-submit{width:100%;background:var(--d-ink);color:#fff;font:20px/1.4 Oswald,Arial,sans-serif;padding:16px}.designer .designer-submit:hover{background:#333}.designer [hidden]{display:none!important}#design-status{min-height:48px;margin:8px 0 16px;font-size:16px}#design-status[data-error=true]{color:#a01820}.designer output{font-weight:400;margin-left:8px}.designer-tools{min-width:0}.main-nav .category-links a.designer-nav{font-weight:600}body.page .designer-grid p{max-width:none}@media(max-width:900px){.designer-grid{grid-template-columns:1fr;gap:24px}.designer-preview{position:static}.designer-preview canvas{max-height:550px}.designer-tools{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.designer-tools fieldset:nth-of-type(3),.designer-tools #design-status,.designer-submit,.designer-tools>.designer-hint{grid-column:1/-1}.designer fieldset{margin-bottom:0}}@media(max-width:560px){.designer-intro{margin-bottom:24px}.designer-preview-title{font-size:14px;padding:12px;flex-wrap:wrap}.designer-preview canvas{max-height:none}.designer-tools{display:block}.designer fieldset{margin-bottom:24px}.designer-actions button,.designer-upload{flex:1 1 auto}.designer legend{font-size:20px}.designer-preview>.designer-actions{display:grid;grid-template-columns:1fr 1fr}.designer-preview #design-export{grid-column:1/-1}}
.designer-type-styles{margin:0 0 16px}.designer-type-styles button[aria-pressed=true]{background:var(--d-ink);color:#fff}.designer-type-styles strong,.designer-type-styles em{font-size:20px}