.list-compare-main{max-width:1320px}.list-compare-workspace{padding:22px!important}.list-compare-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.list-compare-field{display:grid;gap:7px;min-width:0}.list-compare-field>span{font-weight:750;color:#eaf7fb;font-size:14px}.list-compare-field small{color:#8ca8b3;font-size:13px}.list-compare-field textarea,.list-compare-viewer textarea{width:100%;min-height:220px;resize:vertical;border:1px solid #214755;border-radius:10px;background:#06141c;color:#e9f7fb;padding:13px 14px;font:14px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;box-sizing:border-box}.list-compare-field textarea:focus,.list-compare-viewer textarea:focus{outline:2px solid #42dbe8;outline-offset:2px}.list-compare-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:14px}.list-compare-actions .btn{font-size:14px}.list-compare-status{margin:12px 0 0;color:#9db6bf;font-size:14px}.list-compare-status[data-state="ok"]{color:#9ee6c2}.list-compare-status[data-state="error"]{color:#ffb6b6}.list-compare-options{margin-top:14px;border-top:1px solid #153542;padding-top:12px}.list-compare-options>summary{cursor:pointer;font-size:14px;font-weight:700;color:#b8d2da}.list-compare-options-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.list-compare-option{display:flex;align-items:center;gap:8px;min-height:38px;padding:7px 9px;border:1px solid #173b49;border-radius:9px;background:#071820;font-size:14px;color:#cbe0e6}.list-compare-option input{width:16px;height:16px;accent-color:auto}.list-compare-results{margin-top:16px;border-top:1px solid #173845;padding-top:16px}.list-compare-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.list-compare-tab{min-width:0;text-align:left;padding:9px 10px;border:1px solid #1e4452;border-radius:9px;background:#071820;color:#bcd2da;cursor:pointer}.list-compare-tab span{display:block;font-size:14px;line-height:1.3}.list-compare-tab strong{display:block;margin-top:3px;color:#f4fbfd;font-size:20px}.list-compare-tab.is-active{border-color:#3e8190;background:#0a202a}.list-compare-viewer{margin-top:12px;border:1px solid #173c49;border-radius:11px;background:#07161e;padding:12px}.list-compare-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.list-compare-viewer-head strong{font-size:15px}.list-compare-viewer-head span{font-size:13px;color:#8faab4}.list-compare-viewer textarea{min-height:180px;background:#051119}.list-compare-output-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.list-compare-output-actions .btn{font-size:14px}.list-compare-note{margin:10px 0 0;color:#819da7;font-size:13px;line-height:1.5}
@media(max-width:820px){.list-compare-input-grid{grid-template-columns:1fr}.list-compare-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.list-compare-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.list-compare-tab:last-child{grid-column:1/-1}.list-compare-workspace{padding:16px!important}}
@media(max-width:480px){.list-compare-options-grid,.list-compare-summary{grid-template-columns:1fr}.list-compare-tab:last-child{grid-column:auto}.list-compare-actions .btn,.list-compare-output-actions .btn{width:100%;justify-content:center}.list-compare-field textarea{min-height:180px}}