.works-page{width:min(1080px,100% - 32px);color:var(--did-text);margin:0 auto;padding:44px 0 72px}.works-heading{max-width:720px}.works-heading span{color:var(--did-ink);font-size:14px;font-weight:800}.works-heading h1{margin:6px 0 8px;font-size:clamp(2rem,6vw,3.4rem);line-height:1.05}.works-heading p{color:var(--did-muted);margin:0;font-size:16px;line-height:1.65}.works-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;margin-top:30px;display:grid}.work-card{border:1px solid var(--did-line);box-shadow:0 8px 24px rgba(var(--did-shadow), .08);background:#fff;border-radius:18px;overflow:hidden}.work-card a{color:inherit;text-decoration:none;display:block}.work-card img,.work-placeholder{aspect-ratio:4/3;object-fit:cover;background:var(--did-soft);width:100%;display:block}.work-placeholder{color:var(--did-muted);place-items:center;font-weight:800;display:grid}.work-copy{gap:6px;padding:14px;display:grid}.work-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.work-copy small{color:var(--did-muted);font-size:13px}.works-empty{border:2px dashed var(--did-line);text-align:center;background:var(--did-surface);border-radius:20px;margin-top:30px;padding:42px 20px}.works-empty div{font-size:44px}.works-empty h2{margin:10px 0 5px}.works-empty p{color:var(--did-muted)}.works-page .works-empty a,.works-page .works-classroom a{background:var(--did-ink);color:#fff;border-radius:11px;align-items:center;min-height:42px;padding:9px 15px;font-weight:800;text-decoration:none;display:inline-flex}.works-alert{color:#9f1239;background:#fff1f2;border-radius:12px;margin-top:24px;padding:13px}.works-classroom{background:var(--did-soft);border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-top:34px;padding:20px;display:flex}.works-classroom p{color:var(--did-muted);margin:5px 0 0;line-height:1.5}@media (max-width:560px){.works-page{width:min(100% - 24px,1080px);padding-top:28px}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.work-copy{padding:10px}.works-classroom{flex-direction:column;align-items:flex-start}}@media (max-width:350px){.works-grid{grid-template-columns:1fr}}.works-folders{border:1px solid var(--did-line);background:#fff;border-radius:16px;gap:12px;margin-top:32px;padding:18px;display:grid}.works-folder-tabs,.works-folder-create,.works-selection{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.works-folder-tabs button,.works-folder-create button,.works-selection button,.works-selection select,.works-folder-create input{border:1px solid var(--did-line);min-height:42px;color:var(--did-text);background:#fff;border-radius:10px;padding:8px 12px}.works-folder-tabs button,.works-folder-create button,.works-selection button{cursor:pointer;align-items:center;gap:6px;font-weight:750;display:inline-flex}.works-folder-tabs button[aria-pressed=true]{border-color:var(--did-ink);background:var(--did-soft);color:var(--did-ink)}.works-folder-create input{width:min(240px,100%)}.works-selection{z-index:4;background:color-mix(in srgb, var(--did-soft) 92%, white);box-shadow:0 5px 16px rgba(var(--did-shadow), .08);border-radius:14px;margin-top:14px;padding:12px;position:sticky;top:8px}.works-selection strong{margin-right:auto}.works-delete-selected{color:#9c3521!important}.works-selection button:disabled,.works-folder-create button:disabled{cursor:default;opacity:.45}@media (max-width:560px){.works-folders{padding:12px}.works-selection{top:4px}.works-selection strong{order:-1;width:100%}}