.design-workspace h1,.design-workspace h3{overflow-wrap:anywhere}.design-connection{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 16px;background:var(--bg);border:1px solid var(--line);border-radius:8px;margin-bottom:22px}.design-connection p{font-size:12px;line-height:1.6;flex:1;min-width:220px;color:var(--sub)}.design-connection .tag{align-self:center}
.design-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.design-summary>div{border:1px solid var(--line);border-radius:8px;padding:18px}.design-summary strong{display:block;font-size:26px;font-weight:500;margin-bottom:9px}.design-summary span{font-size:11px;color:var(--sub)}
.design-workspace .creative-filters{padding:16px;margin:24px 0}.design-workspace .creative-filters .field{flex:1 1 160px}.design-workspace .creative-filters input,.design-workspace .creative-filters select{height:38px}
.design-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr));gap:20px}.design-card.panel{padding:0;overflow:hidden;margin:0;display:flex;flex-direction:column}.design-card-image{padding:0;border:0;background:var(--bg);width:100%;cursor:pointer}.design-card-image img{width:100%;height:190px;object-fit:contain;display:block}.design-card-empty{height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;background:var(--bg);color:var(--sub);font-size:14px;text-align:center;padding:16px}.design-card-empty small{font-size:11px}.design-card-content{padding:18px;display:flex;flex-direction:column;flex:1;align-items:flex-start;gap:10px}.design-card-content h3{margin:0;line-height:1.6}.design-card-content .creative-excerpt{margin:0;-webkit-line-clamp:3}.design-card-content>.btn{margin-top:auto}.design-card-content .tag{white-space:normal}
.design-detail-top{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0}.design-detail-top>.tag{align-self:center}.design-detail-top>.actions{width:100%;margin-top:6px}.design-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:22px 0}.design-preview figure{min-width:0;margin:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--paper)}.design-preview figcaption{padding:14px 16px;font-size:12px;font-weight:500;background:var(--bg)}.design-preview figure img{display:block;width:100%;height:340px;object-fit:contain;background:#eef1f1}.design-preview figure>.muted{padding:12px;font-size:10px;overflow-wrap:anywhere}.design-preview-empty{height:340px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;color:var(--sub);line-height:1.8;padding:20px}.design-reference-tabs{display:flex;gap:8px;padding:10px}.design-reference-tabs .btn{min-width:40px;min-height:40px}.design-reference-tabs .btn[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.design-result-actions{margin:18px 0}.design-references{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin:16px 0;max-width:100%;min-width:0}.design-references img{width:100%;height:110px;object-fit:contain;background:var(--bg);border:1px solid var(--line);border-radius:6px}.design-references figure{margin:0;min-width:0}.design-references a{text-decoration:none;min-width:0}.design-references figcaption,.design-references span{display:block;font-size:10px;line-height:1.5;overflow-wrap:anywhere;color:var(--sub);margin-top:5px}.design-guides{padding:12px;background:var(--bg);border-radius:6px}.design-guides .actions{margin-top:5px}
.design-result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.design-result-thumb{display:flex;flex-direction:column;gap:8px;padding:10px;text-align:left;background:var(--paper);border:2px solid var(--line);border-radius:8px;min-width:0;cursor:pointer;color:var(--ink)}.design-result-thumb[aria-pressed=true]{border-color:var(--ink)}.design-result-thumb img{width:100%;height:140px;object-fit:contain;background:var(--bg)}.design-result-thumb strong{font-size:11px;overflow-wrap:anywhere}.design-result-thumb span{font-size:10px;color:var(--sub)}.design-job-history{padding:14px 18px;background:var(--bg);border-radius:8px;font-size:12px;line-height:1.7;margin:20px 0}.design-job-history summary{cursor:pointer}.design-job-history p{margin-top:8px}
@media(max-width:800px){.design-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.design-preview figure img,.design-preview-empty{height:260px}.design-workspace .page-heading{flex-wrap:wrap}}
@media(max-width:600px){.design-workspace .creative-filters .field{flex-basis:100%}.design-preview{grid-template-columns:1fr}.design-preview figure img,.design-preview-empty{height:260px}.design-connection{align-items:flex-start}.design-connection p{min-width:0;flex-basis:100%}.design-summary>div{padding:14px}.design-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-result-thumb img{height:110px}.design-detail-top .btn,.design-result-actions .btn{min-height:44px}}

.design-workspace .creative-filters{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(2,minmax(160px,1fr));align-items:end}.design-filter-actions{justify-content:flex-start;align-items:center;min-height:38px}@media(max-width:800px){.design-workspace .creative-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.design-workspace .creative-filters{grid-template-columns:1fr}}