:root{--ink:#171717;--muted:#727272;--line:#e7e7e7;--paper:#fff;--bg:#f5f5f3;--accent:#171717;--danger:#a52828;--success:#247245}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Noto Sans JP",sans-serif;line-height:1.6}.site-header{height:72px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand{color:var(--ink);font-weight:700;text-decoration:none}.container{max-width:1180px;margin:auto;padding:48px 24px 80px}.page-heading,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.page-heading{margin-bottom:32px}.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--muted);margin:0 0 4px}h1,h2,p{margin-top:0}h1{font-size:32px;margin-bottom:0}h2{font-size:19px;margin-bottom:0}.button{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font-weight:650;text-decoration:none;cursor:pointer}.button-primary,.button-publish{background:var(--accent);border-color:var(--accent);color:#fff}.button-publish{width:100%;padding:15px}.button-quiet{background:#fff}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.stats div{background:#fff;border:1px solid var(--line);padding:20px;border-radius:10px}.stats strong{font-size:28px;display:block}.stats span{font-size:13px;color:var(--muted)}.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:22px}.section-heading{padding-bottom:18px}.section-heading span{color:var(--muted);font-size:13px}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.photo-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;cursor:pointer}.photo-card img,.photo-grid.compact img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.photo-meta{display:block;padding:10px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field{display:block;font-size:13px;font-weight:650;margin-bottom:16px}.field textarea,.field input,.login-card input{width:100%;margin-top:7px;border:1px solid #ccc;border-radius:7px;padding:12px;font:inherit;resize:vertical}.draft-row{display:grid;grid-template-columns:68px 1fr auto;gap:15px;align-items:center;border-top:1px solid var(--line);padding:14px 0;color:var(--ink);text-decoration:none}.draft-row img{width:68px;height:68px;object-fit:cover;border-radius:6px}.draft-row p{font-size:13px;color:var(--muted);margin:3px 0 0}.status{font-size:12px;padding:5px 9px;border-radius:20px;background:#eee}.status-posted{background:#e1f4e8;color:var(--success)}.status-error{background:#f8e2e2;color:var(--danger)}.notice{padding:13px 16px;margin-bottom:18px;border-radius:7px;background:#ececec}.notice-error{background:#f8e2e2;color:#7a1919}.notice-success{background:#e1f4e8;color:#18512f}.editor-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.photo-grid.compact{grid-template-columns:repeat(2,1fr);margin:0}.button-row{display:flex;gap:8px}.publish-box{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.confirm{display:block;font-size:13px;margin-bottom:12px}.empty{color:var(--muted);font-size:14px}.login-card{max-width:420px;margin:60px auto;background:#fff;padding:32px;border:1px solid var(--line);border-radius:12px}.login-card label{display:block;font-size:13px;font-weight:650;margin:16px 0}.login-card .button{width:100%}
@media(max-width:760px){.container{padding:28px 16px 60px}.page-heading{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:repeat(2,1fr)}.photo-grid{grid-template-columns:repeat(2,1fr)}.editor-layout{grid-template-columns:1fr}.draft-row{grid-template-columns:56px 1fr}.draft-row img{width:56px;height:56px}.draft-row .status{grid-column:2}.site-header{padding:0 16px}}