.commerce{max-width:850px;margin:0 auto;display:grid;gap:24px}.workspace-links{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.commerce button,.commerce-form button{min-height:48px;padding:12px 18px;border-radius:12px}.commerce label{display:grid;gap:8px;min-width:0;margin:12px 0}.commerce input,.commerce select{font:inherit;min-height:48px;background:var(--surface,#171717);color:inherit;border:1px solid var(--border,#3b362d);border-radius:12px;padding:12px;max-width:100%;width:100%;box-sizing:border-box}.commerce fieldset{border:0;padding:0;margin:16px 0}.commerce-form{display:grid;gap:12px;max-width:560px}.commerce-form .primary{margin-top:12px}.order-record{padding:24px 0;border-bottom:1px solid var(--border,#3b362d);overflow-wrap:anywhere}.order-record h2{margin:0 0 12px}.order-items{display:grid;gap:12px;margin:20px 0}.order-item{display:flex;gap:16px;align-items:center}.order-item img{width:64px;height:64px;border-radius:12px;object-fit:cover}.item-copy{display:grid;flex:1;gap:4px}.timeline{padding-left:20px}.timeline li{margin:12px 0}.timeline svg{display:none}.timeline time{display:block;font-size:14px;color:var(--muted,#b9b1a4)}.order-facts{display:grid;grid-template-columns:100px 1fr;gap:8px}.order-facts dd{margin:0}.form-error{color:#ffb4a9;overflow-wrap:anywhere}.commerce button:active{transform:scale(.98)}.commerce input:focus-visible,.commerce select:focus-visible{outline:2px solid #c7a76b;outline-offset:3px}.commerce input{caret-color:#c7a76b}.commerce details{padding:16px 0}.commerce summary{cursor:pointer;min-height:48px}.commerce strong{font-variant-numeric:tabular-nums}.commerce input[type=number]{min-width:0}.commerce [hidden]{display:none!important}#navigation button{min-width:0}.workspace-entry{font-size:14px}.commerce .empty-state{padding:24px 0}.commerce .empty-state p{max-width:60ch}@media(max-width:500px){.workspace-links{gap:8px}.workspace-links button{flex:1 1 auto;padding:10px 12px}.order-item{gap:8px}.order-item img{width:48px;height:48px}.order-item>strong{font-size:14px}.order-facts{grid-template-columns:1fr}.order-facts dd{margin-bottom:8px}.commerce .workspace-links label{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.commerce button:active{transform:none}}:root[data-theme=light] .form-error{color:#9b1c16}