/* Ragve: the Etmap tool family, with a table-specific emerald identity. */
body{overflow-wrap:anywhere}header,main,footer,.article{min-width:0}
:root{--accent:#059669;--accent-end:#0a846e;--tint:#eef8f4;--ink:#172033}body{line-height:1.65}header{max-width:1120px;min-height:76px;padding:16px 0;border:0;position:relative}header:after{content:"";position:absolute;bottom:0;left:calc((1120px - 100vw)/2);width:100vw;height:1px;background:#edf0f5}.brand img{width:148px;height:39px}header nav{margin-inline:auto;gap:24px}header nav a{font-size:12px;font-weight:650;color:#657084}.brand{margin-inline-end:0}.language{margin:0;gap:5px;border:1px solid #e6eaf0;border-radius:9px;padding:0 8px}.language label{margin:0;display:flex;color:#768293}.language select{border:0;margin:0;width:112px;padding:8px 2px;font-size:12px;background:transparent}main{max-width:1120px;padding:0 0 64px;position:relative}main:before{content:"";position:absolute;z-index:-1;top:0;left:calc((1120px - 100vw)/2);width:100vw;height:460px;background:radial-gradient(ellipse at 50% 0,#edf8f2,transparent 72%);pointer-events:none}.hero,.hero.compact{padding:48px 0 4px;max-width:820px}.eyebrow{display:inline-flex;align-items:center;gap:7px;background:var(--tint);color:#047857;border-radius:30px;padding:5px 12px;font-size:10px;letter-spacing:1.6px;font-weight:700;margin:0}.dot{width:5px;height:5px;background:var(--accent);border-radius:50%}.hero h1,.hero.compact h1{font-size:clamp(32px,4.3vw,49px);letter-spacing:-1.8px;font-weight:750;line-height:1.15;margin:20px auto 12px;color:var(--ink)}.hero p:not(.eyebrow){font-size:15px;max-width:610px;line-height:1.7;color:#7a8393;margin:0 auto 20px}.tool-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px auto 20px}.tool-tabs a{border:1px solid #e4e8ee;background:#fff;border-radius:9px;padding:9px 15px;color:#748094;font-size:12px;font-weight:600}.tool-tabs a:hover{background:#f8fafb;text-decoration:none}.tool-tabs .active{background:var(--tint);border-color:#dcefe5;color:#047857}.tool-workspace{max-width:780px;margin:0 auto}.tool-workspace .panel{border-color:#e1e8e5;border-radius:20px;padding:24px;box-shadow:0 18px 60px #17203908}.file-zone{background:#fafcfb;border:1px dashed #bfd6ca;border-radius:12px;position:relative;padding:26px 24px 22px;text-align:center;margin-bottom:0}.upload-icon{color:#059669;display:block;margin:0 auto 9px}.file-zone>label{font-size:14px;color:#283e34;margin:0 0 12px}.file-zone input[type=file]{font-size:12px;padding:0;margin:0 auto;max-width:340px;width:100%;color:#7a8393}.file-zone input::file-selector-button{border:1px solid #dfe7e2;border-radius:7px;background:white;padding:8px 12px;color:#4e675b;margin-inline-end:10px;cursor:pointer}.file-zone .hint{font-size:10px;max-width:590px;margin:12px auto 0;color:#8b94a2}.file-zone.dragover{background:#edf8f2;border-color:#059669}.option-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef1f4;padding:20px 0 12px;margin-bottom:16px;font-size:12px;font-weight:650;color:#435044}.format-label{font-size:9px;font-weight:600;letter-spacing:.5px;color:#80908a;background:#f5f7f6;border-radius:4px;padding:3px 7px}.fields{gap:20px}.fields label{font-size:11px;color:#7a8393;font-weight:500;margin-bottom:16px}.fields select{font-size:12px;padding:9px 12px;background:#fafbfc;border-color:#e4e9ed}.check{font-size:12px;color:#647084;margin:12px 0;align-items:center}.check input{width:15px;height:15px;margin:0}.advanced{margin-top:18px;padding-top:12px;border-top:1px solid #eef0f3;font-size:11px;color:#8992a1}.advanced summary{cursor:pointer;padding:3px 0}.advanced .hint{font-size:11px;max-width:650px}.tool-workspace .actions{justify-content:flex-end;border-top:1px solid #eef1f3;margin-top:18px;padding-top:18px}.tool-workspace #start{min-width:165px;background:linear-gradient(115deg,#059669,#087f6c);border:0;box-shadow:0 5px 15px #05966920;gap:10px;flex-direction:row-reverse;font-size:13px;min-height:48px}.tool-workspace #start:hover{background:linear-gradient(115deg,#087f6c,#059669)}.tool-meta{display:flex;justify-content:center;gap:24px;margin:16px auto 0;font-size:10px;color:#85918c}.tool-meta a{color:#85918c}.tool-meta b{color:#059669;margin-inline-end:4px;font-weight:500}.selected-files{margin-top:16px;display:flex;flex-direction:column;gap:6px}.selected-file{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#f8faf9;border:1px solid #e8eeeb;border-radius:9px}.selected-file svg{color:#059669;flex-shrink:0}.selected-file span{font-size:12px;color:#4a5d52;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.selected-file small{margin-inline-start:auto;white-space:nowrap;font-size:10px;color:#92a099}.section-heading{text-align:center;max-width:680px;margin:0 auto 28px}.section-heading h2{font-size:26px;letter-spacing:-.7px;line-height:1.3;margin:0 0 12px;color:#172033}.section-heading p{font-size:13px;line-height:1.8;color:#84909e;margin:0}.process-section{margin:64px auto 52px}.process-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.process-steps>div{border:1px solid #e7eced;border-radius:16px;padding:24px}.step-number{background:var(--tint);color:#047857;font-size:13px;font-weight:700;width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.process-steps h3{font-size:15px;line-height:1.5;margin:17px 0 8px;color:#35423b}.process-steps p{font-size:12px;color:#87929f;line-height:1.8;margin:0}.related-tools{position:relative;padding:46px 0}.related-tools:before{content:"";position:absolute;inset:0;left:calc((1120px - 100vw)/2);width:100vw;background:#fafcfc;z-index:-1;border-top:1px solid #eff2f3;border-bottom:1px solid #eff2f3}.tool-card{border-radius:15px;padding:24px;background:white;border-color:#e4e9ed}.table-icon{width:40px;height:40px;border-radius:11px;background:var(--tint);color:#059669;display:grid;place-items:center}.tool-card h2{font-size:16px;font-weight:650;margin:16px 0 7px;line-height:1.4;color:#35443b}.tool-card p{font-size:12px;line-height:1.8;margin-bottom:22px;color:#84909e}.arrow{font-size:17px;right:24px;bottom:16px}.explain{max-width:780px;margin:56px auto}.explain h2{font-size:20px;color:#35403a;letter-spacing:-.3px}.explain p{font-size:13px;line-height:1.9;color:#7e8999}.example-note{margin-top:26px;padding:20px 24px;border-inline-start:2px solid #a5d8bc;background:#f5faf7;border-radius:0 9px 9px 0}.example-note h2{font-size:15px;margin:0 0 8px}.example-note p{margin:0 0 10px}.example-note a{font-size:12px;color:#047857}.home-guides{max-width:780px;margin:56px auto 12px}.guide-links{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.guide-links a{display:flex;justify-content:space-between;gap:15px;font-size:12px;line-height:1.8;border-bottom:1px solid #e9eef0;padding:16px 0;color:#59675e}.guide-links a>span:last-child{color:#8abca1}.footer-inner{max-width:1120px;margin:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:50px;text-align:start}.footer-brand{max-width:340px}.footer-brand p{font-size:12px;color:#8a94a4;line-height:1.9}.footer-inner nav{display:grid;grid-template-columns:1fr 1fr;gap:9px 32px;margin:0;font-size:11px;min-width:230px}.footer-inner nav a{color:#8a94a4}.footer-bottom{max-width:1120px;margin:28px auto 0;padding-top:20px;border-top:1px solid #e9edf3;display:flex;justify-content:space-between;font-size:10px;color:#9ba4b2}footer{padding:38px 24px 28px;background:#fafbfe;border-color:#edf0f5}.article h1{color:#172033;font-weight:750}.article p{font-size:14px;color:#7b8797}.results{gap:18px}.output{padding:0;overflow:hidden;border-radius:18px;border-color:#e5eaee;box-shadow:0 8px 28px #17203904;flex:0 0 calc((100% - 18px)/2);max-width:none}.output h2{font-size:14px;font-weight:650;margin:20px 20px 4px;color:#435349}.output p{font-size:11px;margin:0 20px 18px}.output .table-wrap{border:0;border-top:1px solid #e8ecef;border-bottom:1px solid #e8ecef;border-radius:0;margin:0;max-height:300px;background:#fafcfb;min-height:220px}.output .button{display:flex;margin:20px;font-size:12px;min-height:45px;background:linear-gradient(115deg,#059669,#087f6c);border:0}.output caption{font-size:10px;padding:10px;color:#8b95a2;text-align:start}.output th{background:#f0f6f2;color:#587260;font-size:10px}.output td{font-size:11px;color:#788a7f}.hero.compact + #result>p{font-size:11px;color:#809085}.guide-grid h2{font-size:18px;color:#405148}.guide-grid p{font-size:13px;color:#7e8999}.tool-workspace form>label:not(.check){font-size:12px;color:#657084}.tool-workspace form>label>input,.tool-workspace form>label>select{font-size:12px;padding:10px;border-color:#e4e9ed;background:#fafbfc}
@media(max-width:1159px){header,main{width:calc(100% - 40px)}header:after,main:before,.related-tools:before{left:-20px}}@media(max-width:700px){header,main{width:calc(100% - 28px)}header{min-height:66px;gap:10px;padding:13px 0}.brand img{width:130px;height:34px}header:after,main:before,.related-tools:before{left:-14px}header nav{order:initial;width:auto;gap:14px}header nav a{font-size:10px}header nav a:first-child{display:none}.language{padding:0 5px}.language select{width:90px;font-size:11px}.globe{display:none!important}.hero,.hero.compact{padding:30px 0 3px}.hero h1,.hero.compact h1{font-size:34px;letter-spacing:-1.3px;margin:18px auto 12px}.hero p:not(.eyebrow){font-size:13px;max-width:340px}.tool-tabs{gap:6px;margin:14px auto 18px}.tool-tabs a{font-size:11px;padding:8px 10px}.tool-workspace .panel{padding:17px;border-radius:17px}.file-zone{padding:20px 15px}.file-zone input[type=file]{font-size:11px}.fields{grid-template-columns:1fr 1fr;gap:12px}.tool-workspace .actions #start{width:100%}.process-section{margin:44px auto 34px}.process-steps{grid-template-columns:1fr;gap:12px}.process-steps>div{padding:20px;display:grid;grid-template-columns:36px 1fr;gap:5px 16px}.process-steps h3{margin:0;font-size:14px;align-self:center}.process-steps p{grid-column:2}.step-number{grid-row:1/3}.section-heading h2{font-size:23px}.related-tools{padding:32px 0}.tool-grid{gap:12px}.tool-card{padding:22px}.tool-card p{margin-bottom:20px}.explain{margin:38px auto}.guide-links{grid-template-columns:1fr}.home-guides{margin:38px auto 0}.footer-inner{flex-direction:column;gap:22px}.footer-inner nav{gap:9px 24px}.footer-bottom{margin-top:24px}.output{flex:0 0 86%;max-width:none}.output .table-wrap{max-height:280px}.output .button{margin:16px}.tool-meta{gap:16px}.hero.compact + #result{margin-top:18px}}@media(max-width:390px){header nav{gap:10px}header nav a{font-size:9px}.brand img{width:112px;height:30px}.language select{width:78px}.hero h1,.hero.compact h1{font-size:31px}.fields{grid-template-columns:1fr}.tool-tabs a{font-size:10px;padding:8px}.check{font-size:11px}}
.hero p:not(.eyebrow),.fields label,.file-zone .hint,.tool-meta,.tool-meta a,.section-heading p,.process-steps p,.tool-card p,.explain p,.footer-brand p,.footer-inner nav a,.article p,.guide-grid p{color:#64748b}.advanced,.format-label,.output p,.output caption,.selected-file small{color:#64748b}@media(max-width:390px){header{gap:8px;flex-wrap:nowrap}header nav{margin-inline:auto;gap:0}header nav a:last-child{display:none}.language{flex-shrink:0}.brand{flex-shrink:0}.language select{width:78px}}
@media(max-width:390px){.article h1{font-size:27px;overflow-wrap:anywhere;hyphens:auto;padding-inline-end:4px}}
.result-toolbar{display:flex;justify-content:space-between;align-items:center;margin:18px 0 14px}.result-toolbar>span{font-size:11px;color:#64748b}.result-toolbar>div{display:flex;gap:7px}.carousel-control{border:1px solid #e5e7ee;background:#fff;color:#047857;border-radius:10px;width:38px;height:38px;min-height:38px;padding:0;font-size:20px;font-weight:400}.carousel-control:hover{background:#eef8f4}.carousel-control:disabled{color:#94a3b8;cursor:default;background:#fff;opacity:1}.results.single{display:block;max-width:780px;margin:20px auto}.results.single .output{width:100%}.results.single .table-wrap{max-height:420px}.results:focus-visible,.table-wrap:focus-visible{outline:2px solid #059669;outline-offset:3px}.output .button{position:relative;z-index:1}.table-wrap{overscroll-behavior:contain}
