#orderDialog{width:min(1180px,96vw)}
.keychain-preview{display:grid;gap:4px;min-width:160px;max-width:290px;margin-top:6px;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.keychain-preview b{color:var(--navy)}
.kc-order-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.kc-order-heading h3{font-size:24px;margin:0 0 8px}.kc-order-heading p{margin:5px 0;color:var(--muted)}
.kc-detail-group{border:1px solid var(--line);border-radius:12px;margin-top:14px;padding:15px;background:#fff}.kc-group-title{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.kc-group-title h4{margin:0;flex:1}.kc-group-title>b{font-size:12px;color:var(--muted)}
.kc-design-text{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0;padding:12px;background:#f3f7fb;border-radius:9px;font-size:12px}.kc-design-text dt{color:var(--muted);margin-bottom:4px}.kc-design-text dd{margin:0;font-weight:700;overflow-wrap:anywhere}
.kc-piece-list{display:grid}.kc-piece{display:grid;grid-template-columns:minmax(100px,1fr) minmax(80px,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.kc-piece:last-child{border-bottom:0}.kc-piece .sub{display:block}.kc-visible-name{font-size:18px;overflow-wrap:anywhere}.kc-download{display:inline-block;text-decoration:none;color:var(--blue);font-weight:750;font-size:12px;background:#edf2ff;border-radius:8px;padding:10px}.kc-error{color:var(--danger);font-size:12px;margin-top:6px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:100px;overflow:auto}.kc-notes{white-space:pre-wrap;overflow-wrap:anywhere}
.kc-editor-toolbar{display:flex;justify-content:space-between;gap:10px;margin:0 0 16px}.kc-edit-name{display:grid;grid-template-columns:minmax(140px,1fr) 90px auto;align-items:end;gap:10px;margin-bottom:14px}.kc-edit-name label{margin:0}.kc-edit-notice{padding:12px;background:#fff2db;border-radius:8px;color:var(--warn)}
@media(max-width:720px){.kc-order-heading{display:grid;gap:12px}.kc-order-heading button{width:100%}.kc-piece{grid-template-columns:minmax(90px,1fr) minmax(90px,1fr)}.kc-piece>div:last-child{grid-column:1/-1}.kc-download{display:block;text-align:center}.kc-edit-name{grid-template-columns:minmax(100px,1fr) 80px}.kc-edit-name>button{grid-column:1/-1}.kc-editor-toolbar button{flex:1}.keychain-preview{max-width:none}}