:root{font-family:Arial,Helvetica,sans-serif;color:#222a2c;background:#f7f5f1;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0}header{padding:20px 5%;display:flex;justify-content:space-between;border-bottom:1px solid #d3d9d7;background:#fff}header a{color:#1c5654;text-decoration:none}header small{display:block;color:#616b6c}main{max-width:1200px;margin:40px auto;padding:0 24px 80px}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{font-size:40px}h2{font-size:28px}label{display:block;font-size:16px;margin:16px 0}input,textarea,select{display:block;width:100%;padding:12px;border:1px solid #a8b4ae;border-radius:4px;background:white;color:#222;font:inherit;margin:6px 0}input[type=checkbox]{width:22px;height:22px;display:inline-block;vertical-align:middle}textarea{min-height:100px}button,.button{display:inline-block;padding:12px 22px;background:#1c5654;border:0;border-radius:4px;color:white;cursor:pointer;font:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:wait}a{color:#1c5654}.panel{background:#fff;padding:24px;border:1px solid #d3d9d7;margin:24px 0;border-radius:8px}.narrow{max-width:650px}.notice{background:#e3eee8;padding:16px}.error{background:#fce7e2;color:#842a1e}.toolbar{position:sticky;top:0;z-index:2;background:#f7f5f1f5;border-bottom:1px solid #ccc;padding:14px 0;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.art-grid .panel{margin:0}.art-grid img{width:100%;height:190px;object-fit:contain;background:#f7f5f1}.hint{color:#5d6864;font-size:14px}.row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.row>*{flex:1}details{margin:18px 0}summary{cursor:pointer;font-size:23px;font-family:Georgia,serif;padding:16px 0}#upload-status{white-space:pre-line}form.logout{display:inline}nav{display:flex;gap:20px;flex-wrap:wrap}section{scroll-margin-top:100px}input:focus,textarea:focus,select:focus,button:focus-visible{outline:2px solid #1c5654;outline-offset:3px}@media(max-width:800px){.art-grid{grid-template-columns:1fr 1fr}}@media(max-width:550px){.art-grid{grid-template-columns:1fr}main{padding:0 16px 50px}header{gap:20px}h1{font-size:32px}}

[hidden]{display:none!important}