.variant-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.72fr);gap:22px;margin:0 34px}.variant-list{display:grid;gap:16px}.variant-card{margin:0}.variant-card>header{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:17px}.variant-card>header h2{margin:10px 0 5px;font-size:19px}.variant-card>header p,.variant-card>header>small{margin:0;color:var(--muted);font-size:12px}.variant-status{display:inline-flex;margin-left:7px;padding:4px 8px;border-radius:99px;background:#fff0dd;color:#a66100;font-size:11px;font-weight:800;font-style:normal}.variant-status.ready{background:#e3f8ec;color:#17844a}.preflight{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:17px 0}.preflight h3{grid-column:1/-1;margin:0 0 3px;font-size:13px}.preflight span{display:flex;align-items:center;gap:7px;padding:9px 10px;border-radius:10px;font-size:12px}.preflight span.ok{background:#effaf4;color:#237447}.preflight span.bad{background:#fff3f1;color:#a9473b}.preflight span b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:currentColor;color:#fff}.variant-card details{border-top:1px solid var(--line);padding-top:14px}.variant-card summary{cursor:pointer;color:var(--blue);font-size:13px;font-weight:750}.variant-card details form{display:grid;gap:12px;margin-top:15px}.variant-card textarea{min-height:150px}.variant-delete{display:block!important;text-align:right}.variant-create{margin:0;height:max-content;position:sticky;top:94px}.variant-create form{display:grid;gap:15px}.rule-box{margin-top:22px;padding:16px;border-radius:14px;background:#f3f7fd;color:#52647e}.rule-box ul{padding-left:18px;font-size:12px;line-height:1.8}.rule-box small{line-height:1.6}.variant-layout .mini-empty{margin:0}@media(max-width:900px){.variant-layout{grid-template-columns:1fr;margin:0 18px}.variant-create{position:static}.preflight{grid-template-columns:1fr}}