:root{color-scheme:light;--ink:#183330;--muted:#526c65;--line:#cfdbd3;--paper:#f5f5ed;--accent:#b9d8ba}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:1040px;margin:auto;padding:28px 36px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:24px;font-size:13px;letter-spacing:.09em}header .brand{font-weight:800}#connection{color:var(--muted)}.intro{padding:45px 0 25px;max-width:760px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;color:var(--muted)}h1{font-size:clamp(30px,5vw,49px);letter-spacing:-.04em;line-height:1.08;margin:14px 0 20px;font-weight:650}h2{font-size:20px;letter-spacing:-.025em;margin:0}.intro>p:not(.eyebrow){max-width:680px}.notice{font-size:14px;color:var(--muted);border-left:3px solid #b7cabb;padding-left:14px}form,#result{border:1px solid var(--line);background:#fffefa;border-radius:12px;padding:26px}.form-heading,.result-heading{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:23px}.presets{display:flex;gap:8px}.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 22px}label{font-size:13px;font-weight:600}label span{font-weight:400;color:var(--muted)}input{display:block;width:100%;font:15px/1.4 inherit;background:white;border:1px solid #b9c9bf;border-radius:5px;padding:10px 12px;margin-top:6px;color:var(--ink)}input:focus{outline:2px solid #7aa28a;outline-offset:2px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}button{font:600 13px/1.3 system-ui;cursor:pointer;padding:11px 14px;border:1px solid #b6c8bc;border-radius:5px;background:transparent;color:var(--ink)}button:hover{background:#eaf0e8}button:disabled{opacity:.5;cursor:default}.primary{background:var(--ink);border-color:var(--ink);color:white}.primary:hover{background:#2b514a}.presets button{font-size:12px;padding:7px 10px}#status{margin:20px 0;padding:12px 15px;background:#e8eee5;border-radius:6px;font-size:14px;overflow-wrap:anywhere}#status.error{background:#f6e3d8;color:#7c3023}#status.success{background:#dcebdc}#result{margin-top:22px}#release-label{font-family:ui-monospace,monospace;font-size:12px;color:var(--muted)}.sample{padding:20px 0;border-top:1px solid var(--line)}.sample:first-child{padding-top:0;border-top:0}.value{font-size:36px;font-weight:650;letter-spacing:-.05em;margin:6px 0}.sample h3{margin:0;font-size:15px}.sample p{font-size:14px;margin:6px 0;color:var(--muted)}.digest{font:11px/1.6 ui-monospace,monospace;overflow-wrap:anywhere}summary{font-weight:600;cursor:pointer;padding:12px 0;border-top:1px solid var(--line)}.credit{font-size:13px;margin:14px 0}.credit p{margin:4px 0}a{color:#23634c}footer{padding:28px 0 20px;color:var(--muted);font-size:12px}code{font-family:ui-monospace,monospace}@media(max-width:700px){main{padding:20px}.intro{padding-top:30px}.fields{grid-template-columns:1fr}.form-heading{align-items:start;flex-direction:column}form,#result{padding:20px}.presets{flex-wrap:wrap}.actions button{width:100%}header{font-size:11px}}

.raster-preview{display:block;max-width:min(100%,480px);max-height:320px;width:auto;height:auto;margin:18px 0 8px;border:1px solid var(--line);background:repeating-conic-gradient(#e5e9e2 0 25%,#fff 0 50%) 50%/16px 16px;image-rendering:pixelated}.value{overflow-wrap:anywhere}@media(max-width:900px){.form-heading{align-items:start;flex-direction:column}.presets{flex-wrap:wrap}}