*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:#fff;color:#111}
button,input{font:inherit}
.page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:72px 16px}
.box{width:100%;max-width:620px}
h1{font-size:24px;margin:0 0 8px;font-weight:600}
.desc{margin:0 0 20px;color:#666;font-size:14px}
.form-card{border:1px solid #ddd;padding:16px;background:#fff}
.fc-row{display:flex;gap:8px}
.fc-input{flex:1;min-width:0;height:42px;border:1px solid #ccc;padding:0 12px;outline:none;background:#fff;color:#111}
.fc-input:focus{border-color:#888}
.fc-btn,.fcr-cp{height:42px;border:1px solid #222;background:#222;color:#fff;padding:0 16px;cursor:pointer}
.fc-btn:disabled{opacity:.6;cursor:not-allowed}
.fbs{display:none}
.fc-btn.loading .fbt{opacity:.65}
.fc-result{display:none;margin-top:12px;border-top:1px solid #eee;padding-top:12px;gap:8px;align-items:center}
.fc-result.show{display:flex}
.fcr-url{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#333}
.fcr-cp{height:34px;padding:0 12px;background:#fff;color:#111;border-color:#bbb}
.fcr-cp.copied{border-color:#555}
@media(max-width:560px){.page{padding-top:40px}.fc-row{flex-direction:column}.fc-btn{width:100%}.fc-result{align-items:stretch;flex-direction:column}.fcr-cp{width:100%}}