.architecture-library{margin:24px 0 40px}.architecture-intro{padding:36px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(ellipse at 85% 0,#71948a28,transparent 65%),var(--surface)}.architecture-intro small{letter-spacing:2px;font-size:10px;color:var(--muted)}.architecture-intro h2{font-size:clamp(30px,3.7vw,49px);line-height:1.1;margin:18px 0}.architecture-intro p{max-width:680px;line-height:1.8}.architecture-toolbar{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;margin:28px 0 14px}.architecture-toolbar button{padding:10px 14px;border:1px solid var(--line);border-radius:30px;background:transparent;color:var(--muted);margin-right:5px}.architecture-toolbar button[aria-pressed=true]{background:var(--surface);color:var(--ink);border-color:var(--green)}.architecture-toolbar input{padding:12px 16px;border:1px solid var(--line);border-radius:12px;width:280px}.architecture-count{font-size:13px}.architecture-caption{font-size:11px!important;line-height:1.6;color:var(--muted)}.architecture-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:22px}.architecture-card{padding:8px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:18px;text-align:left;overflow:hidden}.architecture-card img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px;transition:transform .35s}.architecture-card>div{padding:14px 6px 8px}.architecture-card strong{display:block;font-size:16px;font-weight:500}.architecture-card span{display:block;font-size:12px;color:var(--muted);margin:9px 0;line-height:1.6}.architecture-card small{font-size:9px;letter-spacing:1px;color:var(--green)}.architecture-dialog{padding:28px;max-width:740px;background:var(--surface);color:var(--ink)}.architecture-dialog-head{display:flex;justify-content:space-between;gap:20px}.architecture-dialog-head h2{margin:7px 0;font-size:32px}.architecture-dialog button{padding:12px 17px;border-radius:10px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}.architecture-dialog label{display:block;margin:20px 0}.architecture-dialog textarea{width:100%;min-height:270px;font-size:13px;line-height:1.7}.reference-actions{display:flex;gap:10px;flex-wrap:wrap}#apply-reference{background:#bfd8c6;color:#163121}.ll-work:has(.architecture-library){padding:28px}.architecture-dialog::backdrop{background:#050b09c9;backdrop-filter:blur(8px)}@media(hover:hover){.architecture-card:hover{border-color:var(--green)}.architecture-card:hover img{transform:scale(1.02)}}@media(max-width:1200px){.architecture-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.architecture-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.architecture-grid{grid-template-columns:1fr}.architecture-intro{padding:22px}.ll-work:has(.architecture-library){padding:16px}.architecture-toolbar input{width:100%}}@media(prefers-reduced-motion:reduce){.architecture-card img{transition:none}}
.reference-photo{width:100%;max-height:300px;object-fit:cover;border-radius:12px;margin-top:16px}.reference-tags a{color:var(--green);font-size:12px}.architecture-card small{display:block;margin-top:8px}.architecture-card img[hidden]{display:none}.architecture-card:has(img[hidden]){min-height:320px}
.studio-reference-selected{display:flex;align-items:center;gap:18px;border:1px solid var(--green);padding:15px;border-radius:14px;background:#73948216;margin-bottom:8px}.studio-reference-selected img{width:85px;height:95px;object-fit:cover;border-radius:9px}.studio-reference-selected small{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.studio-reference-selected strong{display:block;font-size:21px;margin:5px 0}.studio-reference-selected p{font-size:12px;margin:0}.architecture-card[aria-pressed=true]{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}