*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#202c43;font-family:Segoe UI,Arial,sans-serif;font-size:14px}header{height:78px;background:white;border-bottom:1px solid #e4e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{font-size:23px;font-weight:750;text-decoration:none;color:#202c43;display:flex;align-items:center;gap:6px}.brand>span:last-child{font-weight:400;color:#65738b}.logo{background:#5366df;color:white;border-radius:12px;font-size:32px;width:40px;height:40px;text-align:center;margin-right:7px}.local{color:#468574;font-size:12px}main{max-width:1450px;margin:auto;padding:38px 5%}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#6676b9}h1{font-size:34px;letter-spacing:-1px;margin:10px 0}p{color:#7b879b;line-height:1.5;margin:8px 0}button,.button{font:inherit;font-weight:600;border:1px solid #dfe4ef;border-radius:8px;background:white;padding:10px 14px;cursor:pointer;white-space:nowrap;color:#40506b;display:inline-block}button:hover,.button:hover{background:#edf0fc}button:disabled{opacity:.4;cursor:default}.primary{background:#5366df;color:white;border-color:#5366df;padding:13px 20px}.primary:hover{background:#4354c8}.import{border:1px dashed #abb9e1;border-radius:13px;padding:25px;display:flex;align-items:center;gap:19px;background:#f0f3ff;margin:28px 0 20px}.import.drag{background:#dce3ff}.import .button{margin-left:auto}.file-icon{font-size:30px;color:#5366df;background:white;padding:8px 17px;border-radius:10px}.stats{display:flex;align-items:center;gap:32px;margin:20px 0;color:#7c879a}.stats span{font-size:21px;font-weight:700;color:#26334d;margin-right:6px}.stats button{margin-left:auto}.workspace{display:grid;grid-template-columns:245px minmax(0,1fr);border:1px solid #e0e5ee;border-radius:12px;background:white;overflow:hidden;min-height:470px}aside{background:#fafbfe;padding:21px 16px;border-right:1px solid #e5e9f1}.aside-title{display:flex;align-items:center;justify-content:space-between}h2{font-size:16px;margin:0 0 17px}.aside-title span{border-radius:6px;background:#edf0f8;padding:3px 8px;font-size:12px;margin-bottom:17px}input[type=search]{font:inherit;width:100%;border:1px solid #e0e5ef;border-radius:8px;padding:11px;background:white;outline:none}input:focus{border-color:#5366df;box-shadow:0 0 0 2px #5366df20}#groups{margin:15px 0;max-height:420px;overflow:auto}.group{width:100%;border:0;background:transparent;display:flex;justify-content:space-between;text-align:left;font-weight:500;margin:3px 0;gap:8px;white-space:normal;overflow-wrap:anywhere}.group.active{color:#4b5cce;background:#e9edff}.group small{color:#8792a8}.danger{color:#c34e58;background:#fff8f8;border-color:#f0dfe1}#deleteGroup{width:100%;font-size:12px}.content{min-width:0}.search-row{padding:20px;display:flex;align-items:center;gap:15px}.search-row input{background:#f8f9fc}.search-row span{white-space:nowrap;color:#8993a6;font-size:12px}.toolbar{padding:0 20px 17px;display:flex;gap:7px;flex-wrap:wrap}.toolbar button{font-size:12px;padding:8px 10px}.spacer{flex:1}.table-wrap{min-height:305px}table{width:100%;border-collapse:collapse;table-layout:fixed}th{text-align:left;background:#f8f9fc;color:#8b95a8;font-size:10px;letter-spacing:1px;padding:12px 16px;border-block:1px solid #edf0f5}th:first-child{width:47px}th:last-child{width:24%}td{padding:13px 16px;border-bottom:1px solid #edf0f5;overflow-wrap:anywhere}td:first-child{padding-right:0}input[type=checkbox]{accent-color:#5366df;width:16px;height:16px;cursor:pointer}.name{font-weight:600;margin-bottom:5px}.url{font-size:11px;color:#929cb0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag{background:#f0f2f8;border-radius:5px;padding:4px 7px;font-size:11px;color:#6c7990}#empty{text-align:center;padding:50px 20px}#empty>div{font-size:40px;color:#a7b3d2;margin-bottom:15px}#empty h2{margin-bottom:8px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;font-size:12px;color:#8b95a8}.pagination button{font-size:12px}footer{color:#8b95a8;font-size:11px;text-align:center;margin:22px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#26334d;color:white;padding:13px 22px;border-radius:9px;display:none;z-index:3}dialog{border:0;border-radius:14px;box-shadow:0 15px 80px #202c4340;padding:28px;max-width:430px}dialog::backdrop{background:#202c4360}dialog>div{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}@media(max-width:850px){main{padding:25px 15px}.workspace{grid-template-columns:190px minmax(0,1fr)}.heading{align-items:flex-start}h1{font-size:27px}.stats{gap:15px}.local{display:none}}@media(max-width:600px){.workspace{display:block}aside{border-right:0;border-bottom:1px solid #e5e9f1}#groups{max-height:160px}.heading{display:block}.heading .primary{margin-top:12px}.import{padding:16px;gap:10px;flex-wrap:wrap}.file-icon{display:none}.stats{flex-wrap:wrap}.stats button{margin-left:0}.search-row{flex-wrap:wrap}.toolbar{padding-inline:12px}th:last-child{width:28%}td,th{padding-inline:10px}header{height:65px}}
.header-actions{display:flex;align-items:center;gap:20px}.group-row{display:flex;align-items:center;gap:6px}.group-row>input{flex-shrink:0}.group-row .group{flex:1;min-width:0}.group span{min-width:0}.group small{flex-shrink:0}
html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] body{background:#111827;color:#e2e8f4}html[data-theme=dark] header,html[data-theme=dark] .workspace,html[data-theme=dark] dialog{background:#1b2536;border-color:#354158;color:#e2e8f4}html[data-theme=dark] .brand,html[data-theme=dark] .stats span{color:#e2e8f4}html[data-theme=dark] aside,html[data-theme=dark] th{background:#172131;border-color:#354158}html[data-theme=dark] .import{background:#202b46;border-color:#586d9f}html[data-theme=dark] .import.drag{background:#2d3c61}html[data-theme=dark] button,html[data-theme=dark] .button,html[data-theme=dark] input[type=search],html[data-theme=dark] .file-icon{background:#253249;color:#d9e2f4;border-color:#42516b}html[data-theme=dark] button:hover,html[data-theme=dark] .button:hover{background:#34445f}html[data-theme=dark] .primary{background:#6376ed;border-color:#6376ed;color:white}html[data-theme=dark] .group{background:transparent}html[data-theme=dark] .group.active{background:#31416b;color:#c5ceff}html[data-theme=dark] .danger{background:#3c2732;color:#ffadb5;border-color:#704451}html[data-theme=dark] .tag,html[data-theme=dark] .aside-title span{background:#2b3850;color:#c4cfe3}html[data-theme=dark] td{border-color:#303d53}html[data-theme=dark] p,html[data-theme=dark] footer,html[data-theme=dark] .stats,html[data-theme=dark] .url,html[data-theme=dark] .group small,html[data-theme=dark] .search-row span,html[data-theme=dark] th,html[data-theme=dark] .pagination,html[data-theme=dark] .brand>span:last-child{color:#a9b6cc}html[data-theme=dark] .eyebrow{color:#a7b5ff}html[data-theme=dark] .local{color:#8ad7bd}@media(max-width:600px){.header-actions{gap:8px}#themeToggle{font-size:12px}}
.save-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.import #openFile{margin-left:auto}main{max-width:1720px;padding-inline:3%}.workspace{grid-template-columns:370px minmax(0,1fr)}#groups{max-height:650px;min-height:300px}.group{padding-block:13px}.heading>div:first-child{min-width:0}@media(max-width:1100px){.heading{flex-wrap:wrap}.workspace{grid-template-columns:300px minmax(0,1fr)}}@media(max-width:850px){.workspace{grid-template-columns:260px minmax(0,1fr)}}@media(max-width:600px){.workspace{display:block}#groups{min-height:180px;max-height:360px}.save-actions{justify-content:flex-start;margin-top:15px}}

#exportGroups{width:100%;white-space:normal;margin-bottom:10px;color:#4b5cce;border-color:#bbc5f0}html[data-theme=dark] #exportGroups{color:#c5ceff;border-color:#586d9f}

#language{font:inherit;border:1px solid #bbc5d6;border-radius:8px;padding:9px;background:transparent;color:inherit}.header-actions{flex-wrap:wrap}.split-options{margin:18px 0;padding:15px 18px;border:1px solid #bbc5df;border-radius:10px}.split-options label{display:flex;align-items:center;gap:8px;font-weight:600}.split-options p{font-size:12px;margin:8px 0 0}#partsList{display:flex;flex-direction:column;max-height:45vh;overflow:auto}#partsList a[data-downloaded=true]{opacity:.5}#partsDialog{max-width:650px;width:90%}#partsDialog .button{white-space:normal;overflow-wrap:anywhere}header{height:auto;min-height:78px;padding-block:14px}

#languageFlag{font-size:26px;line-height:1;display:inline-flex;align-items:center}.header-actions{column-gap:12px}
