.commerce-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 24px}
.commerce-mode{border:1px solid #dce8df;background:#fff;border-radius:10px;padding:18px;text-align:left;color:#355545;cursor:pointer;min-height:132px}
.commerce-mode.active{border:2px solid #167855;background:#edf6f0;padding:17px}
.commerce-mode strong{display:block;font-size:15px;margin-bottom:8px}
.commerce-mode span{font-size:12px;line-height:1.65;color:#74887a}
.commerce-layout{display:grid;grid-template-columns:minmax(300px,430px) minmax(0,1fr);gap:24px;align-items:start}
.commerce-form{display:flex;flex-direction:column;gap:10px}.commerce-form .field-label{margin-top:10px}
.commerce-form textarea{min-height:100px}.commerce-form input[type=file]{font-size:12px}
.commerce-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
.commerce-fields label{font-size:12px;color:#627967}.commerce-fields select{margin-top:6px;width:100%}
.commerce-upload-list{display:grid;gap:7px}.commerce-upload-item{display:flex;align-items:center;gap:9px;background:#f1f6f2;padding:7px 9px;border-radius:7px;font-size:12px;color:#496552}
.commerce-upload-item img{width:40px;height:40px;object-fit:cover;border-radius:4px}.commerce-upload-item span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commerce-upload-item button{border:0;background:transparent;color:#835149;font-size:18px;cursor:pointer}
.commerce-existing-list{max-height:250px;overflow:auto;padding:6px;border:1px solid #dce8df;border-radius:8px;background:white}.commerce-existing-list button{display:flex;gap:10px;align-items:center;width:100%;padding:7px;border:0;background:transparent;text-align:left;color:#456552;cursor:pointer}.commerce-existing-list button:hover{background:#eff7f0}.commerce-existing-list img{width:36px;height:36px;object-fit:cover}
.commerce-message{font-size:12px;line-height:1.6;color:#556d5e;min-height:18px}
.commerce-results{min-width:0}.commerce-results .works-toolbar{margin-top:0;padding-top:0}.commerce-list-item{display:block;width:100%;margin:8px 0;padding:13px 15px;background:white;border:1px solid #e0e9e2;border-radius:8px;text-align:left;color:#395343;cursor:pointer}.commerce-list-item.active{border-color:#167855;background:#f1f8f3}.commerce-list-item strong{display:block;font-size:13px}.commerce-list-item small{display:block;color:#819285;margin-top:5px;font-size:11px}
.commerce-detail{margin-top:17px;background:#fff;border:1px solid #e1e9e2;border-radius:10px;padding:20px;min-height:230px}.commerce-detail h2{font-size:20px;color:#294b37;margin:0 0 13px}.commerce-detail h3{font-size:15px;color:#355543;margin:23px 0 10px}.commerce-detail p,.commerce-detail li{font-size:13px;line-height:1.8;color:#526d5b}.commerce-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7;background:#f7faf7;padding:13px;border-radius:6px}.commerce-detail .commerce-meta{color:#86988a;font-size:11px}.commerce-detail .commerce-actions{display:flex;gap:9px;flex-wrap:wrap;margin:17px 0}.commerce-detail .commerce-module{border:1px solid #e1e9e2;border-radius:8px;padding:14px;margin:10px 0}.commerce-module header{display:flex;justify-content:space-between;gap:10px;color:#315641;font-size:13px}.commerce-module .commerce-actions{margin-bottom:0}.commerce-module textarea{width:100%;min-height:145px;padding:10px;resize:vertical;border:1px solid #d9e5dd;border-radius:6px;color:#385644;font-family:inherit;line-height:1.6}.commerce-detail img{width:64px;height:64px;object-fit:cover;border-radius:6px;margin:3px}.commerce-sources{font-size:11px;color:#829286;line-height:1.9;margin:26px 0;overflow-wrap:anywhere}.commerce-sources a{color:#267659}
@media(max-width:1050px){.commerce-layout{grid-template-columns:1fr}.commerce-form{position:static}}
@media(max-width:760px){.mobile-workspace{flex-wrap:wrap}.mobile-workspace button{flex:1 1 27%;white-space:nowrap}.commerce-modes{grid-template-columns:1fr}.commerce-mode{min-height:0}.commerce-fields{grid-template-columns:1fr 1fr}.commerce-fields label:last-child{grid-column:1/-1}}