*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#fff;color:#15243d;font:16px/1.55 Inter,system-ui,sans-serif}header{border-bottom:1px solid #e7edf6;padding:18px clamp(20px,6vw,84px);font-weight:750}header span{color:#16776a;margin-right:6px}main{max-width:720px;margin:clamp(48px,10vh,105px) auto;padding:0 20px;text-align:center}h1{font-size:clamp(38px,8vw,58px);letter-spacing:-.065em;margin:0}p{color:#52647f;margin:6px 0 28px}button,a{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}:focus-visible{outline:3px solid #12756a;outline-offset:4px}#pick{width:100%;min-height:218px;display:grid;place-content:center;justify-items:center;gap:7px;border:2px dashed #82b8ad;border-radius:22px;background:#eef8f5;color:#124e46}#pick:hover,#pick.drag{background:#dff2ec}.plus{display:grid;place-items:center;width:62px;height:62px;border-radius:19px;background:#11665c;color:white;font-size:40px;line-height:1;margin-bottom:7px}small{color:#42675f}ol{padding:0;list-style:none;text-align:left;margin:14px 0}ol:empty,#status:empty{display:none}li{display:flex;align-items:center;gap:6px;padding:9px;border-bottom:1px solid #e7edf6}li span{flex:1;min-width:0;overflow-wrap:anywhere}li button{border:1px solid #d5e9e4;background:#fff;color:#124e46;border-radius:8px;min-width:36px;min-height:36px}#merge,#download{display:inline-block;background:#11665c;color:white;border:0;border-radius:12px;padding:12px 24px;text-decoration:none;font-weight:700;margin:5px}#status{margin:12px 0}.privacy{font-size:14px;margin:18px 0}
.plus{position:relative}
.plus::before,.plus::after{content:"";position:absolute;inset:50% auto auto 50%;width:28px;height:4px;border-radius:2px;background:white;transform:translate(-50%,-50%)}
.plus::after{transform:translate(-50%,-50%) rotate(90deg)}
#result{display:grid;justify-items:center;gap:8px;margin-bottom:16px;padding:20px;border:1px solid #abd2c8;border-radius:18px;background:#eef8f5}
#result #download{width:min(100%,380px);padding:16px;font-size:1.15rem}
#result #download:hover{background:#124e46}
#progress{display:block;width:min(100%,380px);margin:12px auto 0;accent-color:#11665c}
.header-inner{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:inline-flex;align-items:center;gap:10px;color:#15243d;text-decoration:none;font-size:1.2rem;letter-spacing:-.035em}
header .brand-mark{position:relative;flex:none;width:36px;height:36px;margin:0;background:#11665c;border-radius:10px}
.brand-mark::before,.brand-mark::after{content:"";position:absolute;width:12px;height:15px;border:1.5px solid white;border-radius:3px}
.brand-mark::before{top:8px;left:9px;opacity:.55}
.brand-mark::after{top:12px;left:14px;background:#11665c}
header .local-label{margin:0;color:#52647f;font-size:.8rem;font-weight:550}
.language{display:flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #abd2c8;border-radius:9px;background:#eef8f5}
header .language span{margin:0}
.language select{max-width:min(42vw,180px);border:0;background:transparent;color:#124e46;font:inherit;font-size:.9rem;padding:5px 2px;cursor:pointer}

.language-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2px 8px;
  max-width: 620px;
  margin: 32px auto 0;
  padding: 14px 8px 4px;
  border-top: 1px solid #dbe8e5;
}
.language-links a {
  padding: 3px 9px;
  border-radius: 6px;
  color: #48635e;
  font-size: .82rem;
  text-decoration: none;
}
.language-links a:hover,
.language-links a:focus-visible,
.language-links a[aria-current="page"] {
  background: #e5f3ef;
  color: #124e46;
}
.language-links a[aria-current="page"] { font-weight: 650; }
.tool-menu{position:relative;margin-left:auto}
.tool-menu summary{cursor:pointer;color:#124e46;font-size:.9rem}
.tool-menu nav{position:absolute;z-index:1;right:0;top:calc(100% + 8px);min-width:155px;padding:5px;background:white;border:1px solid #dbe8e5;border-radius:9px;box-shadow:0 6px 20px #15243d18}
.tool-menu a{display:block;padding:7px 10px;color:#124e46;text-decoration:none;font-size:.88rem;white-space:nowrap}
.tool-menu a:hover,.tool-menu a:focus-visible{background:#eef8f5}
#range-panel{margin:16px 0}
#ranges{width:min(100%,180px);margin:6px;padding:8px;border:1px solid #82b8ad;border-radius:8px;font:inherit}

.preview-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin:12px 0}
.preview-controls button{padding:5px 12px;border:1px solid #abd2c8;border-radius:8px;background:#eef8f5;color:#124e46}
#pdf-view{display:block;width:100%;height:clamp(300px,60vh,620px);border:1px solid #dbe8e5;border-radius:12px}
 .tool-menu nav{width:min(260px,64vw)}.tool-menu a{white-space:normal;text-align:left;border-radius:6px}.tool-menu a small{display:block;font-weight:400}.tool-menu a[aria-current="page"]{background:#eef8f5}
