.image-crop-dialog{box-sizing:border-box;color:#202128;background:#fff;border:1px solid #e4e5eb;border-radius:20px;width:min(600px,100vw - 32px);max-height:calc(100dvh - 32px);padding:24px;overflow:auto;box-shadow:0 24px 90px #0005}.image-crop-dialog::backdrop{background:#10121bd0}.image-crop-dialog h2{margin:0 0 8px;font-size:21px}.image-crop-dialog p{color:#626775;font-size:13px;line-height:1.6}.image-crop-orientations{gap:10px;margin:16px 0;display:flex}.image-crop-dialog button{color:#272a32;cursor:pointer;background:#fff;border:1px solid #d9dce4;border-radius:10px;padding:10px 16px}.image-crop-dialog button[aria-pressed=true],.image-crop-dialog footer button:last-child{color:#734200;background:#fff1d6;border-color:#ff9d00}.image-crop-dialog button:disabled{opacity:.5;cursor:default}.image-crop-stage{background:#181b24;border-radius:12px;justify-content:center;align-items:center;min-height:140px;margin-top:16px;padding:12px;display:flex}.image-crop-frame{touch-action:none;cursor:move;outline:2px solid #fff;flex-shrink:0;position:relative;overflow:hidden}.image-crop-frame img{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;position:absolute;top:50%;left:50%}.image-crop-grid{pointer-events:none;background:linear-gradient(90deg,#0000 33.1%,#fff6 33.3%,#0000 33.5% 66.4%,#fff6 66.6%,#0000 66.8%),linear-gradient(#0000 33.1%,#fff6 33.3%,#0000 33.5% 66.4%,#fff6 66.6%,#0000 66.8%);position:absolute;inset:0}.image-crop-zoom{align-items:center;gap:12px;margin-top:20px;font-size:13px;display:flex}.image-crop-zoom input{accent-color:#ff9d00;flex:1;min-width:0}.image-crop-dialog footer{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.work-detail{--wd-accent:#ff9d00;--wd-line:#e8e9ed;color:#18191d;box-sizing:border-box;background:#fff;width:min(1160px,100%);margin:auto;padding:32px;font-family:inherit;container-type:inline-size}.work-detail *,.work-detail :before,.work-detail :after{box-sizing:border-box}.work-detail button{font:inherit;cursor:pointer}.work-detail button:disabled{cursor:default}.work-detail button:focus-visible{outline-offset:3px;outline:2px solid #b66d00}.work-detail-identity{align-items:center;gap:20px;padding-bottom:28px;display:flex}.work-detail-icon{object-fit:cover;border:1px solid var(--wd-line);border-radius:18px;flex:none;width:80px;height:80px}.work-detail-icon--empty{color:#88909e;background:#f5f6f8;place-items:center;font-size:36px;display:grid}.work-detail-heading{flex:1;min-width:0}.work-detail .work-detail-heading h1{letter-spacing:-.5px;overflow-wrap:anywhere;color:#18191d;margin:0 0 8px;font-size:30px;line-height:1.25}.work-detail .work-detail-heading p{color:#676c76;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.65}.work-detail-author{color:#707580;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.work-detail-author img{object-fit:cover;border-radius:50%;width:22px;height:22px}.work-detail-author a{color:inherit;text-decoration:none}.work-detail-author button{color:#986000;background:#fff8eb;border:0;border-radius:6px;padding:3px 9px}.work-detail-category{color:#686e78;background:#f5f6f8;border-radius:6px;padding:6px 10px;font-size:12px}.work-detail-grid{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px;display:grid}.work-detail-main,.work-detail-side{flex-direction:column;gap:24px;min-width:0;display:flex}.work-detail-side{position:sticky;top:88px}.work-detail-gallery{grid-area:gallery;min-width:0}.work-detail-action-region{grid-area:actions}.work-detail-description{grid-area:description;min-width:0}.work-detail-information{grid-area:information;min-width:0}.work-detail-comment-region{grid-area:comments;min-width:0}.work-detail-stage{background:#111318;border-radius:12px;justify-content:center;display:flex;position:relative;overflow:hidden}.work-detail-media{justify-content:center;width:100%;max-height:640px;display:flex}.work-detail-stage--portrait .work-detail-media{width:auto;max-width:100%;height:min(580px,65vh)}.work-detail-media>img,.work-detail-media>video{object-fit:contain;width:100%;height:100%;display:block}.work-detail-media-empty{color:#a7acb5;text-align:center;place-items:center;min-height:230px;padding:24px;font-size:13px;display:grid}.work-detail-stage>button{color:#fff;background:#0007;border:1px solid #ffffff30;border-radius:8px;width:32px;height:36px;font-size:26px;line-height:1;position:absolute;top:44%}.work-detail-media-prev{left:12px}.work-detail-media-next{right:12px}.work-detail-thumbnails{gap:8px;padding:10px 2px 2px;display:flex;overflow-x:auto}.work-detail-thumbnails button{background:#18191d;border:2px solid #0000;border-radius:8px;flex:0 0 76px;height:48px;padding:2px;position:relative;overflow:hidden}.work-detail-thumbnails button[aria-pressed=true]{border-color:var(--wd-accent)}.work-detail-thumbnails img{object-fit:cover;border-radius:4px;width:100%;height:100%}.work-detail-video-label{color:#dce0e6;font-size:11px}.work-detail-video-play{color:#fff;text-shadow:0 1px 4px #000;font-size:12px;position:absolute;bottom:2px;right:4px}.work-detail-description>nav{border-bottom:1px solid var(--wd-line);gap:24px;display:flex;overflow-x:auto}.work-detail-description>nav button{color:#777c85;background:0 0;border:0;flex:none;padding:0 0 14px;font-size:14px;position:relative}.work-detail-description>nav button[aria-selected=true]{color:#18191d;font-weight:650}.work-detail-description>nav button[aria-selected=true]:after{content:"";background:var(--wd-accent);border-radius:3px;height:3px;position:absolute;bottom:0;left:0;right:0}.work-detail-section{min-height:100px;padding:18px 0;font-size:14px;line-height:1.9}.work-detail-section>p{white-space:pre-wrap;overflow-wrap:anywhere;color:#4f5661;margin:0}.work-detail-actions{border:1px solid var(--wd-line);background:#fff;border-radius:12px;grid-template-columns:1fr 1fr;gap:9px;padding:16px;display:grid}.work-detail-actions>*{grid-column:1/-1;min-width:0}.work-detail-actions>button[aria-pressed]{grid-column:auto}.work-detail-actions>button,.work-detail-actions>a{color:#252830;background:#fff;border:1px solid #dedfe5;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:9px;font-size:13px;text-decoration:none;display:flex}.work-detail-actions>button.primary-action{color:#17191d;background:var(--wd-accent);border-color:var(--wd-accent);min-height:48px;font-weight:700}.work-detail-actions svg{flex-shrink:0;width:17px;height:17px}.work-detail-actions>p{color:#828792;justify-content:center;align-items:center;gap:5px;margin:6px 0;font-size:12px;display:flex}.work-detail-actions .selected{color:#a35d00;background:#fff6e4;border-color:#ffcf7d}.work-detail-information{border-top:1px solid var(--wd-line);padding-top:18px}.work-detail-information dl{gap:15px;margin:0 0 18px;font-size:12px;display:grid}.work-detail-information dl>div{justify-content:space-between;gap:15px;display:flex}.work-detail-information dt{color:#858a94;flex:none}.work-detail-information dd{color:#4f5661;text-align:right;overflow-wrap:anywhere;margin:0}.work-detail-information .tags-card{box-shadow:none;background:0 0;border:0;flex-wrap:wrap;gap:6px;padding:12px 0;display:flex}.work-detail-information .tags-card span{color:#737983;background:#f5f6f8;border-radius:6px;padding:5px 8px;font-size:12px}.work-detail .comment-panel{border:0;border-top:1px solid var(--wd-line);box-shadow:none;background:#fff;border-radius:0;margin:0;padding:22px 0 0}.work-detail .comment-panel h3{margin:0 0 18px;font-size:17px}.work-detail .comment-panel h3 span{color:#858a94;margin-left:6px;font-size:13px}.work-detail .comment-empty{color:#8a9099;text-align:center;padding:24px 0;font-size:13px}.work-detail .safety-card{box-shadow:none;background:0 0;border:0;padding:12px 0;font-size:12px}.work-detail .safety-card small{margin-top:4px;display:block}@container (width<=700px){.work-detail-main,.work-detail-side{display:contents}.work-detail-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"gallery""actions""description""information""comments";gap:22px}.work-detail-identity{align-items:flex-start;gap:12px;padding-bottom:20px}.work-detail-icon{border-radius:14px;width:64px;height:64px}.work-detail .work-detail-heading h1{margin-bottom:5px;font-size:22px}.work-detail .work-detail-heading p{font-size:12px}.work-detail-author{flex-wrap:wrap;gap:5px;font-size:11px}.work-detail-category{display:none}.work-detail-actions{border:0;padding:0}.work-detail-actions .primary-action{order:1}.work-detail-stage--portrait .work-detail-media{height:min(520px,62vh)}.work-detail-thumbnails button{flex-basis:60px;height:40px}}.work-detail--mobile{max-width:390px;padding:18px 16px 28px}.work-detail--mobile .work-detail-section{min-height:0;padding-bottom:0}@media (width<=700px){.work-detail{padding:20px 16px}}