*,:before,:after{box-sizing:border-box}body{color:#1a1a1a;background:#f5f5f5;min-height:100dvh;margin:0;padding:16px;font-family:system-ui,-apple-system,sans-serif}.container{max-width:720px;margin:0 auto}header{margin-bottom:24px}h1{letter-spacing:-.5px;margin:0 0 4px;font-size:1.5rem;font-weight:700}.subtitle{color:#666;margin:0;font-size:.9rem}#form{gap:8px;margin-bottom:16px;display:flex}#url-input{border:1.5px solid #ddd;border-radius:8px;outline:none;flex:1;min-width:0;padding:10px 14px;font-size:.95rem;transition:border-color .15s}#url-input:focus{border-color:#646cff}#submit-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#646cff;border:none;border-radius:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:background .15s}#submit-btn:hover:not(:disabled){background:#535bf2}#submit-btn:disabled{opacity:.5;cursor:not-allowed}#status{min-height:24px;margin-bottom:8px;font-size:.9rem}#status.error{color:#d32f2f}#status.loading{color:#666}#result{background:#fff;border:1.5px solid #e0e0e0;border-radius:10px;overflow:hidden}.result-header{background:#fafafa;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}#result-title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;font-weight:600;overflow:hidden}#copy-btn{color:#646cff;cursor:pointer;background:0 0;border:1.5px solid #646cff;border-radius:6px;flex-shrink:0;padding:6px 14px;font-size:.85rem;font-weight:600;transition:background .15s,color .15s}#copy-btn:hover{color:#fff;background:#646cff}#output{resize:vertical;color:#1a1a1a;background:0 0;border:none;outline:none;width:100%;min-height:320px;padding:16px;font-family:Menlo,Monaco,Consolas,monospace;font-size:.82rem;line-height:1.6;display:block}