.work-preview { width: max-content; max-width: 100%; display: grid; gap: 10px; border-radius: 14px; overflow: hidden; background: #f3f3f5; }
.work-preview img,.work-preview video { display: block; width: auto; max-width: 100%; height: auto; max-height: min(420px,46vh); object-fit: contain; }
.work-preview img[role="button"] { cursor: zoom-in; }
.record-card a { color: inherit; text-underline-offset: 3px; }
.work-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; }
.work-download,.work-regenerate { width: 38px; height: 38px; display: inline-grid; place-items: center; padding: 0; border: 1px solid #ddd9ea; border-radius: 11px; background: #fff; color: #31285f; cursor: pointer; box-shadow: 0 1px 2px rgba(25,18,52,.05); transition: border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease; }
.work-download svg,.work-regenerate svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.work-download:hover,.work-regenerate:hover { border-color: #b9acec; background: #f6f3ff; color: #5135bd; box-shadow: 0 4px 12px rgba(74,50,145,.11); transform: translateY(-1px); }
.work-download:focus-visible,.work-regenerate:focus-visible { outline: 3px solid rgba(91,65,194,.2); outline-offset: 2px; }
.work-regenerate:disabled { cursor: wait; opacity: .62; transform: none; }
.work-regenerate.is-busy svg { animation: work-action-spin .9s linear infinite; }
.work-actions button:not(.work-regenerate) { display: inline-flex; padding: 10px 14px; border: 1px solid #d8d3eb; border-radius: 10px; background: #f6f3ff; color: #46328a; font: inherit; cursor: pointer; }
@keyframes work-action-spin { to { transform: rotate(360deg); } }
.work-content-status { padding: 10px; }
.task-results { grid-column: 1 / -1; display: grid; gap: 14px; min-width: 0; margin-top: 14px; }
.task-results .record-card { min-width: 0; }
.task-results .work-preview { margin-top: 12px; }
.compact-work-card { width: min(520px,100%); padding: 0; border: 0; background: transparent; }
.compact-work-card .work-preview { width: max-content; max-width: min(520px,100%); margin-top: 0; border-radius: 14px; background: transparent; }
.compact-work-card .work-actions { margin-top: 8px; }
.works-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 24px 22px;border-bottom:1px solid #e7e7eb}.works-toolbar>div{display:flex;gap:22px}.works-toolbar button{height:40px;padding:0 2px;border:0;border-bottom:2px solid transparent;color:#777982;background:transparent}.works-toolbar button.active{border-color:var(--brand);color:var(--brand2);font-weight:700}.works-toolbar>span{display:flex;align-items:center;gap:6px;color:#92949c;font-size:11px}.works-toolbar svg{width:14px;height:14px}.page-view .record-list.works-gallery{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px 16px}.works-gallery-card{position:relative;min-width:0}.works-gallery-cover{position:relative;width:100%;aspect-ratio:3/4;display:grid;place-items:center;padding:0;overflow:hidden;border:0;border-radius:14px;background:linear-gradient(145deg,#f0eff7,#dedbea);cursor:pointer}.works-gallery-cover:disabled{cursor:default}.works-gallery-cover img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .18s ease}.works-gallery-cover:hover img{transform:scale(1.015)}.works-video-placeholder{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:9px;color:#fff;background:radial-gradient(circle at 65% 25%,rgba(145,126,224,.9),transparent 34%),linear-gradient(155deg,#1b1d2f,#393454 58%,#181922)}.works-video-placeholder:after{content:"";position:absolute;inset:42% -15% -20%;border-radius:50% 50% 0 0;background:linear-gradient(145deg,rgba(132,116,201,.7),rgba(38,42,74,.9));transform:rotate(-8deg)}.works-video-placeholder svg,.works-video-placeholder small{position:relative;z-index:1}.works-video-placeholder svg{width:42px;height:42px;padding:11px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(6px)}.works-video-placeholder small{font-size:11px}.works-duration{position:absolute;right:10px;bottom:10px;padding:4px 7px;border-radius:6px;color:#fff;background:rgba(15,16,23,.66);font-size:10px}.works-gallery-placeholder{padding:18px;color:#777985;font-size:12px;text-align:center}.works-gallery-copy{padding:10px 38px 0 2px}.works-gallery-copy strong,.works-gallery-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.works-gallery-copy strong{font-size:13px}.works-gallery-copy small{margin-top:3px;color:#898b93;font-size:11px}.works-gallery-download{position:absolute;right:0;bottom:0;width:34px;height:34px;display:grid;place-items:center;border:1px solid #e3e3e8;border-radius:9px;color:#555861;background:#fff}.works-gallery-download svg{width:15px}.works-player{position:fixed;z-index:110;inset:0;overflow:auto;padding:20px 28px 30px;color:#f5f5f7;background:rgba(10,11,16,.96)}.works-player>header{height:44px;display:flex;align-items:center;justify-content:space-between;max-width:1050px;margin:0 auto 14px;color:#bfc0c7}.works-player>header button{display:flex;align-items:center;gap:7px;padding:9px 0;border:0;color:#f5f5f7;background:transparent}.works-player>header svg{width:17px}.works-player-layout{max-width:950px;margin:auto;display:grid;grid-template-columns:minmax(300px,560px) minmax(210px,1fr);gap:36px;align-items:center}.works-player-stage{position:relative;width:min(100%,560px);height:calc(100dvh - 110px);min-height:430px;display:grid;place-items:center;overflow:hidden;border-radius:16px;background:#050506}.works-player-stage video{width:100%;height:100%;object-fit:contain}.works-player-loading,.works-player-error{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:10px;padding:24px;text-align:center;background:#111218}.works-player-loading{color:#c8c9cf;font-size:12px;pointer-events:none}.works-player-error strong{font-size:16px}.works-player-error span{max-width:320px;color:#a8aab2;font-size:12px}.works-player-error button{height:38px;margin-top:8px;padding:0 14px;border:1px solid #444650;border-radius:9px;color:#fff;background:#272832}.works-player aside h2{margin:8px 0 10px;font-size:23px}.works-player aside>p{margin:0 0 24px;color:#a8aab2;font-size:12px}.works-player aside>a{height:42px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;color:#fff;background:var(--brand);text-decoration:none}.works-player aside>a svg{width:16px}.works-player aside>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.works-player aside>div button{height:40px;border:1px solid #3a3b45;border-radius:9px;color:#e7e7eb;background:#22232b}.works-player aside>small{display:block;margin-top:12px;color:#858790;font-size:10px;text-align:center}
@media(max-width:700px){.works-toolbar{margin:0 16px 18px}.works-toolbar>div{gap:16px}.works-toolbar button{min-width:44px;height:44px}.works-toolbar>span{font-size:10px}.page-view .record-list.works-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 11px;padding:0 16px 92px}.works-gallery-cover{border-radius:12px}.works-gallery-copy{padding-right:34px}.works-player{padding:8px 12px 22px}.works-player>header{height:42px;margin-bottom:7px}.works-player-layout{display:flex;flex-direction:column;gap:15px}.works-player-stage{width:100%;height:min(68dvh,680px);min-height:390px;border-radius:13px}.works-player aside{width:100%}.works-player aside .dialog-kicker,.works-player aside>p{display:none}.works-player aside h2{margin:0 0 10px;font-size:17px}.works-player aside>a,.works-player aside>div button{min-height:44px}.works-player aside>small{font-size:11px}.works-gallery-download{width:32px;height:32px}}