.s360-dct-csv-box{display:grid;gap:14px;padding:20px;border:1px solid #b8ddeb;border-radius:15px;background:linear-gradient(140deg,#f1faff,#fff)}
.s360-dct-csv-box>div>span{display:block;margin-bottom:4px;color:#0c75bd;font-size: max(var(--s360-readable-floor, 14px), .64rem);font-weight:900;letter-spacing:.15em}
.s360-dct-csv-box>div>strong{display:block;color:#173d5c;font-size:1rem}
.s360-dct-csv-box>div>p{margin:5px 0 0;color:#667f92;font-size: max(var(--s360-readable-floor, 14px), .78rem);line-height:1.65}
.s360-dct-csv-box label{display:block;padding:13px;border:1px dashed #83bdd8;border-radius:11px;background:#fff}
.s360-dct-csv-box input[type=file]{height:auto;padding:0;border:0;background:transparent;font-size: max(var(--s360-readable-floor, 14px), .82rem)}
.s360-dct-csv-box input[type=file]::file-selector-button{margin-right:12px;padding:9px 13px;border:0;border-radius:8px;background:#0c63a6;color:#fff;font-size: max(var(--s360-readable-floor, 14px), .76rem);font-weight:850;cursor:pointer}
.s360-dct-csv-box label small{margin:8px 0 0;color:#627d90}
.s360-dct-method-picker{min-width:0;margin:0;padding:0;border:0}
.s360-dct-method-picker legend{display:flex;justify-content:space-between;gap:12px;align-items:baseline;width:100%;margin:0 0 9px;padding:0;color:#294760;font-size: max(var(--s360-readable-floor, 14px), .86rem);font-weight:850}
.s360-dct-method-picker legend small{color:#7a8c9b;font-size: max(var(--s360-readable-floor, 14px), .68rem);font-weight:650}
.s360-dct-method-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.s360-dct-method-options label{position:relative;display:block;cursor:pointer}
.s360-dct-method-options input{position:absolute;width:1px!important;height:1px!important;opacity:0;pointer-events:none}
.s360-dct-method-options label>span{display:block;height:100%;margin:0;padding:14px;border:1px solid #cfdee8;border-radius:13px;background:#f9fcfe;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}
.s360-dct-method-options label:hover>span{border-color:#8ec8e3;transform:translateY(-1px)}
.s360-dct-method-options input:focus-visible+span{outline:3px solid rgba(66,169,218,.22);outline-offset:2px}
.s360-dct-method-options input:checked+span{border-color:#0c75bd;background:#eef8fd;box-shadow:0 0 0 2px rgba(12,117,189,.1)}
.s360-dct-method-options b{display:inline-grid;place-items:center;min-width:42px;margin:0 0 7px;padding:3px 8px;border-radius:999px;background:#dcecf5;color:#315c77;font-size: max(var(--s360-readable-floor, 14px), .62rem);letter-spacing:.05em}
.s360-dct-method-options input:checked+span b{background:#0c63a6;color:#fff}
.s360-dct-method-options strong{display:block;color:#173d5c;font-size: max(var(--s360-readable-floor, 14px), .88rem)}
.s360-dct-method-options small{display:block;margin-top:4px;color:#75899b;font-size: max(var(--s360-readable-floor, 14px), .72rem);line-height:1.5}
.s360-dct-input-panel{display:grid;gap:19px}
.s360-dct-input-panel[hidden]{display:none!important}
@media(max-width:620px){.s360-dct-method-picker legend{align-items:flex-start;flex-direction:column;gap:2px}.s360-dct-method-options{grid-template-columns:1fr}.s360-dct-csv-box{padding:16px 14px}.s360-dct-csv-box input[type=file]{font-size: max(var(--s360-readable-floor, 14px), .72rem)}.s360-dct-csv-box input[type=file]::file-selector-button{display:block;margin:0 0 8px}}