*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;min-height:100vh}.container{max-width:900px;margin:0 auto;padding:20px}h1{color:#333;margin-bottom:20px}h2{color:#555;margin-bottom:15px}.card{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}input[type=text],input[type=url],textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:monospace;margin-bottom:10px}textarea{min-height:120px;resize:vertical}button{background:#0070f3;color:#fff;border:none;padding:12px 24px;border-radius:4px;cursor:pointer;font-size:14px;margin-right:10px;margin-bottom:10px}button:hover{background:#0051cc}button.secondary{background:#666}button.secondary:hover{background:#444}.nav{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.nav a{padding:10px 20px;background:#fff;border-radius:4px;text-decoration:none;color:#333;box-shadow:0 2px 4px rgba(0,0,0,.1)}.nav a:hover{background:#0070f3;color:#fff}.decoded{background:#f8f9fa;padding:15px;border-radius:4px;margin-top:15px}.decoded pre{white-space:pre-wrap;word-break:break-all;font-size:13px}.header{color:#e74c3c}.payload{color:#27ae60}.signature{color:#3498db}.error{color:#e74c3c;padding:10px;background:#ffeaea;border-radius:4px;margin-top:10px}.url-list{margin-top:20px}.url-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f8f9fa;border-radius:4px;margin-bottom:8px}.url-item code{font-size:12px;color:#666}.qr-container{text-align:center;padding:20px}.qr-container canvas{margin:20px auto}