.sku-auto-workspace{padding:0;margin-bottom:20px;overflow:hidden}
.sku-auto-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px;border-bottom:1px solid #e3ece9;background:#fbfefd}
.sku-auto-head h2{margin:0 0 7px;color:#244d49;font-size:20px}
.sku-auto-head p{margin:0;color:#718b89;font-size:12px;line-height:1.6}
.sku-auto-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:16px 26px;background:#f7fbf9;border-bottom:1px solid #e3ece9}
.sku-auto-steps span{display:flex;align-items:center;gap:8px;color:#5e7773;font-size:12px}
.sku-auto-steps b{display:grid;place-items:center;flex:none;width:23px;height:23px;border-radius:50%;background:#d8eee5;color:#267663;font-size:11px}
.sku-auto-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:20px;padding:24px 26px;align-items:start}
.sku-auto-form-panel{min-width:0}
.sku-auto-section-title{margin:4px 0 13px;color:#355f56;font-size:13px;font-weight:700}
.sku-auto-section-title:not(:first-child){margin-top:23px}
.sku-auto-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.sku-auto-field{display:flex;flex-direction:column;gap:7px;min-width:0;color:#52706a;font-size:12px;font-weight:600}
.sku-auto-field input,.sku-auto-field select,.sku-auto-dict-controls input,.sku-auto-dict-controls select{width:100%;height:39px;border:1px solid #d3e3dd;border-radius:7px;background:#fff;color:#274841;padding:8px 10px;font:inherit;outline:none}
.sku-auto-field input:focus,.sku-auto-field select:focus,.sku-auto-dict-controls input:focus,.sku-auto-dict-controls select:focus{border-color:#35a57a;box-shadow:0 0 0 3px #35a57a20}
.sku-auto-field input[readonly]{background:#f5f8f6;color:#648078}
.sku-auto-form-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:25px;border-top:1px solid #e6efeb;padding-top:18px;color:#82958d;font-size:11px}
.sku-auto-form-foot>div{display:flex;gap:8px;flex-wrap:wrap}
.sku-auto-preview{position:sticky;top:20px;border:1px solid #cfe8dd;border-radius:10px;background:linear-gradient(160deg,#f7fdf9,#fff 55%);padding:21px;box-shadow:0 9px 24px #2a795318}
.sku-auto-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}
.sku-auto-preview h3{margin:0;color:#285548;font-size:15px}
.sku-auto-status{border-radius:99px;padding:5px 10px;font-size:11px;font-weight:700;white-space:nowrap}
.sku-auto-status.good{background:#e2f5e9;color:#218456}.sku-auto-status.error{background:#fff1e9;color:#a05235}
.sku-auto-code-label{color:#849a8e;font-size:11px;margin-bottom:8px}
.sku-auto-code{display:block;min-height:43px;color:#0f765e;font-size:19px;line-height:1.4;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.sku-auto-name{color:#597267;font-size:12px;min-height:35px;line-height:1.55;overflow-wrap:anywhere}
.sku-auto-preview dl{margin:18px 0;border-top:1px solid #e2eee7}
.sku-auto-preview dl>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e8f0eb;padding:9px 0;font-size:12px}
.sku-auto-preview dt{color:#7b9387}.sku-auto-preview dd{margin:0;color:#315a4b;font-weight:700;text-align:right;overflow-wrap:anywhere}
.sku-auto-message{border-radius:6px;padding:8px 10px;margin:6px 0;font-size:11px;line-height:1.5}
.sku-auto-message.error{background:#fff0eb;color:#a54331}.sku-auto-message.warn{background:#fff8e5;color:#906b21}.sku-auto-message.good{background:#e9f7ef;color:#287f50}
.sku-auto-drafts{padding:4px 26px 23px}
.sku-auto-drafts-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}
.sku-auto-drafts h3{margin:0 0 5px;font-size:16px;color:#31594f}.sku-auto-drafts h3 small{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:50%;background:#e5f5e9;color:#267954;font-size:11px}
.sku-auto-drafts p{margin:0;color:#7c948b;font-size:12px}
.sku-auto-table-wrap{overflow:auto;border:1px solid #e0eae5;border-radius:8px}
.sku-auto-table-wrap table{border-collapse:collapse;width:100%;min-width:650px;font-size:12px}
.sku-auto-table-wrap th{text-align:left;background:#f7faf8;color:#71887c;font-weight:700;padding:11px 12px;white-space:nowrap}
.sku-auto-table-wrap td{border-top:1px solid #ecf1ed;padding:11px 12px;color:#405d51}
.sku-auto-table-wrap code{color:#16745b;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.sku-auto-link{border:0;background:none;color:#bb5d4b;cursor:pointer;font:inherit;padding:0}.sku-auto-link:hover{text-decoration:underline}
.sku-auto-empty{text-align:center;color:#87988f!important;padding:20px!important}
.sku-auto-dictionary{border-top:1px solid #e3ece8;padding:0 26px 24px}
.sku-auto-dictionary summary{cursor:pointer;padding:19px 0;color:#345d51;font-size:13px;font-weight:700}
.sku-auto-dictionary summary small{margin-left:8px;color:#82998c;font-size:11px;font-weight:400}
.sku-auto-rule{background:#f5faf6;border:1px solid #dfece3;border-radius:7px;padding:12px;color:#617d6c;font-size:12px;line-height:1.7}
.sku-auto-dict-controls{display:flex;gap:10px;margin:15px 0}.sku-auto-dict-controls select{width:160px}.sku-auto-dict-controls input{flex:1}
.sku-auto-dict-count{color:#8a9a90;font-size:11px;margin:0 0 8px}
@media(max-width:1000px){.sku-auto-layout{grid-template-columns:1fr}.sku-auto-preview{position:static}.sku-auto-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.sku-auto-head,.sku-auto-layout{padding:18px}.sku-auto-head,.sku-auto-form-foot,.sku-auto-drafts-head{flex-direction:column;align-items:stretch}.sku-auto-steps{padding:14px 18px}.sku-auto-form-grid{grid-template-columns:1fr}.sku-auto-drafts{padding:3px 18px 18px}.sku-auto-dictionary{padding:0 18px 18px}.sku-auto-dict-controls{flex-direction:column}.sku-auto-dict-controls select{width:100%}}
.sku-auto-combobox{position:relative;width:100%;min-width:0;font:inherit}
.sku-auto-combobox select[hidden]{display:none!important}
.sku-auto-combobox input.sku-auto-combobox-input{padding-right:36px;cursor:text;text-overflow:ellipsis}
.sku-auto-combobox input.sku-auto-combobox-input:disabled{background:#f4f7f5;color:#91a49b;cursor:not-allowed}
.sku-auto-combobox-toggle{position:absolute;top:1px;right:1px;display:grid;place-items:center;width:34px;height:37px;border:0;border-radius:0 6px 6px 0;background:transparent;color:#6f8b7c;cursor:pointer;font-size:18px;line-height:1}
.sku-auto-combobox-toggle:hover{background:#edf6f0;color:#257d5b}
.sku-auto-combobox-toggle:disabled{color:#abb9b1;cursor:not-allowed;background:transparent}
.sku-auto-combobox-list{position:fixed;z-index:10020;box-sizing:border-box;max-height:224px;overflow:auto;overscroll-behavior:contain;border:1px solid #cce0d4;border-radius:8px;background:#fff;padding:4px;box-shadow:0 8px 24px #244d4926;color:#274841;font:500 12px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;scrollbar-width:thin}
.sku-auto-combobox-option{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:2px 9px;min-height:34px;padding:7px 28px 7px 9px;border-radius:5px;cursor:pointer;overflow-wrap:anywhere}
.sku-auto-combobox-option.is-active{background:#e9f6ee;color:#176d49}
.sku-auto-combobox-option[aria-selected="true"]{font-weight:700}
.sku-auto-combobox-option-label{min-width:0}
.sku-auto-combobox-option-hint{color:#82948b;font-size:11px;font-weight:400}
.sku-auto-combobox-check{position:absolute;right:9px;top:8px;color:#26825a}
.sku-auto-combobox-empty{padding:14px 10px;text-align:center;color:#8a9d92;font-weight:400}
