*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f3f4f6;color:#1f2937;display:flex;align-items:center;justify-content:center;padding:1.5rem}#root{display:flex;align-items:center;justify-content:center;width:100%}#app{background:#fff;border-radius:10px;padding:2rem;max-width:560px;width:100%;box-shadow:0 4px 16px #00000014}h1{font-size:1.4rem;font-weight:700;margin-bottom:.4rem}.subtitle{font-size:.9rem;color:#6b7280;margin-bottom:1.5rem}label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.4rem}textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;resize:vertical;min-height:130px;font-family:inherit;transition:border-color .15s}textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.btn{display:inline-block;padding:.65rem 1.4rem;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-primary{background:#2563eb;color:#fff;margin-top:1rem}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-primary:disabled{background:#93c5fd;cursor:not-allowed}.btn-secondary{background:#fff;color:#2563eb;border:1px solid #2563eb;font-size:.85rem;padding:.45rem 1rem;margin-top:.75rem}.btn-link{display:inline-flex;align-items:center;padding:.45rem .75rem;border:none;background:transparent;color:#2563eb;font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:underline;margin-top:1rem}.btn-link:hover{background:#2563eb14}.btn-secondary:hover{background:#eff6ff}.result-box{margin-top:1.5rem;padding:1rem;border-radius:6px;border:1px solid #d1fae5;background:#f0fdf4}.url-display{font-family:Courier New,monospace;font-size:.85rem;word-break:break-all;color:#1e3a5f;background:#e0f2fe;padding:.6rem .75rem;border-radius:4px;border:1px solid #bae6fd;margin-top:.5rem}.secret-box{font-family:Courier New,monospace;font-size:.9rem;white-space:pre-wrap;word-break:break-word;background:#fefce8;border:1px solid #fde68a;border-radius:6px;padding:1rem;margin-top:1rem}.banner{padding:.75rem 1rem;border-radius:6px;font-size:.875rem;margin-bottom:1.25rem}.banner-warning{background:#fffbeb;border:1px solid #fcd34d;color:#92400e}.banner-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.error{color:#dc2626;font-size:.875rem;margin-top:.75rem}.muted{color:#6b7280;font-size:.8rem;margin-top:.75rem}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}