#gen-screen{
  background:#f6f6f7;
  color:#1f2328;
  min-height:100vh;
}
.gen-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}
.gen-card{
  width:min(440px,100%);
  background:#fff;
  border:1px solid #e7e7e9;
  border-radius:14px;
  padding:32px 28px;
}
.brand{display:none}
.gen-title{font-size:20px;font-weight:600;text-align:center;margin:0 0 6px;letter-spacing:-.2px}
.gen-sub{text-align:center;color:#6b7280;font-size:13.5px;margin-bottom:26px;line-height:1.5}

.label{font-size:12px;color:#6b7280;font-weight:500;margin:0 0 9px}

.engines{display:flex;gap:8px;margin-bottom:22px}
.engine{
  flex:1;
  display:flex;flex-direction:column;align-items:center;gap:6px;
  border:1px solid #e3e3e6;background:#fff;border-radius:10px;
  padding:12px 6px;cursor:pointer;text-align:center;
  transition:border-color .12s,background .12s;
}
.engine:hover{background:#fafafa}
.engine.sel{border-color:#1f2328;background:#f5f5f6}
.engine .eico{width:22px;height:22px;display:flex;align-items:center;justify-content:center}
.engine .eico svg{width:22px;height:22px}
.engine .ename{font-size:12.5px;font-weight:500;color:#374151}
.engine .edesc,.engine .tick{display:none}

.qbox{
  width:100%;min-height:80px;resize:vertical;
  background:#fff;border:1px solid #e3e3e6;border-radius:10px;
  color:#1f2328;font-size:14px;padding:12px 14px;outline:none;
  font-family:inherit;line-height:1.5;
}
.qbox:focus{border-color:#9ca3af}
.qbox::placeholder{color:#9ca3af}

.gen-btn{
  margin-top:18px;width:100%;border:0;border-radius:10px;cursor:pointer;
  padding:13px;font-size:14.5px;font-weight:600;color:#fff;
  background:#1f2328;transition:background .12s;
}
.gen-btn:hover{background:#33383f}

.result{margin-top:20px;display:none}
.result.show{display:block}
.result-label{font-size:12.5px;color:#15803d;font-weight:500;margin-bottom:8px}
.link-row{display:flex;gap:8px}
.link-row input{flex:1;min-width:0;background:#f6f6f7;border:1px solid #e3e3e6;border-radius:9px;color:#374151;font-size:13px;padding:11px 12px;outline:none}
.copy-btn{background:#1f2328;color:#fff;border:0;border-radius:9px;padding:0 18px;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.copy-btn:hover{background:#33383f}
.hint{font-size:12px;color:#9ca3af;margin-top:10px;text-align:center}