.upload-work-preview{box-sizing:border-box;width:calc(100% - 48px);max-width:1200px;margin:22px auto 10px;padding:17px 20px;display:flex;align-items:center;gap:13px;border:1px solid #cbded2;border-radius:14px;background:#f1f8f3;color:#214536;scroll-margin-top:20px;outline:none;text-align:start}.upload-preview-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid #d1e5d8;border-radius:12px;background:#fff;color:#17745a}.upload-work-preview>div{min-width:0;flex:1}.upload-work-preview h2{font-family:inherit;font-size:17px;font-weight:700;line-height:1.45;letter-spacing:0;margin:0 0 3px;color:#214536}.upload-work-preview>div>p{margin:0;font-size:13px;line-height:1.6;color:#526d5d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.upload-work-preview p.upload-preview-note{display:flex;align-items:center;gap:8px;flex:0 1 340px;margin:0;font-size:12px;line-height:1.75;color:#436650}.upload-preview-note svg{flex:none}.upload-work-preview:focus-visible{outline:3px solid #158366;outline-offset:4px}@media(max-width:700px){.upload-work-preview{width:calc(100% - 32px);padding:15px;gap:11px;flex-wrap:wrap;margin-top:18px}.upload-work-preview>div{flex-basis:calc(100% - 58px)}.upload-work-preview p.upload-preview-note{flex-basis:100%;font-size:13px}.upload-work-preview h2{font-size:17px}}@media(prefers-reduced-motion:reduce){.upload-work-preview .spin{animation:none}}.upload-work-preview[data-preview-state=needs-attention]{background:#fff8e9;border-color:#dfc888}