.works-page{padding:24px;max-width:1200px;margin:0 auto}.page-header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:center}.page-title{font-size:28px;font-weight:700;color:var(--txt-primary);margin:0 0 8px}.page-desc{color:var(--txt-secondary)}.btn-create{padding:10px 20px;background:#ff4757;color:#fff;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s}.btn-create:hover{background:#ff6b7a;transform:translateY(-1px)}.empty-state{text-align:center;padding:80px 20px}.empty-icon{font-size:48px;display:block;margin-bottom:16px}.empty-state h3{font-size:18px;margin-bottom:8px}.empty-state p{color:var(--txt-secondary);margin-bottom:20px}.empty-state .btn-primary{display:inline-block;padding:12px 32px;background:#ff2442;color:#fff;text-decoration:none;border-radius:8px;font-weight:600}.loading-state{text-align:center;padding:80px 20px;color:var(--txt-secondary)}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px;gap:16px}.work-card{aspect-ratio:3/4;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;background:var(--bg-card);position:relative}.work-card:hover{transform:scale(1.03);box-shadow:var(--shadow-md)}.work-card img{width:100%;height:100%;object-fit:cover}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{width:auto;max-width:900px;min-width:500px;max-height:90vh;background:#fff;display:flex;flex-direction:row;position:relative;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:rgba(0,0,0,.5);border-radius:50%;font-size:20px;cursor:pointer;color:#fff;z-index:10}.modal-close,.modal-image{display:flex;align-items:center;justify-content:center}.modal-image{background:#f5f5f5;flex:1 1}.modal-image,.modal-image img{width:auto;height:auto;max-height:85vh}.modal-image img{max-width:100%;object-fit:contain}.modal-info{width:280px;min-width:280px;padding:24px 20px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;border-left:1px solid #eee}.info-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #f0f0f0}.info-label{color:#888;font-size:15px;font-weight:500}.info-value{font-weight:600;font-size:15px;font-weight:500;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-full,.info-value{color:#333;font-size:13px}.info-full{background:#f5f5f5;padding:8px;border-radius:4px;word-break:break-all}.info-badge{padding:4px 12px;border-radius:4px;font-size:13px}.btn-download,.info-badge{background:#ff2442;color:#fff}.btn-download{border:none;border-radius:8px;margin-top:16px}.btn-delete,.btn-download{width:100%;padding:14px;font-size:15px;font-weight:600;cursor:pointer}.btn-delete{border:2px solid #dc3545;border-radius:8px;margin-top:12px}.btn-delete,.btn-delete:hover{background:#fff;color:#dc3545}.btn-delete-all{width:100%;padding:14px;border:2px solid #999;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;margin-top:12px}.btn-delete-all,.btn-delete-all:hover{background:#fff;color:#666}.btn-collect{width:100%;padding:14px;background:#fff;color:#ff4757;border:2px solid #ff4757;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;margin-top:12px}.btn-collect:hover,.btn-collected{background:#ff4757;color:#fff}.btn-collected{width:100%;padding:14px;border:2px solid #ff4757;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;margin-top:12px}