:root{color-scheme:light;--uch-bg:#f2f5f7;--uch-panel:#fff;--uch-ink:#15202b;--uch-soft:#4c5d6b;--uch-accent:#006b5f;--uch-accent2:#005347;--uch-danger:#b00020;--uch-border:#d4dde4}*{box-sizing:border-box}body.url-capture-page{margin:0;background:radial-gradient(circle at 85% 10%,#d7ece8 0,transparent 40%),radial-gradient(circle at 10% 90%,#d9e7f3 0,transparent 38%),var(--uch-bg);color:var(--uch-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",Roboto,sans-serif;line-height:1.45}.url-capture-page main{width:min(960px,calc(100% - 32px));margin:20px auto 40px;display:grid;gap:14px}.url-capture-page .panel{background:var(--uch-panel);border:1px solid var(--uch-border);border-radius:12px;padding:14px;box-shadow:0 5px 14px rgba(14,30,44,.06)}.url-capture-page h1{margin:0;font-size:clamp(1.1rem,1rem + .6vw,1.45rem)}.url-capture-page p{margin:8px 0 0;color:var(--uch-soft)}.field{display:grid;gap:6px;margin-bottom:12px}.field>label{font-weight:650}.field input[type=url],.field input[type=text],.field input[type=number],.field select{width:100%;border:1px solid var(--uch-border);border-radius:8px;padding:8px 10px;background:#fff;color:var(--uch-ink)}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.crop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mode,.buttons{display:flex;flex-wrap:wrap;gap:10px}.mode label{display:flex;gap:6px;align-items:center}.url-capture-page button{appearance:none;border:0;border-radius:8px;padding:9px 14px;font-weight:650;cursor:pointer;background:#d9e3ea;color:#173042}.url-capture-page button.primary{background:var(--uch-accent);color:#fff}.url-capture-page button.primary:hover{background:var(--uch-accent2)}.preview-wrap{border:1px solid var(--uch-border);border-radius:10px;overflow:hidden;background:#102535;min-height:180px;display:grid;place-items:center}#previewCanvas{display:block;width:100%;max-height:64vh;touch-action:none;cursor:crosshair}#previewHint{margin-top:8px;color:var(--uch-soft);font-size:.92rem}#status{min-height:1.2em;font-weight:650;color:var(--uch-accent2);margin-top:6px}#status.error{color:var(--uch-danger)}.kbd{display:inline-block;border:1px solid #9db1be;border-bottom-width:2px;border-radius:6px;padding:0 6px;background:#f8fbfc;color:#1f3a4a;font-family:Consolas,"Cascadia Mono",monospace;font-size:.9em}@media(max-width:760px){.url-capture-page main{width:calc(100% - 20px)}.split{grid-template-columns:1fr}.crop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}