:root{font-family:system-ui,-apple-system,"Malgun Gothic",sans-serif;color:#263349;background:#f7f8fb;font-size:15px}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:18px;padding:20px max(20px,calc((100vw - 1050px)/2));background:white;border-bottom:1px solid #e1e5ed}header strong{font-size:21px;color:#574287}header small{font-size:12px;color:#8d849f}header span{color:#6f7c91;flex:1}main{max-width:1050px;padding:24px 20px;margin:auto}section{background:white;border:1px solid #e0e4ed;border-radius:12px;padding:24px;margin-bottom:20px}h1{font-size:24px;margin:0 0 10px}h2{font-size:19px;margin:0}p{line-height:1.7}label{display:block;font-weight:600;margin:14px 0}input,select{display:block;border:1px solid #ced5e2;border-radius:6px;padding:12px;width:100%;font:inherit;margin-top:7px}button{font:inherit;color:#3b4c68;background:white;border:1px solid #cdd5e4;border-radius:6px;padding:10px 14px;cursor:pointer}button:disabled{opacity:.45;cursor:default}.primary{background:#7560b5;border-color:#7560b5;color:white}.heading,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.hint,footer{color:#748095;font-size:13px}.upload{background:#f8f6fc;border-radius:8px;padding:16px;margin-top:20px}.upload p{margin:9px 0}progress{display:block;width:100%;height:12px;margin-top:14px}.check{display:flex;gap:8px;align-items:center;font-weight:400}.check input{width:auto;margin:0}.files{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.file{border:1px solid #e0e4ed;border-radius:9px;padding:15px;min-width:0}.file h3{font-size:15px;overflow-wrap:anywhere;margin:10px 0}.file p{font-size:12px;color:#6c7990;overflow-wrap:anywhere}.thumbnail{height:140px;background:#f2f4f8;width:100%;object-fit:contain;border-radius:5px}.thumbnail:not([src]){visibility:hidden}.file .buttons{display:flex;gap:6px;flex-wrap:wrap}.file button{font-size:12px;padding:7px 10px}#page-image{display:block;max-width:100%;margin:20px auto}#viewer{position:fixed;inset:20px;overflow:auto;z-index:2;box-shadow:0 0 0 30px #26334988}#status{color:#65518d;overflow-wrap:anywhere}footer{max-width:1050px;margin:auto;padding:0 20px 24px}[hidden]{display:none!important}@media(max-width:700px){header{gap:9px;padding:15px}header span{font-size:12px}header strong{font-size:18px}.files{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:16px 12px}section{padding:16px}#viewer{inset:8px}button{padding:10px}.heading{align-items:flex-start}}@media(max-width:420px){.files{grid-template-columns:1fr}.thumbnail{height:160px}}

.logo{display:block;width:28px;height:28px;object-fit:contain;flex-shrink:0}

button{white-space:nowrap}.heading>div{min-width:0;flex:1}.heading>button{flex-shrink:0}