:root{color-scheme:light;--bg: #f4f1ea;--ink: #1c1a17;--muted: #5c564e;--line: #d9d2c5;--card: #fffdf8;--accent: #2f4a3c;--accent-ink: #f7f4ee;--danger: #8c2f2f;--notice: #6a4b16;font-family:PingFang HK,Noto Sans CJK TC,Noto Sans TC,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--ink)}button,input{font:inherit}.page{width:min(100%,32rem);margin:0 auto;padding:1.5rem 1.25rem 2.5rem;display:flex;flex-direction:column;gap:.85rem}.eyebrow{margin:0;color:var(--muted);letter-spacing:.08em}h1{margin:0;font-size:1.75rem;line-height:1.25}.lead{margin:0;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.7rem 1rem;border:0;border-radius:999px;background:var(--accent);color:var(--accent-ink);text-decoration:none;cursor:pointer}.button:disabled{opacity:.55;cursor:not-allowed}.button.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.actions{display:flex;flex-direction:column;gap:.65rem}.dropzone{display:grid;min-height:12rem;place-items:center;padding:1.25rem;border:1.5px dashed var(--line);border-radius:1rem;background:var(--card);text-align:center;cursor:pointer}.dropzone.dragover{border-color:var(--accent);background:#eef3ef}.dropzone input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.error{margin:0;color:var(--danger)}.notice{margin:0;color:var(--notice)}.crop-page{min-height:100dvh}.cropper-frame{position:relative;height:min(68dvh,28rem);border-radius:1rem;overflow:hidden;background:#111}.zoom{display:grid;gap:.35rem;color:var(--muted)}.preview{width:min(100%,16rem);aspect-ratio:4 / 5;object-fit:cover;border-radius:.75rem;background:var(--card);align-self:center}.view-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;padding:.25rem;border:1px solid var(--line);border-radius:999px;background:var(--card)}.view-switch button{min-height:2.6rem;padding:.35rem .2rem;border:0;border-radius:999px;background:transparent;color:var(--ink);font-size:.92rem;cursor:pointer}.view-switch button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.sheet{position:relative;width:min(100%,18rem);aspect-ratio:2 / 3;align-self:center;border-radius:.35rem;background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px #1c1a1714;overflow:hidden}.sheet-grid{position:absolute;left:50%;top:50%;width:78.74015748%;height:98.42519685%;transform:translate(-50%,-50%);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:0}.sheet.landscape{width:min(100%,24rem);aspect-ratio:3 / 2}.sheet-grid.cols-3{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.sheet-grid img{width:100%;height:100%;object-fit:cover}@media(min-width:48rem){.page{padding-top:3rem}}