:root{font-family:system-ui,-apple-system,sans-serif;color:#203f4b;background:#f0f5f6;font-size:14px}*{box-sizing:border-box}body{margin:0;padding-bottom:90px}header{padding:28px 32px 22px;background:white;border-top:5px solid #22768a;display:flex;justify-content:space-between;gap:20px}h1{font-size:26px;margin:7px 0}h2{font-size:18px}p{line-height:1.6;color:#607986}small{letter-spacing:2px;color:#508697}nav{display:flex;align-items:center;gap:16px}a{color:#176d84;text-decoration:underline;text-underline-offset:3px}button,select,input{font:inherit;border:1px solid #c8dce2;border-radius:7px;padding:10px;background:white;color:inherit;min-height:40px}button{cursor:pointer}button:hover{border-color:#24869a;background:#eaf6f8}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e6a82b;outline-offset:2px}.toolbar{position:sticky;top:0;z-index:3;padding:12px 24px;background:#f0f5f6ef;display:flex;gap:8px;border-bottom:1px solid #d3e2e6}.toolbar input{flex:1;min-width:120px}.layout{display:grid;grid-template-columns:235px 1fr;gap:24px;padding:24px}aside{background:#fff;border:1px solid #d4e3e6;border-radius:12px;padding:18px;align-self:start;position:sticky;top:82px}aside label{display:block;margin:14px 0;font-size:12px;color:#54717e}aside select{display:block;width:100%;margin-top:7px}aside p{font-size:12px}label.check{display:flex;align-items:center;gap:7px}label.check input{min-height:0}.summary{display:flex;justify-content:space-between;padding:10px 0 18px;gap:10px}#message{padding:10px;background:#e4f0f3;border-radius:7px;line-height:1.5}#message:empty{display:none}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.card{padding:4px;background:white;border:1px solid #d5e3e7;border-radius:10px;position:relative;min-width:0}.card.selected{border:2px solid #16778d;padding:3px;background:#e5f5f8}.art{position:relative;width:100%;aspect-ratio:1;background-color:#f0f5f6;background-image:conic-gradient(#d7e2e5 25%,transparent 0 50%,#d7e2e5 0 75%,transparent 0);background-size:16px 16px;display:flex;align-items:center;justify-content:center;border:0;padding:8px}.art img{max-width:100%;max-height:100%;object-fit:contain}.card .open{position:absolute;right:7px;bottom:7px;width:30px;height:30px;min-height:30px;padding:0;border-radius:50%;font-size:22px;line-height:1;background:#fffffff2;box-shadow:0 1px 4px #2343}.card .open:hover{background:#dff1f5}.tick{position:absolute;top:8px;left:8px;border-radius:50%;background:#fff;color:#176d84;padding:3px 7px;pointer-events:none;box-shadow:0 1px 5px #2345}.pages{display:flex;justify-content:center;gap:20px;align-items:center;margin:24px 0}footer{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:2px solid #26879b;padding:12px 24px;display:flex;gap:10px;align-items:center;justify-content:center;z-index:5;box-shadow:0 -4px 18px #27445212}footer[hidden]{display:none}.danger{background:#9c3940;color:white;border-color:#9c3940}.danger:hover{background:#7e2d33;color:white}dialog{border:0;border-radius:14px;box-shadow:0 15px 80px #1236;max-width:min(94vw,1100px);max-height:92vh;padding:24px;color:inherit}dialog::backdrop{background:#17384399}#preview{width:1100px}.dialogtop{display:flex;justify-content:space-between;gap:8px;margin-bottom:14px}.previewlayout{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.checker{background-color:#fff;background-image:conic-gradient(#dae3e6 25%,transparent 0 50%,#dae3e6 0 75%,transparent 0);background-size:20px 20px}#stage{height:62vh;overflow:auto;display:grid;place-items:center;border-radius:8px}#stage.white{background:#fff}#stage.black{background:#18262c}#large{max-width:100%;max-height:100%;object-fit:contain}#large.zoomed{max-width:none;max-height:none}#sources{max-height:28vh;overflow:auto;font-size:12px}#sources p{padding-bottom:10px;border-bottom:1px solid #dce7ea}.controls{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}#login{max-width:420px}#login input{display:block;width:100%;margin:10px 0}#loginError{color:#9c3940}.samples{display:flex;gap:8px;flex-wrap:wrap}.samples img{width:70px;height:70px;object-fit:contain;background:#eef3f5}.historyRow{padding:15px 0;border-bottom:1px solid #d5e3e7}#filters{display:none}@media(max-width:760px){header{padding:18px;display:block}h1{font-size:22px}header p{font-size:12px;margin-bottom:12px}nav{justify-content:space-between}.toolbar{padding:10px;flex-wrap:wrap}.toolbar input{flex-basis:65%}.toolbar button,.toolbar select{font-size:12px;padding:8px}#filters{display:block}.layout{display:block;padding:10px}aside{display:none;position:static;margin-bottom:14px}aside.visible{display:block}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.summary{font-size:12px;display:block}footer{padding:8px;gap:6px;flex-wrap:wrap;font-size:12px}footer button{font-size:12px;padding:7px;min-height:34px}footer strong{width:100%;text-align:center}body{padding-bottom:155px}.previewlayout{display:block}#stage{height:42vh}dialog{padding:14px}#sources{max-height:none}.dialogtop button{font-size:12px;padding:7px}}
@media(max-width:760px){#selectionHint{display:block;margin-top:6px;color:#607986}}