.works-shell{background:#f7f8fa}.works-page{max-width:1240px;min-height:calc(100vh - 56px);font-family:var(--font-sans);margin:0 auto;padding:40px 20px 96px}.works-page__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.works-page__title{color:#191f28;letter-spacing:-.03em;margin:0;font-size:26px;font-weight:700}.works-page__subtitle{color:#8b95a1;letter-spacing:-.02em;margin:6px 0 0;font-size:14px}.works-page__create{color:#fff;letter-spacing:-.02em;cursor:pointer;background:#d97757;border:none;border-radius:10px;align-items:center;gap:7px;min-height:42px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:600;transition:background .18s;display:inline-flex}.works-page__create:hover{background:#c15f3c}.works-grid{grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:24px 20px;display:grid}.works-card{flex-direction:column;min-width:0;display:flex;position:relative}.works-card__thumb-wrap{position:relative}.works-card__star{z-index:2;color:#b0b8c1;width:28px;height:28px;box-shadow:none;cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:0;transition:color .15s;display:inline-flex;position:absolute;top:8px;right:8px}.works-card__star:hover,.works-card__star.is-on{color:#f5a524}.works-card__star:focus-visible{outline-offset:2px;outline:2px solid #d97757}.works-card__thumb{aspect-ratio:3/2;cursor:pointer;background:#fff;border:1px solid #e5e8eb;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:0;transition:border-color .18s;display:flex;position:relative;overflow:hidden}.works-card:hover .works-card__thumb{border-color:#d977578c}.works-card__thumb img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%}.works-card__thumb-loading{background:linear-gradient(100deg,#f1f3f5 40%,#fafbfc 50%,#f1f3f5 60%) 0 0/200% 100%;animation:1.4s infinite works-shimmer;position:absolute;inset:0}@keyframes works-shimmer{0%{background-position:120% 0}to{background-position:-80% 0}}.works-card__thumb-empty{color:#b0b8c1;letter-spacing:-.02em;flex-direction:column;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.works-card__meta{min-width:0;padding:10px 34px 0 2px;position:relative}.works-card__name{color:#191f28;letter-spacing:-.02em;text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:none;width:100%;margin:0;padding:0;font-family:inherit;font-size:14px;font-weight:600;display:block;overflow:hidden}.works-card__name:hover{color:#c15f3c}.works-card__info{color:#8b95a1;letter-spacing:-.01em;margin:3px 0 0;font-size:12px}.works-card__rename{color:#191f28;letter-spacing:-.02em;background:#fff;border:1px solid #d97757;border-radius:6px;outline:none;width:100%;padding:2px 6px;font-family:inherit;font-size:14px;font-weight:600;box-shadow:0 0 0 3px #d9775724}.works-card__menu-wrap{position:absolute;top:8px;right:0}.works-card__menu-trigger{color:#8b95a1;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:background .15s,color .15s,opacity .15s;display:inline-flex}.works-card:hover .works-card__menu-trigger,.works-card__menu-trigger[aria-expanded=true]{opacity:1}.works-card__menu-trigger:hover,.works-card__menu-trigger[aria-expanded=true]{color:#191f28;background:#eceef1}.works-card__menu{z-index:20;background:#fff;border:1px solid #e5e8eb;border-radius:10px;min-width:138px;padding:5px;position:absolute;top:30px;right:0;box-shadow:0 12px 32px #191f2824}.works-card__menu button{color:#333d4b;letter-spacing:-.02em;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.works-card__menu button:hover{background:#f2f4f6}.works-card__menu-danger,.works-card__menu .works-card__menu-danger{color:#dc2626}.works-card__menu .works-card__menu-danger:hover{background:#fef2f2}.works-empty{text-align:center;background:#fff;border:1px dashed #d9dee3;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:96px 20px;display:flex}.works-empty__icon{color:#d97757;background:#fdf0eb;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:6px;display:inline-flex}.works-empty h2{color:#191f28;letter-spacing:-.03em;margin:0;font-size:19px;font-weight:700}.works-empty p{color:#8b95a1;letter-spacing:-.02em;margin:0 0 18px;font-size:14px}.works-card--skeleton .works-card__thumb{cursor:default;background:linear-gradient(100deg,#f1f3f5 40%,#fafbfc 50%,#f1f3f5 60%) 0 0/200% 100%;animation:1.4s infinite works-shimmer}.works-card__skeleton-line{background:#e9ecef;border-radius:6px;width:60%;height:14px;display:block}@media (max-width:640px){.works-page{padding:28px 16px 72px}.works-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px 14px}.works-page__title{font-size:22px}}