/* ============================================================
   NewEra · Prompt trading page — lock-card additions
   (loads after feature-generate.css; reuses all base tokens)
   ============================================================ */

.lockcard{margin:46px 0 10px;border:1px solid var(--hair);border-radius:14px;background:var(--surface);overflow:hidden}
.lock-head{display:flex;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid var(--hair);font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--ink-mute);letter-spacing:.02em}
.lock-head .live{width:7px;height:7px;border-radius:50%;background:var(--lime)}

.lock-grid{display:grid;grid-template-columns:1fr 1fr}
.lock-side{padding:24px 22px;border-right:1px solid var(--hair)}
.lock-side:last-child{border-right:0}
.lock-side.unlocked{background:rgba(199,240,63,.035)}

.lock-state{display:inline-flex;align-items:center;gap:9px;font-family:"JetBrains Mono",monospace;font-size:11.5px;letter-spacing:.04em;color:var(--ink-mute);margin-bottom:16px}
.lock-state .ls-ic{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;flex:0 0 auto}
.lock-state .ls-ic.locked{background:var(--surface-2);border:1px solid var(--hair);color:var(--ink-mute)}
.lock-state .ls-ic.open{background:var(--lime);color:var(--lime-ink)}

.lock-title{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:18px;color:var(--ink);margin-bottom:12px}

/* result image preview — always visible (this is what sells the prompt) */
.lock-preview{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--hair);margin-bottom:16px;aspect-ratio:16/10}
.lp-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.lock-preview .lp-tag{position:absolute;left:10px;bottom:10px;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.05em;
  color:var(--ink-soft);background:rgba(0,0,0,.6);border:1px solid var(--hair);padding:4px 9px;border-radius:6px}

.lock-body{font-size:14.5px;line-height:1.6;color:var(--ink-soft);border:1px solid var(--hair);border-radius:10px;padding:14px;background:var(--bg);min-height:96px}
.lock-body.blurred{position:relative;color:var(--ink-mute)}
.lock-body.blurred span{filter:blur(5px);user-select:none;display:block}
.lock-body.blurred::after{content:"locked";position:absolute;inset:0;display:grid;place-items:center;font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.08em;color:var(--ink-soft);text-transform:uppercase}

.lock-foot{margin-top:12px;font-family:"JetBrains Mono",monospace;font-size:11.5px;letter-spacing:.03em;color:var(--ink-faint)}
.lock-foot.open{color:var(--lime)}

@media(max-width:620px){
  .lock-grid{grid-template-columns:1fr}
  .lock-side{border-right:0;border-bottom:1px solid var(--hair)}
  .lock-side:last-child{border-bottom:0}
}