*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#1a1a1a;color:#e0e0e0;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.container{max-width:800px;width:100%}h1{font-size:2.5rem;margin-bottom:.5rem;text-align:center;color:#fff}.subtitle{text-align:center;color:#a0a0a0;margin-bottom:1.5rem;font-size:1.1rem}.mobile-notice{background:#2a4a6a;border:1px solid #3a5a7a;border-radius:8px;padding:16px;margin-bottom:2rem;text-align:center}.mobile-notice p{margin:0;color:#e0e0e0;font-size:.95rem;line-height:1.5}.examples-section{margin-bottom:2rem}.examples-section h2{font-size:1.3rem;margin-bottom:1rem;color:#fff;text-align:center}.example-links{display:flex;flex-direction:column;gap:12px}.example-link{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#2a2a2a;border:2px solid #333;border-radius:8px;text-decoration:none;color:#e0e0e0;transition:all .2s;cursor:pointer}.example-link:hover{background:#333;border-color:#4a9eff;transform:translateY(-2px)}.link-icon{font-size:1.5rem}.link-text{font-size:1rem;font-weight:500}.youtube-link:hover{border-color:red}.linkedin-link:hover{border-color:#0077b5}.divider{text-align:center;margin:2rem 0;position:relative}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#333}.divider span{background:#1a1a1a;padding:0 16px;color:#666;position:relative;font-size:.9rem}.input-section{display:flex;gap:10px;margin-bottom:2rem}.url-input{flex:1;padding:12px 16px;font-size:1rem;border:2px solid #333;border-radius:8px;background:#2a2a2a;color:#e0e0e0;font-family:Monaco,Menlo,Courier New,monospace}.url-input:focus{outline:none;border-color:#4a9eff}.generate-btn{padding:12px 24px;font-size:1rem;background:#4a9eff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s}.generate-btn:hover{background:#3a8eef}.generate-btn:active{background:#2a7edf}.output-section{background:#2a2a2a;border-radius:8px;padding:24px;border:1px solid #333}.output-section.hidden{display:none}.output-section h2{font-size:1.5rem;margin-bottom:1rem;color:#fff}.toggle-btn{width:100%;padding:12px 16px;background:#333;border:1px solid #444;border-radius:6px;color:#e0e0e0;font-size:.95rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;transition:background .2s}.toggle-btn:hover{background:#3a3a3a}.toggle-icon{font-size:.8rem;transition:transform .2s}.deep-links-content{margin-top:1rem}.deep-links-content.hidden{display:none}.json-output{background:#1a1a1a;padding:16px;border-radius:6px;overflow-x:auto;font-family:Monaco,Menlo,Courier New,monospace;font-size:.9rem;line-height:1.5;color:#e0e0e0;border:1px solid #333;white-space:pre-wrap;word-wrap:break-word}