#order-editor .craft-select{display:flex;align-items:center;gap:10px;justify-content:space-between;width:100%;min-height:36px;padding:6px 9px;background:#fff;border:1px solid #d9e3ee;border-radius:6px;text-align:left;cursor:pointer;transition:border-color 140ms,background-color 140ms;font:inherit}
#order-editor .craft-select:hover{background:#fbfcfe;border-color:#b5c8df}
#order-editor .craft-select:focus-visible{outline:2px solid #a8c1df;outline-offset:2px}
#order-editor .craft-select:disabled{cursor:default;background:#f8fafc}
.craft-selected{display:flex;gap:5px;flex-wrap:wrap;min-width:0;max-height:68px;overflow:auto}
.craft-chip{background:#edf3f9;color:#496789;border:1px solid #e0e9f3;border-radius:4px;padding:3px 7px;font-size:11px;overflow-wrap:anywhere}
.craft-placeholder,.craft-select-action{font-size:11px;color:#8a9cb1}.craft-select-action{flex-shrink:0}.craft-select-action i{font-style:normal;margin-left:5px}
.craft-filters{display:flex;gap:10px;margin-bottom:16px}.craft-filters input{flex:1;min-width:0}.craft-filters select{width:130px}
#craft-options{max-height:55vh;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}
.craft-option{display:flex;align-items:flex-start;gap:9px;border:1px solid #e4ebf3;border-radius:7px;padding:13px;cursor:pointer;transition:background 140ms,border-color 140ms;min-width:0}
.craft-option:hover{background:#f6f9fc;border-color:#bbcfe3}.craft-option:has(input:checked){background:#edf4fb;border-color:#a7c1de}.craft-option input{margin-top:3px;flex-shrink:0}
.craft-option b{display:block;font-size:12px;overflow-wrap:anywhere}.craft-option small{display:block;color:#8394a9;font-size:10px;line-height:1.7;margin-top:5px;overflow-wrap:anywhere}
.craft-option>span{min-width:0;flex:1}.first-piece-card-check{display:flex;align-items:center;gap:5px;margin-top:8px;color:#7d8fa3;font-size:10px;line-height:16px;white-space:nowrap}.first-piece-card-check input{width:13px;height:13px;min-height:0;margin:0;accent-color:#c9783f}.first-piece-card-check:has(input:checked){color:#b66c3b}.first-piece-card-check input:disabled{opacity:.45}.first-piece-chip{background:#fff0e4;border-color:#efc4a1;color:#a65f34}.first-piece-card-check[title]{cursor:pointer}
.craft-settings-nav{display:flex;gap:8px;margin-bottom:22px;border-bottom:1px solid #e1e8f0;padding-bottom:12px}.craft-settings-nav button{border:0;background:transparent;padding:9px 16px;border-radius:6px;color:#7f91a7;cursor:pointer}.craft-settings-nav button[aria-pressed=true]{background:#e9f0f7;color:#375d86}
#order-workspace #order-editor .line-extra .entry-primary-row{grid-template-columns:minmax(0,1fr) minmax(80px,.55fr)}
#order-editor .custom-design-layout .line-extra .entry-primary-row>.field:first-child{grid-column:1/-1;grid-row:1}
#order-editor .custom-design-layout .line-extra .entry-primary-row>.field:nth-child(2){grid-column:1;grid-row:2}
#order-editor .custom-design-layout .line-extra .entry-primary-row>.field:nth-child(3){grid-column:2;grid-row:2}
/* Packaging shares the craft picker treatment, with one choice per item. */
#packaging-options{max-height:55vh;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}
#order-editor .packaging-field{min-width:0}
#order-editor .packaging-select .craft-chip{white-space:normal;overflow-wrap:anywhere}
#packaging-selection{margin-right:auto;max-width:55%;overflow-wrap:anywhere}
#packaging-options .craft-option input[type="radio"]{width:14px;height:14px;min-height:0;flex:0 0 14px;margin:3px 0 0;padding:0}
#packaging-options .craft-option>span{min-width:0;flex:1}
/* Compact order choices use the same drawer and option cards as crafts. */
#order-editor .order-option-field{min-width:0}
#order-editor .order-option-select{gap:5px}
#order-editor .order-option-select .craft-selected{max-height:none;overflow:visible}
#order-editor .order-option-select .craft-chip{padding:3px 5px}
#order-option-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#order-option-options .craft-option{align-items:center;min-height:58px}
#order-option-options input[type="radio"]{width:14px;height:14px;min-height:0;flex:0 0 14px;margin:0;padding:0}
#order-option-selection{margin-right:auto;align-self:center;max-width:55%;overflow-wrap:anywhere}