:root{font-family:Inter,system-ui,sans-serif;color:#112846;background:#f3f6fa;line-height:1.5;--navy:#09284c;--blue:#0758b5;--line:#dbe3ee}
*{box-sizing:border-box}body{margin:0}h1,h2,h3,p{margin:0 0 .65rem}a{color:var(--blue)}header{background:var(--navy);color:white}header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1rem}header a{color:white;text-decoration:none;font-weight:700}.brand{letter-spacing:.08em}.wrap{width:min(1140px,calc(100% - 2rem));margin:auto}main{padding-block:1.6rem 4rem}.hero{background:var(--navy);color:white;border-radius:24px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;margin-bottom:2rem}.hero div{padding:clamp(1.5rem,4vw,4rem);align-self:center}.hero h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.05;letter-spacing:-.045em}.hero img{width:100%;height:100%;object-fit:cover;max-height:430px}.tag{display:inline-block;background:#ffe57e;color:#243958;padding:.25rem .55rem;border-radius:5px;font-size:.8rem;font-weight:800}.panel,fieldset{background:white;border:1px solid var(--line);border-radius:16px;padding:clamp(1rem,3vw,1.6rem);margin:0 0 1rem;min-width:0}.toolbar,.actions{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;margin-block:.7rem}.toolbar label{flex:1 1 135px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:1rem}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:1rem}.card{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.card>img{width:100%;height:250px;object-fit:contain;background:#e5edf5}.card-body{padding:1rem}.card p,.panel p{overflow-wrap:anywhere}.muted,small{color:#48617d}.hero p{color:#dbe8f7}label{display:grid;gap:.25rem;font-size:.9rem;font-weight:650}input,select,textarea,button,.button{font:inherit}input,select,textarea{width:100%;border:1px solid #a7b8cc;border-radius:8px;background:#fff;color:#112846;padding:.55rem .65rem;min-width:0}input[type=checkbox]{width:auto}.check{display:flex;align-items:center;gap:.5rem}textarea{min-height:6rem;resize:vertical}button,.button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:9px;background:var(--blue);color:#fff;padding:.55rem .8rem;font-weight:700;text-decoration:none;min-height:42px}button.secondary,.button.secondary{background:#edf4fc;color:#163f6e;border-color:#d4e1ef}button.danger{background:#fff0f0;color:#961c26}button:disabled{opacity:.55;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e7a814;outline-offset:2px}table{border-collapse:collapse;width:100%;text-align:left}th,td{padding:.75rem;border-bottom:1px solid var(--line);vertical-align:top}td:first-child{overflow-wrap:anywhere}.scroll{overflow:auto}.notice{padding:.7rem 1rem;background:#e5eef9;border-radius:8px;white-space:pre-wrap}.notice:empty,[hidden]{display:none!important}.notice.error{background:#ffe9eb;color:#841f26}dialog{width:min(780px,calc(100% - 1rem));max-height:92vh;border:1px solid var(--line);border-radius:16px;padding:1rem;color:inherit}dialog::backdrop{background:#091a30ab}.gallery{display:flex;flex-wrap:wrap;gap:.65rem}.gallery figure{margin:0;width:135px}.gallery img{width:100%;height:126px;object-fit:contain;background:#eef3f9}.gallery button{font-size:.82rem;margin-bottom:.2rem}.preview{display:block;width:auto;max-width:100%;max-height:55vh;margin:auto}.preview-pages canvas{display:block;max-width:100%;height:auto;margin:0 auto 1rem;border:1px solid var(--line)}.cart-item{padding:.7rem 0;border-bottom:1px solid var(--line)}.cart-item input{width:5rem}.empty{border:1px dashed #9aafc8;padding:2rem;border-radius:12px}.footer{padding-block:1rem 2rem;border-top:1px solid var(--line)}.narrow{max-width:480px}.section{margin:1.4rem 0}.thumbs img{max-width:130px;height:140px;object-fit:contain}.strike{text-decoration:line-through}.status{white-space:nowrap}
@media(max-width:650px){.hero{grid-template-columns:1fr}.hero img{max-height:310px;object-fit:contain}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.card>img{height:180px}.card-body{padding:.65rem}.card h3{font-size:1rem}.wrap{width:calc(100% - 1rem)}header .wrap{padding-inline:.35rem}th,td{padding:.5rem}}