/* lw-home.css — home page: hero CTA, model quick actions, recent projects, works feed */
.lw-hero{display:block;background:#1F1F1F;border:1px dashed rgba(255,255,255,.14);border-radius:16px;
  height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  margin-bottom:22px;transition:border-color .15s,background .15s,transform .15s;}
.lw-hero:hover{border-color:rgba(75,125,255,.4);background:#232323;}
.lw-hero .lw-plus{width:56px;height:56px;border-radius:14px;background:#fff;display:flex;align-items:center;
  justify-content:center;color:#111;transition:transform .15s;}
.lw-hero:hover .lw-plus{transform:scale(1.06);}
.lw-hero .lw-plus svg{width:26px;height:26px;}
.lw-hero span{font-size:14px;color:rgb(210,210,210);}

.lw-models{display:grid;grid-template-columns:repeat(8,1fr);gap:14px;margin-bottom:28px;}
.lw-model{background:#1F1F1F;border:1px solid rgba(255,255,255,.08);border-radius:12px;height:76px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  transition:border-color .15s,transform .15s,background .15s;}
.lw-model:hover{border-color:rgba(75,125,255,.4);background:#232323;transform:translateY(-2px);}
.lw-model svg{width:22px;height:22px;color:rgb(220,220,220);transition:color .15s;}
.lw-model:hover svg{color:#7DD3FC;}
.lw-model span{font-size:12px;color:rgb(200,200,200);}

.lw-sec-head{display:flex;align-items:center;justify-content:space-between;margin:26px 0 14px;}
.lw-sec-head h2{font-size:16px;font-weight:700;}
.lw-sec-head a{font-size:13px;color:rgb(150,150,150);}
.lw-sec-head a:hover{color:#fff;}

.lw-projgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.lw-proj{background:#1F1F1F;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;display:block;
  transition:border-color .15s,transform .15s,box-shadow .15s;}
.lw-proj:hover{border-color:rgba(75,125,255,.4);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3);}
.lw-proj .lw-thumb{height:104px;background:#26262B center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:rgb(110,110,110);}
.lw-proj .lw-thumb svg{width:26px;height:26px;}
.lw-proj .lw-pbody{padding:10px 12px;}
.lw-proj .lw-pname{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lw-proj .lw-pdate{font-size:12px;color:rgb(130,130,130);margin-top:3px;}

.lw-feedgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.lw-work{background:#1F1F1F;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;display:block;}
.lw-work:hover{border-color:rgba(255,255,255,.2);}
.lw-work .lw-wthumb{height:128px;background:#26262B center/cover no-repeat;position:relative;}
.lw-work .lw-wthumb-empty{display:flex;align-items:center;justify-content:center;color:#555;}
.lw-work .lw-wthumb-empty svg{width:28px;height:28px;opacity:.5;}
.lw-work .lw-wbody{padding:10px 12px;}
.lw-work .lw-wtitle{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lw-work .lw-wmeta{font-size:11.5px;color:rgb(130,130,130);margin-top:4px;display:flex;gap:8px;}
.lw-chiprow{display:flex;align-items:center;gap:10px;margin-top:30px;padding-top:18px;
  border-top:1px solid rgba(255,255,255,.06);}
.lw-chiprow button{height:30px;padding:0 13px;border-radius:8px;background:rgba(255,255,255,.06);
  border:0;color:rgb(220,220,220);font-size:12.5px;cursor:pointer;}
.lw-chiprow button.on{background:#4B7DFF;color:#fff;}
.lw-chiprow .lw-search{margin-left:auto;width:240px;}

/* ===== LW-114 mobile: model row 8-col would crush on narrow screens — responsive reflow ===== */
@media(max-width:1100px){.lw-models{grid-template-columns:repeat(4,1fr);gap:12px;}}
@media(max-width:768px){
  .lw-models{grid-template-columns:repeat(3,1fr);gap:10px;}
  .lw-model{height:64px;}
  .lw-chiprow{flex-wrap:wrap;gap:8px;margin-top:22px;}
  .lw-chiprow .lw-search{margin-left:0;width:100%;}
}
@media(max-width:480px){.lw-models{grid-template-columns:repeat(2,1fr);gap:8px;}}