*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fafafa;min-height:100vh;color:#111}.page{max-width:720px;margin:0 auto;padding:80px 24px}h1{font-size:42px;font-weight:700;letter-spacing:-1px;margin-bottom:16px}.intro{font-size:18px;color:#666;line-height:1.6;margin-bottom:48px}.card{background:#fff;border-radius:16px;padding:32px;margin-bottom:24px;box-shadow:0 1px 3px #0000000f}.card-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#999;margin-bottom:16px}.card p{color:#555;line-height:1.7}.widget-selector{display:flex;gap:12px;align-items:center;margin-bottom:16px}.widget-select{flex:1;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;background:#fff;cursor:pointer}.widget-select:focus{outline:none;border-color:#10b981}.widget-btn{padding:12px 20px;background:#10b981;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.widget-btn:hover{background:#059669}.code{background:#111;border-radius:10px;padding:20px;margin-top:16px;overflow-x:auto}.code code{color:#10b981;font-family:SF Mono,Monaco,monospace;font-size:13px;white-space:pre}.link{display:inline-flex;align-items:center;gap:6px;color:#10b981;text-decoration:none;font-weight:500;font-size:15px;margin-top:16px}.link:hover{text-decoration:underline}.spacer{height:300px;display:flex;align-items:center;justify-content:center;color:#ccc}