:root{--navy:#132f42;--navy2:#1c4157;--ink:#203644;--muted:#73818a;--line:#e0e5e6;--bg:#f5f7f7;--orange:#e87549;--teal:#357b77;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:14px}button,input,select{font:inherit}button,label.drop,.side-button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button{transition:background .15s,transform .15s}button:hover:not(:disabled){filter:brightness(.97)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,label:focus-within{outline:3px solid #7fc5c2;outline-offset:3px}input,select{min-width:0;border:1px solid #dbe1e4;border-radius:7px;padding:10px 12px;color:var(--ink);background:#fff}input::placeholder{color:#89969e}h1,h2,h3,p{margin:0}h1{font-size:36px;letter-spacing:-1.3px;line-height:1.2;font-weight:650}h2{font-size:22px;letter-spacing:-.5px}h3{font-size:15px;font-weight:650}p{line-height:1.65}.sidebar{width:252px;background:var(--navy);position:fixed;inset:0 auto 0 0;padding:38px 23px;color:#fff;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:white;font-size:24px;letter-spacing:-.8px;font-weight:650}.brand small{display:block;font-size:9px;letter-spacing:2.7px;color:#98b3c3;font-weight:500;margin-top:7px}.brand-mark{font-size:38px;line-height:.8;font-weight:700;display:block;position:relative;width:37px;height:45px}.brand-mark>span{display:block;font-size:32px;position:absolute;top:17px;left:0;font-weight:400;color:#e78b68}.workspace-label{font-size:9px;letter-spacing:2px;color:#88a4b6;margin:65px 13px 18px}.nav{border:0;background:transparent;display:flex;align-items:center;gap:12px;color:#a9bfcc;text-align:left;width:100%;padding:15px 12px;margin-bottom:6px;border-radius:7px;font-size:12px}.nav>span{font-size:10px;color:#7194a9}.nav.active{color:white;background:#294759}.nav.active>span{color:#ed9776}.nav b{font-weight:500;font-size:10px;background:#3b596b;border-radius:4px;padding:2px 5px;margin-left:auto}.side-bottom{margin-top:auto}.private{font-size:11px;display:flex;align-items:center;gap:8px;margin-bottom:10px}.private i{width:6px;height:6px;background:#8ab9a4;border-radius:50%}.side-bottom p{font-size:10px;color:#91a9b7;line-height:1.8;margin-bottom:20px}.side-button{width:100%;display:flex;justify-content:space-between;color:#bacbd5;font-size:11px;border:0;border-top:1px solid #325063;background:none;padding:12px 0}.side-button span{color:#8ba6b6}.save-state{color:#86a4b5;font-size:9px;margin-top:15px}main{margin-left:252px}.topbar{height:78px;padding:0 46px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fafbfb;font-size:11px}.crumb{font-size:9px;letter-spacing:1.5px;font-weight:650;color:#6c7b83}.separator{color:#c5ced3;margin:0 15px}.edition{color:#8a969c;font-size:10px}.edition span{border:1px solid #dfe4e5;border-radius:4px;font-size:9px;padding:3px 6px;margin-left:9px}.content{max-width:1480px;margin:0 auto;padding:43px 46px 0}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:34px}.eyebrow{font-size:9px;letter-spacing:1.9px;font-weight:650;color:var(--teal);margin-bottom:14px}.intro p{font-size:13px;color:#7a868d;margin-top:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;white-space:nowrap;border-radius:7px;border:1px solid transparent;padding:12px 18px;font-size:12px;font-weight:550;line-height:1.35;text-decoration:none}.primary{color:#fff;background:var(--navy)}.button.primary:hover{background:var(--navy2)}.light{background:#fff;border-color:#dde3e6;color:#334c5b}.small{font-size:11px;padding:8px 12px;gap:8px}.danger{background:#fff3ed;color:#ae4b32;border-color:#f1d3c8}.card{background:white;border:1px solid var(--line);border-radius:12px}.file-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.upload-card{padding:25px}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.file-icon{border:1px solid #cfe2dc;color:#40826f;background:#f0f7f4;width:32px;height:38px;display:grid;place-items:center;font-size:16px;font-weight:600;border-radius:4px}.pill{font-size:8px;letter-spacing:1.1px;color:#80909a;background:#f3f5f6;border-radius:4px;padding:6px 8px}.upload-card>p{font-size:11px;color:#84919a;margin-top:9px}.drop{border:1px dashed #ccd7dc;display:flex;flex-direction:column;align-items:center;border-radius:8px;margin-top:22px;background:#fafcfc;padding:25px 12px;transition:.15s}.drop:hover,.drop.drag{border-color:var(--teal);background:#f0f8f6}.upload-symbol{font-size:24px;font-weight:300;display:grid;place-items:center;color:#577282;width:36px;height:36px;border:1px solid #e1e8eb;border-radius:50%;margin-bottom:13px;background:white}.drop strong{font-size:12px;font-weight:550}.drop>span:not(.upload-symbol){font-size:10px;color:#87959d;margin-top:5px}.drop small{font-size:9px;color:#a2adb3;margin-top:17px}.drop.loaded{padding:14px;min-height:130px;border-style:solid;border-color:#bad8cb}.drop.loaded strong{word-break:break-all;text-align:center}.drop.loaded .upload-symbol{font-size:19px;color:#418b72}.file-config{font-size:11px}.file-config:empty{display:none}.file-config .sheet{display:flex;gap:8px;align-items:center;margin-top:16px}.file-config select{padding:7px;max-width:100%;font-size:11px}.file-config details{margin-top:14px}.file-config summary{color:#718b98;cursor:pointer}.mapping{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.mapping label{display:flex;flex-direction:column;gap:5px;color:#758894;font-size:10px}.launch-bar{display:flex;align-items:center;justify-content:space-between;background:#eaf0f1;border-radius:9px;padding:20px 24px;margin-top:23px}.launch-bar strong{display:block;font-size:12px;font-weight:550}.launch-bar small{display:block;color:#83919a;font-size:10px;margin-top:6px}.launch-bar .primary{background:var(--orange)}.method{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;margin-top:42px}.step-index{color:#82969e;font-size:8px;letter-spacing:1.3px}.method h3{font-size:12px;margin-top:13px}.method p{font-size:11px;color:#8c989f;margin-top:8px;max-width:240px}footer{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;color:#a0adb4;border-top:1px solid var(--line);padding:20px 0;margin-top:48px}footer span{font-size:9px;letter-spacing:0}.compact h1{font-size:30px}.compact{margin-bottom:26px}.compact .intro p{margin-top:10px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px}.metric{background:#fff;border:1px solid var(--line);border-radius:9px;padding:17px 20px}.metric span{font-size:10px;color:#82919a}.metric strong{display:block;font-size:27px;letter-spacing:-1px;font-weight:600;margin-top:9px}.metric.highlight{background:#eaf3f0;border-color:#cfe1d9}.metric.highlight strong{color:#397e6c}.metric small{font-size:9px;color:#87979f;margin-left:7px;letter-spacing:0;font-weight:400}.work-tabs{border-bottom:1px solid var(--line);display:flex;gap:25px}.work-tabs button{border:0;background:none;color:#82909b;padding:0 0 15px;font-size:12px;position:relative}.work-tabs button.active{color:var(--ink);font-weight:600}.work-tabs button.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--orange)}.work-tabs b{background:#e8edef;color:#6e8490;font-weight:500;border-radius:4px;margin-left:5px;font-size:9px;padding:2px 5px}.toolbar{display:flex;gap:12px;margin:20px 0}.search-wrap{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:7px;flex:1;min-width:150px}.search-wrap span{font-size:23px;color:#8a9aa3;margin-left:13px}.search-wrap input{border:0;flex:1;width:100%;font-size:11px;background:transparent}.toolbar select{font-size:11px;max-width:185px}.selection-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border:1px solid #dae3e7;background:#edf2f4;border-radius:8px 8px 0 0;border-bottom:0}.selection-bar strong{font-size:11px;font-weight:500;color:#718692}.selection-bar>div{display:flex;gap:7px}.table-card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:auto}.selection-bar+.table-card{border-radius:0 0 8px 8px}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}th{background:#f8fafb;font-size:9px;letter-spacing:.3px;color:#7d8e98;white-space:nowrap;font-weight:600}th,td{padding:13px 14px;border-bottom:1px solid #edf0f2}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfc}td.code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;white-space:nowrap;color:#5b7484}.check{width:16px;height:16px;accent-color:var(--navy);cursor:pointer}.name-input{width:100%;min-width:170px;border-color:transparent;background:transparent;font-size:11px;padding:6px;margin:-6px}.name-input:hover,.name-input:focus{border-color:#d5e2e6;background:white}.original{color:#a0aab1;font-size:9px;margin-top:6px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-block;font-size:9px;white-space:nowrap;padding:5px 8px;border-radius:5px;background:#f5eee4;color:#a77d3c}.badge.standalone{background:#edf4f0;color:#4d886d}.badge.grouped{background:#eaf0f6;color:#577d9e}.badge.excluded{background:#f2f3f4;color:#96a0a7}.text-button{border:0;background:none;color:#477d87;font-size:10px;padding:3px;text-decoration:underline;text-underline-offset:3px}.table-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8b9ba4;margin-top:13px}.table-footer>div{display:flex;gap:12px;align-items:center}.hint{font-size:10px;color:#86969f;padding:18px 0;line-height:1.7}.hint b{font-weight:550;color:#687f8d}.empty{padding:50px;text-align:center;color:#7a8d98;display:flex;flex-direction:column;align-items:center;gap:22px}.notice{padding:15px 18px;border-radius:8px;font-size:11px;line-height:1.7;background:#edf3f7;border:1px solid #d9e4eb;margin-bottom:20px}.notice.warning{background:#fff7ed;border-color:#f0dfc5;color:#9e7134}.notice.success{background:#ebf5ef;border-color:#d1e3d9;color:#42785f}.notice ul{padding-left:18px;margin:8px 0 0}.notice h3{font-size:12px}.settings{padding:24px;margin-bottom:24px}.settings>div:first-child{margin-bottom:20px}.settings p{font-size:11px;color:#82929c;margin-top:7px}.settings-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.settings-fields label{font-size:10px;color:#6e8492;display:flex;flex-direction:column;gap:7px}.settings-fields input,.settings-fields select{font-size:12px;width:100%}.settings .settings-note{font-size:10px;border-top:1px solid #e7ecee;margin-top:22px;padding-top:15px}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;margin:22px 0 13px;font-size:11px;color:#7a8d98}.toggle{display:flex;gap:7px;align-items:center;font-size:10px}.preview-table{max-height:550px}.preview-table td{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.preview-table th{position:sticky;top:0}.preview-table tr.parent{background:#f0f5f3;font-weight:550}.group-card{padding:22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.group-card p{font-size:11px;color:#8697a0;margin-top:5px}.group-card code{font-size:10px;color:#478478}.group-card h3{margin:7px 0}.suggestion{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid #dfe6e7;font-size:11px}.suggestion p{font-size:10px;color:#84969f}#suggestions{background:#eef4f3;border:1px solid #d6e4df;border-radius:8px;margin-bottom:20px;max-height:290px;overflow:auto}#suggestions>.hint{padding:12px 15px}dialog{border:1px solid #dce4e7;border-radius:13px;padding:27px;width:min(850px,94vw);max-height:90vh;color:var(--ink);box-shadow:0 30px 100px #142c4233}dialog::backdrop{background:#122e4266;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font-size:24px}.dialog-head .eyebrow{margin-bottom:8px}.icon-button{background:none;border:0;font-size:28px;color:#80939e}.dialog-note{font-size:11px;color:#84959e;margin:13px 0 20px}.field{display:flex;flex-direction:column;gap:7px;margin:15px 0;font-size:11px;color:#697f8e}.field small{font-size:10px;color:#98a6ad}.field input{font-size:13px}.variant-edit{overflow:auto;max-height:42vh;border:1px solid var(--line);border-radius:7px}.variant-edit th{padding:10px}.variant-edit td{padding:10px}.variant-edit td input{width:100%;min-width:110px;font-size:11px}.variant-edit td:first-child{min-width:180px}.variant-edit small{display:block;font-size:9px;color:#8da0ab;margin-top:5px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:23px}.error-text{font-size:11px;color:#b2503c;margin-top:12px}#confirm-dialog{max-width:440px}#confirm-text{font-size:13px;color:#7b8d98;margin-top:15px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;padding:14px 22px;border-radius:8px;box-shadow:0 8px 30px #1233;z-index:100;font-size:12px;max-width:90vw}#toast.error{background:#a64c38}[hidden]{display:none!important}@media(min-width:1550px){.content{padding-top:55px}.upload-card{padding:30px}.drop{padding:34px 12px}.method{margin-top:50px}}@media(max-width:1100px){.sidebar{width:210px;padding:30px 15px}.brand{font-size:21px}.nav{font-size:11px;gap:8px}.content{padding:30px 25px 0}main{margin-left:210px}.topbar{padding:0 25px}.intro{align-items:flex-start}h1{font-size:30px}.intro .button{font-size:10px;padding:11px}.toolbar{flex-wrap:wrap}.selection-bar{align-items:flex-start;gap:15px;flex-direction:column}.metric{padding:15px}.metric strong{font-size:24px}.file-grid{gap:16px}.upload-card{padding:20px}.method{gap:20px}}@media(max-width:760px){.sidebar{position:static;width:100%;padding:19px 20px}.brand{font-size:22px}.brand small{font-size:8px}.brand-mark{height:35px}.workspace-label,.side-bottom{display:none}.sidebar nav{display:flex;margin-top:25px;gap:8px}.nav{padding:10px 7px;margin:0;justify-content:center;font-size:10px}.nav span{display:none}.nav b{display:none}main{margin:0}.topbar{height:55px;padding:0 20px}.content{padding:27px 20px 0}.edition{display:none}.intro{display:block}.intro>.button{margin-top:18px}h1,.compact h1{font-size:28px}.intro p{font-size:12px}.file-grid{grid-template-columns:1fr}.upload-card{padding:22px}.launch-bar{padding:18px;gap:18px;align-items:flex-start;flex-direction:column}.launch-bar .button{width:100%}.method{grid-template-columns:1fr;gap:22px;margin-top:30px}.method p{max-width:none}.method h3{margin-top:8px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:14px}.settings-fields{grid-template-columns:1fr 1fr}.toolbar select{max-width:100%}.toolbar .search-wrap{flex-basis:100%}.selection-bar>div{flex-wrap:wrap}.work-tabs{gap:18px}.work-tabs button{font-size:11px}.group-card{padding:16px}.preview-toolbar{gap:10px;align-items:flex-start}footer span{max-width:180px;text-align:right}.card.empty{padding:25px}.group-card h3{font-size:13px}}

.download-ready{position:fixed;bottom:12px;right:20px;max-width:90vw;z-index:99;display:block;padding:12px 18px;background:#eaf3ef;color:#245e4c;border:1px solid #bdd7cb;border-radius:7px;font-size:11px;text-decoration:underline;overflow-wrap:anywhere}

/* Advertoloji brand: original supplied logo with purple and magenta accents. */
:root{--navy:#33245f;--navy2:#4c367e;--ink:#342d48;--muted:#827a91;--line:#e5e0ed;--bg:#f8f7fb;--orange:#a84dcc;--teal:#7753c1}
.sidebar{background:#2c2148}
.brand{display:flex;flex-direction:column;gap:0;align-items:center;width:100%;letter-spacing:0}
.brand img{width:100%;max-width:206px;height:auto;display:block;background:#fff;border-radius:7px}
.brand>small{display:block;color:#baacd8;font-size:9px;letter-spacing:2.7px;font-weight:500;margin-top:15px}
.workspace-label{margin-top:42px;color:#9b8ab6}
.nav{color:#c0b4d4}.nav>span{color:#9380ae}.nav.active{background:#493963}.nav.active>span{color:#e3a0ed}.nav b{background:#66527f}
.side-bottom p,.save-state{color:#a799b9}.side-button{border-color:#4b3a62;color:#c6bad7}.side-button span{color:#aa98c0}
.topbar{background:#fcfbfe}.crumb{color:#81738d}.intro p{color:#887e94}.eyebrow{color:#8650b4}.button.primary:hover{background:#4c367e}
.launch-bar{background:#eeebf6}.launch-bar .primary{background:#8a4dc4}.file-icon{border-color:#e1d6f1;color:#8654bb;background:#f4effa}
.metric.highlight{background:#f1eaf8;border-color:#dfd1ef}.metric.highlight strong{color:#8051af}
.work-tabs button.active:after{background:linear-gradient(90deg,#7053ca,#db70d1)}
.selection-bar{background:#f0edf6;border-color:#e0d9ec}.file-grid h2{font-size:21px;line-height:1.35}.upload-card>p{min-height:36px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,label:focus-within{outline-color:#c49be3}
@media(max-width:1100px){.brand img{max-width:180px}.file-grid h2{font-size:19px}}
@media(max-width:760px){.brand{align-items:flex-start}.brand img{width:160px}.brand>small{font-size:8px;margin-top:10px}.sidebar nav{margin-top:22px}}

/* Keep the approved transparent SKUFrame lockup legible on the dark sidebar. */
.brand-panel{display:flex;align-items:center;justify-content:center;width:100%;padding:13px 4px;background:#fff;border:1px solid #e5ddf0;border-radius:9px}
.brand-panel img{width:100%;max-width:206px;height:auto;display:block;background:transparent;border-radius:0}
.brand>small{margin-top:14px}.crumb{letter-spacing:.7px;font-size:11px}footer strong{font-size:11px;letter-spacing:.2px;font-weight:650}
@media(max-width:1100px){.brand-panel img{max-width:180px;width:100%}.brand-panel{padding:14px 3px}}
@media(max-width:760px){.brand-panel{width:210px;padding:10px 5px}.brand-panel img{max-width:200px;width:100%}}