*{box-sizing:border-box}body{margin:0;font:16px/1.6 Arial,sans-serif;background:#eaf3fa;color:#102d4b}main{max-width:1060px;margin:auto;padding:28px 20px}header{display:flex;align-items:center;justify-content:space-between;gap:18px}header p{letter-spacing:.2em;color:#076bab;font-weight:bold;margin:0}h1{margin:0;font-size:36px}h2{font-size:23px}a{color:#07599c}section,article,details{background:white;border:1px solid #bfd4e5;border-radius:18px;padding:24px;margin:24px 0}label{display:grid;gap:7px;font-weight:bold;margin:16px 0}input{font:inherit;width:100%;min-width:0;border:1px solid #a9c2d5;border-radius:8px;padding:12px;background:#f6fbff}button{font:inherit;border:0;background:#0868a8;color:white;border-radius:8px;padding:11px 18px;cursor:pointer}button:hover{background:#064d7c}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #23b5ea;outline-offset:3px}.photos{display:grid;grid-template-columns:1fr 1fr;gap:20px}article{margin:0}article img{width:100%;height:250px;object-fit:contain;background:#07334f;border-radius:10px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{font-size:14px}.danger{background:#a32636}.notice,.error{padding:16px;border-radius:9px;background:#d7f4e5}.error{background:#ffe4e6}.status{font-weight:bold;color:#176843}summary{cursor:pointer;font-weight:bold}@media(max-width:650px){.photos{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}section,article{padding:18px}}
fieldset{border:1px solid #bfd4e5;border-radius:12px;margin:20px 0;padding:16px}legend{font-weight:bold;padding:0 8px}textarea{font:inherit;padding:12px;width:100%;border:1px solid #a9c2d5;border-radius:8px;resize:vertical}.check{display:flex;align-items:center;gap:12px}.check input{width:20px;height:20px}
select{font:inherit;padding:12px;border:1px solid #a9c2d5;border-radius:8px;background:#f6fbff;width:100%}.item-preview{width:160px;height:180px;object-fit:contain}nav.actions{margin:24px 0}nav.actions a{padding:10px;background:white;border-radius:8px}summary{overflow-wrap:anywhere}
.upload-preview{margin:16px 0}.upload-preview[hidden]{display:none}.upload-preview p{font-weight:normal}.preview-banner{aspect-ratio:16/9;position:relative;overflow:hidden;background:#07334f}.preview-banner img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.preview-product{aspect-ratio:4/5;max-width:240px;background:#eef5fa}.preview-product img{width:100%;height:100%;object-fit:contain}