:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1c1917;background:#fafaf9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#fafaf9}a{color:inherit}.shell{min-height:100vh;display:grid;place-items:center;padding:48px 24px}.card{width:min(100%,680px);padding:48px;border:1px solid #e7e5e4;background:#fafaf9}.home-card{width:min(100%,680px)}.eyebrow{color:#78716c;font-size:11px;font-weight:600;letter-spacing:.08em;line-height:1.4}h1{margin:24px 0 12px;color:#1c1917;font-family:Georgia,Times New Roman,serif;font-size:40px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.desc{max-width:560px;margin:0 0 36px;color:#57534e;font-size:17px;line-height:1.8}.back{display:inline-block;margin-bottom:24px;color:#78716c;font-size:13px;text-decoration:none}.back:hover{color:#1c1917}.feature-list{display:grid;margin-top:48px;border-top:1px solid #e7e5e4}.feature{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-bottom:1px solid #e7e5e4;text-decoration:none}.feature:hover{background:#f5f5f4}.feature span{display:grid;gap:8px;padding-left:12px}.feature strong{color:#1c1917;font-size:17px;font-weight:600}.feature small{color:#a8a29e;font-size:13px;line-height:1.5}.feature b{padding-right:12px;color:#78716c;font-size:24px;font-weight:400}label{display:grid;gap:8px;margin:24px 0;color:#57534e;font-size:13px;font-weight:600}input{width:100%;height:48px;padding:12px 16px;border:1px solid #d6d3d1;border-radius:0;outline:0;color:#1c1917;background:#fafaf9;font:inherit;font-size:15px;font-weight:400}input::placeholder{color:#a8a29e}input:focus{border-color:#78716c;box-shadow:0 0 0 2px #fafaf9,0 0 0 4px #78716c}.result{display:grid;gap:8px;margin:36px 0 24px;padding:16px;border:1px solid #e7e5e4;background:#f5f5f4;color:#78716c;font-size:13px}.result code{overflow-wrap:anywhere;color:#1c1917;font-family:Consolas,monospace;line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:12px}button,.button{min-height:48px;padding:12px 24px;border:1px solid #78716c;border-radius:0;color:#fafaf9;background:#78716c;font:inherit;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none}button:hover,.button:hover{background:#57534e}.secondary{color:#78716c;background:transparent;border-color:#d6d3d1}.secondary:hover{color:#57534e;background:#f5f5f4}.status{min-height:24px;margin:16px 0 0;color:#a8a29e;font-size:13px}@media(max-width:600px){.shell{padding:24px 16px}.card{padding:36px 24px}h1{font-size:32px}}