:root { --bg:#0f172a; --card:#111827; --muted:#94a3b8; --text:#e5e7eb; --accent:#22c55e; }
  html,body{height:100%}
  body{margin:0;background:linear-gradient(180deg,#0b1220,#0f172a 20%,#0f172a);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}
  .container{max-width:980px;margin:32px auto;padding:0 16px}
  h1{font-size:clamp(22px,3.5vw,32px);letter-spacing:.02em;margin:0 0 12px}
  p.lead{color:var(--muted);margin:0 0 24px}
  .grid{display:grid;gap:14px;grid-template-columns:repeat(12,1fr)}
  .card{grid-column:span 12;background:linear-gradient(180deg,#0b1020,#0f172a);border:1px solid #1f2937;border-radius:16px;padding:16px 16px 12px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
  @media(min-width:900px){
    .col-6{grid-column:span 6}
    .col-4{grid-column:span 4}
    .col-8{grid-column:span 8}
  }
  .card h2{font-size:16px;margin:0 0 8px;color:#cbd5e1}
  label{font-size:13px;color:#cbd5e1;display:block;margin-bottom:6px}
  input[type="text"],input[type="number"],textarea,select{
    width:100%;background:#0b1220;border:1px solid #253042;color:var(--text);
    border-radius:10px;padding:10px 12px;outline:none;transition:.15s;border-color:#243244
  }
  textarea{min-height:110px;resize:vertical}
  .row{display:flex;gap:10px;align-items:center}
  .row input[type="number"]{max-width:130px}
  .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
  .chip{background:#0b1220;border:1px solid #243244;border-radius:999px;padding:6px 10px;font-size:12px}
  .kvs{display:grid;grid-template-columns:1fr 1fr;gap:8px}

  .equip-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .equip-item{display:flex;gap:8px;align-items:center}
  .muted{color:var(--muted);font-size:12px}

  .btnbar{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
  button{appearance:none;border:1px solid #1f2937;background:#111827;color:var(--text);
    border-radius:12px;padding:10px 14px;font-weight:600;cursor:pointer;transition:.15s}
  button.primary{background:var(--accent);border-color:#16a34a;color:#052e16}
  button:hover{transform:translateY(-1px)}
  .small{font-size:12px}
  .right{margin-left:auto}
  .footer{margin-top:18px;font-size:12px;color:#93a3b8}
  .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
  .prompt{white-space:pre-wrap}
  .tech-footer{margin-top:3rem;padding-bottom:1rem;text-align:left;font-size:0.75rem;color:#cbd5e1}
  .tech-footer a{color:inherit;text-decoration:none}
  .tech-footer a:hover{text-decoration:underline}