.public-url-panel{
  display:grid;
  grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr);
  gap:18px;
  align-items:center;
  background:
    linear-gradient(180deg,rgba(0,184,255,.075),rgba(0,184,255,.025));
  border:1px solid rgba(0,184,255,.28);
  border-radius:16px;
  padding:16px 18px;
  margin-bottom:15px;
}
.public-url-panel h2{
  margin:3px 0 4px;
  font-size:18px;
}
.public-url-panel p{
  margin:0;
  color:var(--muted);
  font-size:12px;
}
.public-url-box{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:8px;
  align-items:center;
}
.public-url-box input{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:12px;
}
.copy-feedback{
  grid-column:2;
  color:var(--cyan);
  min-height:16px;
  font-size:11px;
}
@media(max-width:820px){
  .public-url-panel{
    grid-template-columns:1fr;
  }
  .public-url-box{
    grid-template-columns:1fr;
  }
  .public-url-box .btn{
    width:100%;
  }
  .copy-feedback{
    grid-column:1;
  }
}