/* Approved works-navigation-20261012-v1, live API records. */
.works-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:23px}
.works-filters{display:flex;gap:6px}.works-filter{min-height:39px;padding:9px 15px;border-radius:9px;font-size:13px;color:var(--muted)}
.works-filter:hover{background:var(--surface);color:var(--text)}.works-filter[aria-pressed=true]{color:var(--lime);background:#dfff4010;box-shadow:inset 0 0 0 1px #dfff4025;font-weight:600}
.works-search{display:flex;align-items:center;gap:9px;width:252px;padding:0 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;color:var(--muted)}
.works-search input{border:0;background:transparent;padding:10px 0;min-height:39px;font-size:12px;min-width:0;width:100%}.works-search:focus-within{outline:2px solid var(--focus);outline-offset:2px}
.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 22px}.works-card{min-width:0}.works-card-button{display:block;width:100%;padding:0;text-align:left;border-radius:12px}
.works-art{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:12px;background:#1b1b24;border:1px solid #ffffff06}
.works-art img,.works-art canvas{width:100%;height:100%;object-fit:contain}.works-badge{position:absolute;left:11px;top:11px;padding:4px 8px;border-radius:6px;background:#0b0b10d9;color:#eeeef5;font-size:10px}
.works-media-action{display:flex;justify-content:center;align-items:center;position:absolute;left:11px;bottom:11px;width:35px;height:35px;border:1px solid #ffffff2b;border-radius:50%;background:#0b0b10ba;color:white}.works-media-action svg{width:19px;height:19px}
.works-card-button:hover .works-media-action{color:var(--lime);border-color:#dfff4060}.works-card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.65;min-height:46px;margin:11px 0 4px;font-weight:600;overflow-wrap:anywhere}.works-card p{margin:0;color:var(--muted);font-size:11px}
.works-no-cover{display:flex;flex-direction:column;align-items:center;gap:9px;color:#9498a9;font-size:12px}.works-audio-art{background:#211a32}.works-audio svg{color:#b9a0ff;width:53px;height:53px}
.works-state{min-height:260px;padding:38px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;border:1px solid var(--border);background:var(--surface);border-radius:12px}.works-state h3,.works-state p{margin:0}.works-state p{max-width:420px;color:var(--muted);font-size:13px}
.creation-back{display:inline-flex;align-items:center;gap:8px;margin:0 0 22px;color:var(--muted);font-size:13px;min-height:34px}.creation-back svg{transform:rotate(180deg)}.creation-back:hover{color:var(--lime)}
.works-dialog .dialog-body{padding:0}.works-detail-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr)}.works-preview-pane{min-width:0;padding:24px;background:#121219}.works-info-pane{min-width:0;padding:24px}
.works-dialog .tc-section{border:0;background:transparent}.works-dialog .tc-section-body{padding:0}.works-dialog .tc-section-head{padding:0 0 16px;border:0}.works-dialog .tc-result-media{height:min(50vh,460px);min-height:280px;background:#09090e;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}.works-dialog .tc-result-media img,.works-dialog .tc-result-media video{width:100%;height:100%;max-height:none;object-fit:contain}.works-dialog .tc-image-open{height:100%;width:100%}.works-dialog .tc-result-media audio{width:90%}
.works-info-pane h3{font-size:14px;margin:0 0 17px}.works-info{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;font-size:12px;margin:0 0 22px}.works-info dt{color:var(--muted)}.works-info dd{margin:0;overflow-wrap:anywhere}.works-input{border-top:1px solid var(--border);padding:17px 0;margin-bottom:17px}.works-input>summary{cursor:pointer;font-size:13px}.works-input>.tc-section{margin-top:18px}.works-info-pane>.btn{width:100%;font-size:12px}.works-dialog .tc-feedback{padding:0 24px}
@media(max-width:1100px){.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.works-toolbar{flex-direction:column;align-items:stretch;gap:12px}.works-search{width:100%}.works-filters{justify-content:space-between}.works-filter{flex:1;padding:9px 10px}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 13px}.works-card h3{font-size:12px;min-height:40px;margin-top:8px}.works-card p{font-size:10px}.works-badge{left:7px;top:7px;padding:3px 5px;font-size:9px}.works-media-action{left:7px;bottom:7px;width:29px;height:29px}.works-detail-layout{grid-template-columns:minmax(0,1fr)}.works-preview-pane,.works-info-pane{padding:18px}.works-dialog .tc-result-media{height:40vh;min-height:230px}}