.comic-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px}.comic-toolbar p{margin-bottom:0}.comic-tools{min-width:240px;flex-basis:340px}.comic-tools label{display:block;margin-bottom:6px}.comic-tools input,.comic-tools button{min-height:44px}.comic-tools .actions{margin-top:10px;flex-wrap:wrap}.comic-status{color:#f5e8c8;margin:25px 0}.comic-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:24px}.comic-card{overflow:hidden;padding:0;min-width:0;display:flex;flex-direction:column}.comic-cover{border:0;border-radius:0;padding:0;background:#e8dfca;display:block;width:100%;cursor:zoom-in;min-height:180px}.comic-cover img{display:block;width:100%;height:300px;object-fit:contain}.comic-card-copy{padding:22px;display:flex;flex:1;flex-direction:column}.comic-card h2{font-size:24px;overflow-wrap:anywhere}.comic-card p{overflow-wrap:anywhere}.comic-card .actions{margin-top:auto;padding-top:12px;flex-wrap:wrap}.comic-date{font-size:11px;color:#7a6546;letter-spacing:.06em}.comic-upload-preview{max-height:320px;max-width:100%;object-fit:contain;margin:12px 0}.comic-gallery button:focus-visible{outline:3px solid #bd8c43;outline-offset:-3px}#comicDesk{margin:24px 0}#comicDesk form{max-width:650px}#comicDesk textarea{box-sizing:border-box;width:100%;font:inherit;padding:12px;border:1px solid var(--line);border-radius:8px}#comicReader{width:min(960px,94vw);max-width:94vw;box-sizing:border-box;padding:24px;max-height:94dvh;overflow:auto;background:#fff7e6;color:#173c2b;border:2px solid #bd8c43;border-radius:18px}#comicReader img{display:block;width:100%;height:auto}#comicReader h2{padding-right:80px;overflow-wrap:anywhere}#comicReader p{overflow-wrap:anywhere}.reader-close{position:sticky;top:0;float:right;min-height:44px;z-index:1;background:#173c2b;color:#fff4d5}dialog::backdrop{background:#041a15dc}#comicLogin{max-width:min(420px,90vw);box-sizing:border-box}#comicLogin input{max-width:100%}@media(max-width:900px){.comic-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.comic-toolbar{display:block}.comic-tools{min-width:0;margin-top:20px}.comic-gallery{grid-template-columns:1fr}.comic-cover img{height:320px}.comic-card-copy{padding:20px}#comicReader{padding:14px}.hero h1{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){#comicReader{scroll-behavior:auto}}
